Web Design / Development

2014-06-19

We are very proud to mention that nnpn.org (National New Play Network) is now in Drupal.org's 'Featured Showcase":

See https://www.drupal.org/node/1708254

To quote Drupal, "Drupal Case Studies are detailed overviews of well-crafted, innovative websites or applications built using Drupal.

2014-03-03

WordPress is great - we love it and gladly support it. But ... at a certain point it can become difficult to customize things. We consider using Drupal when we sense a customer is likely to exceed WordPress's capabilities, or if WordPress is going to start to become a pain to customize, or if there's a fair chance of needing to customize more things as time goes on. If it's going to be just a basic static site + blog posts forever, WordPress could be just fine. It wouldn't save much in terms of development time though, because getting things set up correctly with WordPress requires more grunt-work / custom coding than we're used to with Drupal. It would be mostly a wash. Some items, like automatic URL redirects, might not even be deliverable in a reliable way if we went the WordPress route. There certainly are WordPress plugins out there such as Simple 301 Redirects that would handle that, but we'm pretty wary of those 3rd-party plugins (having been burned one too many times by some that seemed nice but ended up buggy) and have more faith in the community-tested Drupal modules. 

WordPress: Pros: great admin interface, easy to set up. Cons: not terribly granular, and extending its capabilities requires a mix of plugins, which can lead to problems. 

Drupal 7: Pros: good admin inteface (can be made great), very extensible, modules ("add-ons") are very well-tested by the Drupal community. Cons:  harder to set up and configure than WordPress, theming usually involves custom theming, more resource-intsensive.

I can write a lot about the benefits of Drupal over WordPress .... but here are some things that come to mind:

- If the concern is with the editing experience, I think Drupal 7's interface is quite nice, and compares favorably with WordPress. It has some advantages even, in that it can be customized for each client's particular needs. Frequently accessed items could be added to the shortcuts bar, for example. 
- the URLs. WordPress just has one URL pattern (automatic URLs) you can follow ... one for blog posts and then another for pages. With Drupal you can set automatic URLs for news items, regular pages, blog posts, and any other content types you might need. This lets us automate content creation to a greater degree. Pathauto is the module for this. 

- content types; WordPress just knows pages and posts. Adding custom fields is a pain. Drupal enables us to create custom content types and decide exactly which fields we need for each of these, and we can control the layout of these through an admin UI as well - no need to custom-code these except in unusual circumstances.
- Fields; we can set up custom content fields and can specify these as image fields, simple text fields, editor text fields, file fields, etc etc. WordPress doesn't come close to this level of detail, and I think it's a level of detail you are likely to need. Doing this the WordPress way would involve too many workarounds and dodgy plugins. The core fields functionality in WordPress just seems too limiting, and Advanced Custom Fields seems like overkill when all you needs is a few certain kinds of fields. You can add a field to one page, but reusing it across pages. WordPress 3.0 core builds on custom posts / fields, but Drupal builds on a more relational approach, allowing filtering, sorting, and so on. Good luck doing that with WordPress without hacks and various plugins.
- Blocks (called "widgets" in WordPress). In Drupal these can be assigned to specific pages simply by editing the block and entering the internal URLs to those pages.. so for example you could assign a block to "blog" as well as all blog sub-pages ("blog/*").  Just try assigning a widget to just one specific page in WordPress. You can't. You have to use a plugin and some shortcode. I think the WordPress shortcodes are a major pain and not the easy method they're touted as , and want top keep customers from having to deal with any code at all, even shortcodes.
- Forms. WordPress's forms (contact forms, other forms), can be a pain to set up and manage. It's all handled by 3rd party plugins, whereas Drupal has https://drupal.org/project/webform, which is well-supported and robust. It lets you configure email confirmations and it also stores submissions in the database, so you can download an Excel file of submissions for each form. It's also possible to integrate it with other parts of Drupal or with 3rd-party tools like Salesforce, can handle online payments (for example for services, event registrations etc), multilingual forms, and much more. See https://drupal.org/node/1526208 for a list of various addons for Webform. It gives an idea of how well-supported it is.
- If you might need 'private' areas of the site later on, this is much better handled by Drupal than WordPress. This could include customer login areas. There are WordPress plugins that can do this, but I've not seen them be very reliable.
- The WordPress page/post editor is alright, but Drupal's can be set up to work better than that. For example, if you wanted to link to an internal WordPress page, you'd have to paste the URL manually. With Drupal you can enter part of the page title and it will auto-fill the URL for you. 
- Drupal handles URL redirects better. If you have a page and you change its URL, Drupal will create a "301 redirect" automatically. This prevents 404 errors and the like. 
- Drupal handles some SEO matters better too, when configured correctly, including RDF (which is becoming more important to SEO), meta tags, canonical links, automated meta descriptions (which can be overridden per page), and automatic ALT tags for some images. 
- Drupal's HTML output is much more style-able as far as CSS goes. We can get much more specific with how we style certain things than we could ever get with WordPress. For example, if you have a blog post or news item with a date, WordPress might provide a CSS class for it, or it might not; it depends on the theme, and if it isn't there, adding it is a pain. Drupal provides this by default. So for example if you needed to, say, style a certain side block on a certain page to look different from the other side blocks, we could do that quite easily, but doing that with WordPress would be difficult. 
- We've never had a Drupal site hacked... Joomla and WordPress on the other hand tend to be somewhat vulnerable to that, and part of that is the quality of the code isn't quite to Drupal's level. 
- Drupal is capable of incorporating integrations with 3rd party apps to a great degree. So for example if you wanted to start a video page / video blog, we could make a video content type, a video page, and then you could just click "Add Content > Video", paste in a YouTube URL, give it a title (for internal reference), and that's it. The site would automatically generate the YouTube / Vimeo / other embed code for you, mobile-friendly. That sort of thing might take 2-4 hrs to set up and style, max, including RSS feed. With Wordpress it would be 8-12 if you're lucky. 
- Drupal can handle insertion of large megapixel images into content; it will automatically scale them down to proper web / mobile resolution. Again, there are also WordPress plugins for this but they're not as battle-tested as Drupal's in my humble opinion. 
- Want to be able to add a slideshow to a page and have loads of display options? Drupal's got WordPress beat; we could simply add an image field that lets you upload multiple images, and then we can configure it to show as a fading slideshow or many different kinds of image slideshows. WordPress just has a few basic options with clickable thumbnails, but again, there are plugins out there that can probably do similar things to what Drupal does... I just hate how fragmented the UI gets with WordPress because ultimately each plugin will often get its own UI, distinct from the WordPress UI. This is all more unified and consistent in Drupal. 
- Permissions / roles. Drupal has a detailed and extensive permissions system. You could for example create a "Customer" role and set it up so users who are assigned this role could access some private content on the site, visible only to customers, or even visible only to that particular customer. I couldn't consider using WordPress for something like that. 
 
