Bringing your web designer tools and tricks to Drupal
If you're an experienced web designer who is new to Drupal, then you probably aren't sure how to approach the kinds of features you're used to adding to a static HTML site or theme for another CMS. Following the form of a case study, we'll cover some of the many ways to implement features like dynamic text replacement, dropdown menus, tabs, rounded corners, slideshows, lightbox galleries, and image menus in a Drupal-savvy way.
Agenda
- Background on the design process -- what mockups were created in order to get the necessary design elements for Drupal, and the constraints
- Stepping back and visualizing the site in Drupal -- regions, content types, block styles, panels
- How to add your eye candy
Goals
- A better understanding of how to see a design in Drupally bits (and how to use this to make your designs more Drupal-savvy)
- Practical examples for implementing dynamic text, rounded corners, etc. in Drupal
Helpful links
Layout:
http://drupal.org/project/fusion
http://drupal.org/project/panels
Tabs:
http://drupal.org/project/quicktabs
http://drupal.org/project/cck_fieldgroup_tabs
Typography:
http://drupal.org/project/cufon
http://drupal.org/project/signwriter
http://drupal.org/project/typogrify
Rounded corners:
http://malsup.com/jquery/corner/
http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
Dropdown menus:
http://drupal.org/project/nice_menus
http://users.tpg.com.au/j_birch/plugins/superfish/
http://drupal.org/project/special_menu_items
Also already integrated in the Fusion theme
Images:
http://drupal.org/project/imagecache_actions
http://drupal.org/project/views_slideshow
Miscellaneous modules for taming bits of Drupal's output:
http://drupal.org/project/submitted_by
http://drupal.org/project/better_formats
http://drupal.org/project/vertical_tabs
http://drupal.org/project/tabtamer
http://drupal.org/project/semanticviews
http://drupal.org/project/term_display