Nonprofit web design tips and more from CEDC

Month

March 2011

19 posts

Ongoing series of Nonprofit SEO (Search Engine Optimization) tips → cedc.org

This series of tips gets updated periodically, but we’ve already got a pretty large collection of tips for optimizing your nonprofit site for search. Some are basic, some are more advanced. Feel free to make a suggestion if you know of a good SEO tip that should be added to the list.

Mar 31, 20111 note
#SEO #search engine optimization #nonprofit
Play
Mar 31, 20113 notes
#SEO #google #search engine optimization #+1 #social search
Mar 31, 20115 notes
#communications #media #tools #impact #justice #strategies
How [Some] Web Developers Hurt Their Nonprofit Clients

Kivi Leroux Miller lists a few pet peeves about nonprofit sites she’s seen which don’t provide the freedom or flexibility that the nonprofits need, due to some choices the consultant has made:

1. Not using a standard content management system.

2. Not explaining how to use the content management system.

3. Not creating adequate space in the design for timely updates.

Hard to argue with that. We’ve helped a number of orgs move off of a restrictive proprietary system or old school HTML and gain control of their sites. There’s no reason not to these days. Part of our philosophy (which ties in with the use of open source solutions) is to empower the orgs and not create dependent relationships. We let them have as much control of the site as they want and are able to have, and to be free to move to different hosts, different consultants, etc. as circumstances demand.

I would also add one more item, which is:
Not informing the nonprofit staff that there will be security updates to their site software and not providing them with a system for updates (either by training them to do it or providing a simple and affordable service for maintaining the site). We’ve had a number of groups who come calling because they had their site built in a CMS with a bunch of add-on modules and then were left alone. Security updates were released, but their sites weren’t patched, and suddenly the site is down or defaced. Nobody wants that.

Mar 29, 2011
#content management system #WEB #design #security
Mar 25, 2011
#security #passwords #free #privacy
Play
Mar 24, 20111 note
#google #nonprofit
Mar 24, 201113 notes
#Oscar Romero #Peace #Quote #Mural #War #Octavio Duran #Renato Martin
CiviCRM: Ensuring Schema Integrity on Upgrades

This one is courtesy of a connection made at the #11ntc last week. We have a partner with an old CiviCRM database, upgraded many times over the years. At some point in the past, the upgrade failed to run completely (whether due to a bug or a server misconfiguration or something else) and now the database generates errors on every subsequent upgrade. The problem lies in a part of the database that isn’t used by our partners, so we haven’t invested a lot of time into figuring out how to fix it. Last week at #11ntc, I attended a CiviCRM session and posed the question to see what would be suggested. One of the other participants volunteered to share the solution with me and later emailed it to me (Thanks, Frank!). Behold:

Ensuring Schema Integrity on Upgrades

When a CiviCRM site is upgraded to a new version, there are frequently changes to the structure of the database. This may include adding or dropping tables, columns, indexes and foreign keys. Generally, the SQL upgrade script provided with each new version does a decent job of modifying the existing database to match the new schema.

However, there are occassionally issues during the upgrade which prevent a full implementation of the new schema. These issues generally show up as error messages or warnings during the upgrade. The procedures below are designed to reload the data into a new database which contains the exact schema needed to upgrade to the new release. We recommend you follow these steps if you’ve experienced any unexpected database errors or warning during an upgrade. We also recommend following these steps if your database as been through several version upgrades.

After running these steps, you can be confident that your database schema matches the current production version exactly, with all indexes, foreign keys, defaults and other constraints…

Read the full solution

Mar 24, 201110 notes
#CiviCRM #CRM #database #upgrade
Dan Heath's plenary talk on Switch at #11NTC

image