Long story short, WordPress has a great admin UI, but falls short in terms of granular control over things like content types, fields, permissions, advanced SEO settings, etc. Case in point is that this time last year, we ran a WordPress blog for Plethora Design, focusing heavily on Drupal / Northern Virginia. It did OK and got us traffic, and got us visible on Google page 5 or so, but two months ago we redesigned our entire site and merged the blog into it, all using Drupal, and now we're on page 1 (#6) on Google  for "drupal virginia" .. only the second company listed. I believe the speed optimizations and extra SEO customization played a role in this.
2014-02-26

WordPress

  • Pretty, easy to use, great for blogs and basic sites that don't need too much customization.
  • Has a good built-in SEF URLs (search engine friendly URLs) system that's easy to configure and use, as long as you are coo with the same URL pattern for all blog posts / pages.
  • Many plugins that can extend its functionality. However, the best WordPress installations rely on < 10 plugins. More than that and you're likely to face some upgrade issues eventually. Choose your plugins wisely.
  • Automatic updates. This is a great feature; just make sure you also have a backup system in place in case the automatic upgrade breaks your site. We haven't seen it happen yet, but it could.
  • Mobile-friendly admin interface and tons of responsive themes
  • Again, it offers loads of plugins and themes, but many of these are commercial and require commercial support. 

Joomla

  • Version 3+ is pretty, pretty easy to use
  • Can be used as a CMS (mainly) but also for blogging.
  • The URL aliasing system still leaves something to be desired. This can be partly overcome with addons like sh404SEF.
  • Mobile-friendly admin interface and a decent selection of responsive templates
  • Joomla itself is free, but many of the best add-ons are commercial, and require subscriptions in order to keep them secure and up to date. You should be using the best commercial addons because there are many shady third-party add-ons out there, and while free, they will cost you much more in the long run because they will wreak havoc on your site during your next major upgrade. Choose your Joomla extensions wisely!

