This site is archived.

Theming, Design & Usability

All your HTML are Belong to us #2.5 Revenge of the Markup

mortendk 4 July 2010
Type:  Session in official program

Drupal comes with a lot(!) of predefined markup & css.
Modules are adding styles and markup to the themes and so themers have limited control over whats going on inside the theme - that works well for some themers - others not so much.. or to put in other words:

Drupal comes with a lot(!) of predefined markup & css.
Modules are adding styles and markup to the themes and so themers have limited control over whats going on inside the theme - that works well for some themers - others not so much.. or to put in other words:

"WTF does all this bib markup do in my bib site - aaargh for >>--bib--<< sake, Gimme lean mean mother >>--bib--<< 'ing markup"

This session is all about controlling and cleaning up the markup.

Awesomeness redefined: Drupal7 Theming

mortendk 4 July 2010
Type:  Session in official program

Drupal7 is coming sooner than we know it, and its pretty awesome (whos surpriced?) This session will be a gentle walkthrough of the new things that any themer needs to know

Drupal7 is coming sooner than we know it, and its pretty awesome (whos surpriced?) This session will be a gentle walkthrough of the new things that any themer needs to know

Ugly be gone

    • what happend to all the pretty themes
  • New themes both front & back

logic welcome to drupal

  • ...oooh gasp, so the css naming will make sence
  • blocks, variables & names that make even more sence - wow!
  • what changed?

tiplphiphs Rules and new awesome stuff

  • what where and why did somebody changed that?
Additional Presenters:  Jen Simmons

Drupal Mobiliser — Mobile Web Overview

Philipp Schaffner 3 July 2010
Type:  Not planned session

Everyone wants to go mobile. Apart from Web 3.0, this is one of the most exciting topics in the applied ICT/Web environment. The problem is: how do I get a proper overview! This session guides participants into the versatile mobile web world:

Theory part:
• What is the .mobi-TLD (Top Level Domain)? What is it good for? Why the extra TLD?
• How to get a 20-minute-overview with the ‚dotMobi Mobile Web Developer’s Guide‘.
• Brief excursion into the jungle of online-tools: http://ready.mobi, http://validator.w3.org/mobile/, http://deviceatlas.com, http://ta-da.mobi, http://wurfl.sourceforge.net/ ...
• The developer community http://mobiforge.com (realised with Drupal).

Practical part:

Theming newsletters in Drupal

Hans Rossel 2 July 2010
Type:  Not planned session

Theme newsletters for sending with simplenews, civimail and campaignmonitor.

In this session we have a look how you can compose newsletters and theme them in Drupal using the simplenews modules (see my handbook page http://drupal.org/node/268404 which will be rewritten for Drupal 6).

  • simplenews module and submodules
  • composing template files
  • newsletter backend and frontend
  • testing in web and desktop based email clients
  • getting css inline with template files or emogrifier

We also have a short look for some of the main alternatives: civimail and campaignmonitor.

What you need to know about grids that 960 won't teach you

Mark Boulton 2 July 2010
Type:  Session in official program

As great as 960.gs is, it's not where designing grids should begin and end. Grid systems should be the basis of your layout thinking. If you're picking up an existing grid - like 960.gs, you're not designing, you're taking a shortcut, and it could be in the wrong direction. This session will start from the beginning. You'll learn the why and how, but also the things you need to be considering the years to come. You will learn the underpinning grid theory so you can stop taking shortcuts and start designing grids from scratch.

As great as 960.gs is, it's not where designing grids should begin and end. Grid systems should be the basis of your layout thinking. If you're picking up an existing grid - like 960.gs, you're not designing, you're taking a shortcut, and it could be in the wrong direction.

Designing UI with Seven

Mark Boulton 2 July 2010
Type:  Session in official program

Do you develop modules that have a UI? Will you be upgrading them for Drupal 7? Are you great at the code, but get lost when trying to figure out the user interface? Well, this session may be for you. Mark Boulton will take you through Seven; why it looks the way it does and how to design UI for it.

Drupal 7 is just around the corner. Seven, the new admin theme for Drupal 7, is a departure from previous Drupal themes. Designed as a result of the D7UX work undertaken by Leisa Reichelt and Mark Boulton Design, the theme only goes part way to create a great admin experience.

Contributed modules, and how they build upon, change and interact Seven is what will make it a truly great admin experience. Seven is only as good as Contrib makes it.

Add a mobile version to your Drupal site

Martin Joergensen 1 July 2010
Type:  Session in official program

This session will go through some different ways of making a parallel version of your Drupal site suited for smartphones like the iPhone and Android phones.

This is NOT about making apps, but about adapting themes, templates, views and other odds and ends to make your site look nice – or at least be useful – on the small screen and potentially limited facilities.
This is not rocket science, but there are some pitfalls and some areas which require more work – and some where it's close to impossible to adapt look and function to the small screen – but in general it's easy to customize news, articles, discussions and much more to fit the limited screens on mobile devices.

From a html/css template to a Drupal theme

Hans Rossel 29 June 2010
Type:  Session in official program

This session shows how you can turn a html/css prototype into a Drupal theme.

This session shows how you can turn a html/css prototype into a Drupal theme.

  • Drupal Theme anatomy
  • Filestructure of a Drupal theme
  • Creating a theme as a subtheme of a base theme or starter theme
  • Creating a theme from scratch from your own html/css template
  • .info file
  • css and js in a theme
  • page.tpl.php
  • node.tpl.php
  • regions
  • multiple page, node, block template files
  • variables and preprocessing examples
  • Theme developer module

Display Suite - central and clean administration of your object displays

Kristof De Jaeger 26 June 2010
Type:  Session in official program

There is an enormous choice when it comes to theming your data. The theming layer makes it possible to create suggestions and create an insane amount of template files, you can override existing theming functions, CCK has the display fields screen and with views you can either choose fields, nodes and other display methods. In big projects, this can lead to an unmanageable amount of places where theming can happen.

There is an enormous choice when it comes to theming your data. The theming layer makes it possible to create suggestions and create an insane amount of template files, you can override existing theming functions, CCK has the display fields screen and with views you can either choose fields, nodes and other display methods. In big projects, this can lead to an unmanageable amount of places where theming can happen.

Additional Presenters:  Jochen Stals Nils Destoop

Turning Web Visitors Into Buyers, Designing Drupal for Conversion Rate Optimization (CRO)

Ben Finklea 25 June 2010
Type:  Not planned session

Get the design specifics on taking your site to a higher level of sales effectiveness in 2010 with an inspirational, interactive talk from Ben Finklea, author of Drupal 6 Search Engine Optimization.

Get the design specifics on taking your site to a higher level of sales effectiveness in 2010, with an inspirational, interactive talk with Ben Finklea. Ben is CEO of Volacci and author of Drupal 6 Search Engine Optimization. He describes how to get 40-50% improvements in conversion from conversion-rate-focused design adjustments to a exisitng, well-executed SEO initiatives. Ben offers results from Volacci clients, such as an online retailer in health and wellness. Conversion Rate Optimization (CRO) efforts yield big results with relatively minor changes.