The picture’s not great (it was taken with a cellphone from the back of the room) but as we catch up from our time at the 2011 Nonprofit Technology Conference (#11ntc) we thought we’d post a few items here as well. Below are our “live-blog” tweets from the plenary session and capture some of the important points he made:

Dan Heath: find what’s working and do more of it instead of just focusing on problems. #11ntc

Heath: instead of analyze-think-change, it is usually see-feel-change. #11ntc

Heath: don’t abuse pity and guilt as motivators. Why aren’t we selling hope? #11ntc

Heath: shape the path for the user, it’s easier than trying to change the user. #11ntc

Heath: if you want to make change, give yourself permission to fail. Like kids learning to walk, we will fall. #11ntc

Unfortunately, the internet and cellphone coverage were so spotty that we didn’t get the chance to do a lot of liveblogging from other sessions. We are @cedcoffice on Twitter.

Mar 23, 201119 notes
#Dan Heath #Switch #plenary #change #11ntc
Play
Mar 18, 2011
#11ntc #social media marketing #twitter #facebook
Speeding up with Modernizer → contrast.ie

Modernizr is a feature detection library for advanced browser features by Faruk Ateş and Paul Irish. By adding classes to your HTML tag and providing a Javascript object to check against, it helps you to customise your implementations to take advantage of new features while also supporting older browsers via fallbacks.

It’s a mistake to think of this as a small thing. Modernizr can be used to provide a performance boost for visitors with newer browsers and devices. And, as it detects features and not browser type and version, whenever your favourite browser supports these features they’ll get that boost too.

Mar 16, 20114 notes
#HTML5 #css3 #modernizer #coding #performance
Good tutorial on HTML5 and CSS3 basics → stuff.contrast.ie

…Firstly, I will introduce to some new front-end technologies, like HTML5 and CSS3. Secondly, I will show you a few different ways you can use these new technologies in your projects today. And thirdly, I’m going to show you a few little demos of these things, and walk you through their implementations. Where I’ve found problems, I’ll let you know.
…
It’s my belief, particularly given how closely HTML5 is linked to Google (the author of the specification, Ian Hickson, is a Google employee) that it’s a good bet that using HTML5 tags appropriately will help Google better understand your pages and so provide their users with more appropriate search results. That’s a win for you too. Besides, you might be writing your own machines some day to go over your old content, and you’ll be glad of the improved markup.

Mar 16, 2011
#html5 #css3 #tutorial #coding
Hover menus and usability → uxmovement.com

Some interesting comments on hover menus and usability vs. click menus. With the explosion of mobile devices (which don’t have hover states) this may all be one level more relevant, too. The comments have an interesting discussion with a variety of points of view so be sure to read through them as well.

Many design­ers seem to believe that when their menus open on hover, they’re faster and eas­ier for most users to use. It cer­tainly might seem this way at first, but when you look deeper you’ll notice that the oppo­site is true. Hover menus are actu­ally slower and harder for most users to use. Menus that open on hover do save users a click, but that first click is nec­es­sary in let­ting the web­site know that the user wants a menu to open and is ready for it. It also con­firms to the user that some­thing is hap­pening as a result of their click. This behav­ior matches the user’s men­tal model of how most web­sites work. Click­ing for some­thing you want has never been an issue for users. What’s an issue for users is get­ting some­thing you don’t want or don’t expect sim­ply on hover…

Mar 14, 20118 notes
#hover #click #menu #user interface design #usability #UX #navigation
Joomla 1.6 Beginner's Guide (Free) → magazine.joomla.org

Even though you might be a beginner with Joomla!, after reading this book you will have the knowledge needed to manage your own Joomla! website effectively. If you are somewhat familar with HTML, CSS and image editing, you will learn how to customize a template for your website. The book is available in both English and German (Joomla! 1.6 - Das Einsteigerbuch). The books are readable for FREE without registration at our website, and the English edition is downloadable for FREE as PDF.

Mar 10, 20111 note
#joomla #how to #free
Play
Mar 10, 20111 note
#Treesaver #javascript #html5 #Flipboard #Drupal #NTEN
Comparing Open Source Content Management Systems

Wordpress, Joomla, Drupal, Plone

Idealware has updated their 2009 report as of Dec. 2010. As expected, the list hasn’t changed all that much in terms of ranking, but each system has released a major version since the earlier report. They still rank them as follows: Wordpress (for the simplest sites), then Joomla (for somewhat more complex sites), and then Drupal (for the most robust or flexible sites). Note that they also rank Plone, but I’m leaving it off below since the custom server requirement is a non-starter for most small non-profits.

Below are a few excerpts from the summary.

WordPress

WordPress is a great choice for fairly small (a few hundred pages or less), simply arranged websites. It’s the easiest system to install and understand, and is easy to maintain and update, putting site setup within reach of anyone with a sense of technical adventure… Updating and editing images and text is also quite straightforward, and multiple add-on modules are available.

However, WordPress doesn’t scale as intuitively as the other three systems to support complex sites…There is only limited support for differentiation of user roles, although plug-ins are available to support permissions based on section or type of content.

Joomla

Joomla is a solid utility player, good for a variety of different situations, and it’s relatively straightforward to install and set up. There’s a bit of a learning curve to understand how the menus, site structure and content work and interrelate, but once you’ve got it the system provides a strong infrastructure for straightforwardly creating useful site structures to support even very large sites. Add-on modules support a wide variety of functionalities, from directories to shopping carts to community features, providing a solid base for many different kinds of sites.

While Joomla supports more complex site structures than WordPress, it is not as flexible as Drupal or Plone. Each piece of content is typically associated with a single page. This makes the system more straightforward to understand, but can be cumbersome to update and limits very advanced structures (like structuring a site around a multifaceted taxonomy)…

Joomla’s latest release, version 1.6, adds robust permission features to allow people to add, edit or publish information based on site section, content type or more…

Drupal

Flexible and powerful, Drupal is a great choice for more complex sites. It supports a wide variety of site structures — with widely used add-ons, you can define very detailed rules as to what content should be displayed where, and build your own custom content types. It has particularly strong support for Web 2.0 and community functionality, including user-submitted content. It’s also easy for content administrators to find and update content — once you have installed a WYSIWYG editor to let them format the text, which does not come out of the box.

But Drupal’s power comes with complexities. Understanding what the system offers and how to configure it is more difficult than WordPress or Joomla. The administrative screens for configuring a site have a huge number of options and settings, making them harder to interpret. And the flexibility of the system means it’s important to think through the best way to accomplish what you want before diving in. Most people will want to hire a consultant familiar with Drupal to help them set up a site rather than trying to go it alone.

Drupal’s latest release, 7.0, includes a new administrative interface that makes administration and content editing more intuitive, and adds the ability to create custom content types without an add-on…

[Shameless plug, regarding the fact that “[m]ost people will want to hire a consultant familiar with Drupal to help them set up a site rather than trying to go it alone”… we are such a consultant (and we also work with Joomla). But we are a non-profit and we only work with non-profit and social justicey groups!]

Excerpts from the summary came from here and the full report is available here.

Mar 10, 20112 notes
#open source #content management system #cms #Drupal #drupal-7 #joomla #wordpress #plone
Play
Mar 7, 2011
#qr codes #social media marketing
Intro to Drush (Drupal productivity tool) → 3wavesmedia.com

Drush simply put is a command line utility specifically for Drupal. It can help you install modules, download modules, uninstall modules and much more all without even opening a web browser. It also cuts down on development/upgrade time significantly. Imagine being able to update 15-20 modules in a matter of seconds. Updating Drupal core in less than 15 seconds with a complete backup done automatically. Now you can see just how much time this will save you.

Digging deeper:
  • Drush.ws (the Drush project homepage: “The Drush Project Manager allows you to download, enable, disable, uninstall, update modules/themes/profiles/translations from the command line in a very simple way”)
Mar 4, 2011
#drupal-7 #drupal #productivity
Mar 2, 20112 notes
#open source #analytics #google #privacy #tools #heatmap
Next page →
2012 2013
  • January 6
  • February 4
  • March
  • April
  • May 1
  • June 2
  • July
  • August
  • September
  • October
  • November
  • December
2011 2012 2013
  • January 8
  • February 14
  • March 16
  • April 12
  • May 6
  • June 4
  • July 8
  • August 10
  • September 1
  • October 1
  • November 10
  • December 1
2011 2012
  • January 13
  • February 55
  • March 19
  • April 21
  • May 28
  • June 24
  • July 11
  • August 11
  • September 7
  • October 4
  • November 6
  • December 8