Drupal

  • Its name is Dutch, meaning "water drop". So that's an advantage over WordPress or Joomla right there. Admittedly, we're biased. Plethora Design's founder, Casper Voogt, was born in Amsterdam. 
  • Super extensible. At its core is a system of content "types" and fields, so you can design your own content types, whether it's for news, blog posts, products, user profiles, and so on. 
  • It has Views. Here at Plethora Design we LOVE Views. And it ships as part of Drupal 8's core! You might be wondering what this is. It's a query builder that comes with many display options. You can display a list of content as a table, responsive divs, bulleted list, slideshow, iCal feed, CSV export, and so on. This allows you to reuse content items in a myriad ways, all the while exercising full control over the code output, so that you can style specific content fields discretely. Joomla and Wordpress, by and large, do not offer this granular level of control. It can be added, but takes custom coding to accomplish in most cases. 
  • Features an awesome ACL / permissions system. It is incredibly granular, such that every add-on can add its own specific permissions as it sees fit. Joomla 2.5 and 3 offer similar ACL controls, though these have been baked into Drupal for over a decade, whereas Joomla is still absorbing these new features.
  • A critique of Drupal has long been its seeming lack of good themes when compared to WordPress and Joomla. This is partly true, because Drupal is more developer and enterprise oriented, so there is a certain expectation that the functionality and theme will be custom-built or at least heavily customized. As such, there are not many commercial ready-made Drupal themes out there, but there are some truly wonderful "base themes" such as Zen and Omega, which are the only ones we work with on Drupal sites. The beauty of using such frameworks is that the framework is free, and enables you to leverage a community of many thousands of dedicated developers, versus relying on a commercial entity to provide support. It's a great choice if you need to exercise a great deal of control over layout, but don't want to reinvent the wheel. All the bells and whistles you might see on WordPress and Joomla sites can be done with Drupal, and then some. It's just that Drupal is geared more towards those who have a need to heavily customize workflows, content types, layouts, and so on.
  • Out of the three, Drupal has the strictest coding standards. It has unit tests and processes in place that modules (add-ons) must pass before they are approved for general use. There is a spirited community that reviews modules, and as a result Drupal modules tend to be capable of more robust functionality than many (not all!) Joomla / WordPress add-ons. And if you don't like some aspect of the user interface you have the freedom to change it. As they say in Drupal-land, "there's a module for that". 
  • Debugging Drupal modules is more straightforward. This speaks to how Drupal attracts more developers than either Joomla or WordPress. Drupal has automated testing and patch testing in place to ensure code is up to snuff. This avoids much of the ridiculous forum discusssions on Joomla and WordPress forums, which often involve hard-to-reproduce issues which are subsequently no tracked as bugs. With Drupal, the default position is to track issues as bugs and resolve the in a an orderly fashion that benefits the community at large.

OK, let's be honest. We favor Drupal. But Joomla and WordPress can be very good choices for some projects, and we do recommend these for new projects all the time. When planning a project, just make sure to plan for eventual 'enhancements' and extra functionality, because more often tban not these things will happen.

Out of the three, Drupal may have the highest learning curve, but it does offer the most flexibility in terms of handling any complex requirement you may throw its way. For even greater flexibility you could build your own home-grown CMS, and in many ways that is what Django does, but that is for another post.

2014-01-30

We've been revamping some customer Joomla sites, moving them from Joomla 1.5 to 3.2. The migration process means a move to Joomla 2.5 and a subsequent move to 3.2. It's a bear, but it's worth it. Joomla 3.2's admin interface is far superior to even Joomla 2.5's. I personally LOVE the Isis administrative template. It's mobile-friendly, and pretty intuitive. Much of the mundane, repetitive work of managing articles, modules, etc. is now much easier. Batch processing has been made available throughout.

Now the bad: if you want to be able to add custom content fields you will still need to use something like K2 (getk2.org), Zoo, Seblod, etc... see http://extensions.joomla.org/extensions/authoring-a-content/content-construction. K2 is the only one we have used and could recommend. The lack of CCK within Joomla core is indicative of Joomla being more of an out-of-the-box CMS than a 'framework'. Drupal has had CCK built-in since its inception, and has very powerful entity handling for individual fields. Each field can be formatted and displayed differently, and this can be done via an admin interface (using default Structure > Content Type > Display, or using Display Suite), or by custom-coding the display in your template (TPL) files, or using custom display formatters (plugins). You can even combine data from several fields into one, using Computed Field.

Drupal 8 is still in the works, and promises full mobile support as well as editing-in-place, with no need for page refreshes. If you don't want to wait for eight, you can install the Edit module .. see https://drupal.org/project/edit. I'm not yet sure how this interacts with the Autosave module; it may not save auto-saves the same way as before.

2013-12-21

When editing a web page and adding a link, what happens when the target URL changes? Your links breaks. To some extent you can use the Internal Links and Link Checker modules (see our earlier post, "Drupal link tools for improved editorial workflow and SEO"). Those are handy for external links especially. But what about linking to Drupal nodes? The ideal setup would be to use only internal links, e.g. "node/123" and never link to aliases, such as "about-us" or "/about-us". The reason being that if you linked to your About page using "about-us" or "/about-us" and later on you decide to change its alias to "about", your link to this page will break. You can use Link Checker to track this down, but it would be even better to not have this issue arise in the first place. You can avoid this by using only internal links. You can build this into your editing workflow using the following combination of modules:

  • CKEditor - https://drupal.org/project/ckeditor 
  • CKEditor Link - https://drupal.org/project/ckeditor_link. Make sure to edit the CKEditor settings AND your text format(s) to enable the CKEditor Link plugin. Otherwise your links may still get displayed as "node/123" even if you selected your path using the CKEditor Link too when editing the page.
  • Pathauto - https://drupal.org/project/pathauto - creates automatic paths based on the node title. Can also be configured to set custom paths based on the content type, and other more advanced options (using tokens). These are called Patterns. In Drupal 7 see admin/config/search/path/patterns. 
  • Redirect - https://drupal.org/project/redirect - handles automatic redirection, for example when you change a node's alias from "about-us" to "about". Then then old alias "about-us" will redirect to "about". 
  • Global Redirect - https://drupal.org/project/globalredirect - redirects any node/123 style paths to their corresponding aliases, if any exist.

 

2013-11-13

We have finally redesigned plethoradesign.com, using Drupal (what else?!). It's mobile-friendly and just about everything has been revamped, even the logo. In the Work section (our portfolio) we're using the Isotope jQuery plugin with Drupal's Views Isotope module. We're making extensive use of Drupal's taxonomy system for tagging content, and using Views to display that content in different ways throughout the site. 

2013-10-12

We attended DrupalCon Prague in September, and it was great to see familiar faces from the Munich conference. The big focus for many attendees and certainly for us was the push to Drupal 8, especially the new theming layer, which uses Twig as its template engine. From what I saw, it looked like a significant leap forward for theming, especially for keeping logic and theming separate - as much as is possible or reasonable. I suspect the logic/presentation debate will rage on for a long time to come, because there will always be edge cases where the lines are a bit blurred. Switching to D8 will require porting your D7 TPL files to the new Twig method - for the moment you can find instructions here.

2012-12-05

Ever needed to generate nicely formatted PDFs and/or PNGs on-the-fly? Check out wkhtmltopdf for PDF conversion using Webkit printing to PDF. From there you can conver the PDF to a PNG using pdftoppm.

Here's a very condensed run-down of the procedure on Ubuntu;

TCPDF is another widely used PDF conversion utility but I have found its layout and formatting options to be incredibly tedious. It makes a lot more sense to me to just print to PDF and let the Webkit browser do the heavy lifting .. with a helping hand from xvfb. You can invoke the xvfb command in PHP as follows:

<?php
$url
= 'http://www.your-awesome-site.com/somepage.html;
$path = '
/home/youraccount/somedir'; //path to where you want to write the file. Make sure the web user (www-data) owns this folder and has write permissions.
$pdfcommand = '
xvfb-run --server-args="-screen 0, 960x768x24" wkhtmltopdf '.escapeshellarg($url).' '.escapeshellarg($path).'some-awesome-file.pdf';<br />exec($pdfcommand);
//Then to convert the file to PNG:
$pngcommand = '
convert -density 300 '.escapeshellarg($path).'reminder.pdf '.escapeshellarg($path).'some-awesome-file.png';//imagemagick seems faster. 'convert' is the Imagemagick command.&nbsp;<br />exec($pngcommand);
?>
2012-07-22

Ubuntu users will recognize this common issue;

You have a user directory, e.g. /home/someuser, and you can SSH in and use 'sudo -s' to do super-usery things. Now try to SFTP (Dreamweaver, FileZilla, etc), and you can download, but if the files are 'owned' by www-data you probably can't upload anything except maybe new files. Many web applications (Drupal at least) need the files to be writable by the same user/group that Apache uses /... in the case of Ubuntu this is www-data.

You can't use 'sudo -s' within Dreamweaver or FileZilla.. yes, FileZilla has a custom command option, but it doesn't work with 'sudo -s'. 

You can "chown someuser:someuser * -R" inside the /home/someuser directory and make them writable by your user that way, but then you would need to chown them back to www-data to keep Drupal running well. 

A long-term solution is this:

sudo usermod -a -G www-data someuser

Then ... log that user out of the FTP client and try again. You have to log out for the new permissions to be recognized. 

2011-12-31

Google Checkout has ... 'checked out' and change its name to Google Wallet. Google Wallet is essentially Google Checkout, but rebranded and targeted to mobile use as much as for use on regular sites (viewed from a personal computer). We look forward to working with wallet on some upcoming e-commerce projects.

Pages