Theming, Design & Usability

Fluid grids, flexible images, and media queries are the three technical ingredients for responsive web design, but it also requires a different way of thinking. Rather than quarantining our content into disparate, device-specific experiences, we can use media queries to progressively enhance our work within different viewing contexts.

HTML 5 is the next major version of HTML. It introduces a bunch of new elements that will make our pages more semantic. This will make it a lot easier for search engines and screenreaders to navigate our pages, and improve the web experience for everyone. In addition, HTML 5 will also include fancy APIs for drawing graphics on screen, storing data offline, dragging and dropping, and a lot more.

With all the new html5 buzz, and the talk about the future of flash, its time to make some order out of the chaos.
In this session we will talk about the benefits of using the flash platform.
whether you want to build an eye-caching wizard, a sophisticated mapping applet or to build a customized media players, the option of using flash cannot be ignored.

• how to decide when to prefer the use of flash over the use of javascript.
• Show you some real world examples of leveraging Flash and Flex to build a great user experience in Drupal.

This session is not about code. No code no code no code. No really, no code.

This session will showcase a unique approach we've pioneered at Chapter Three leveraging Adobe Fireworks to use an in-house created template to transform our designs from good to amazing. We will be showing you how to address a lot of elements that make sites look Drupal-y and show you how to create Future-Proof-Extendable-Design.

What the heck does that mean? You'll have to show up to find out, but we guarantee that if you design sites for Drupal, that you will use the tools that we have to share.

Selenium is a testing framework which allows anyone - developers, designers, project managers or the client - to record user journeys in their browser and have those user journeys be replayable on anyone else's browser. It also supports whole suites of tests, automating in the browser and automating outside the browser using a dedicated testing server.

Selenium's a great choice for Drupal testing because so much of the functionality you or your client will want to build is browser-based. Also, with a few extra tweaks, Drupal can integrate very nicely with Selenium to produce robust tests.

Drupal lends itself well to modular, separately deployable code. This means you can often reduce quite large Drupal-based projects to sets of minimum deployable features (MDFs) - informally speaking, chunks of functionality which get a particular job done, and don't look weird on their own - which quickly start to take shape as Drupal development plans.

Drupal's theme layer is very flexible and can accommodate just about any web design. It's important for designers to remember, however, that they're not really creating a page — they're building a complete system to house the all of the site's content.

In this session, we will talk about concepting and creating a Drupal-optimized design.

Image credit: agjimenez on Flickr (CC BY-ND).

Outline

<

ul>

Web font, @font-face is a CSS standard to deliver the fonts real-time like images to web pages. It is gaining popularity and is supported by all major Browsers. Designers can use fonts that are located in remote server just like referencing images or video assets. It solves the problem that we must have the fonts reside on the local computer and we can use remotely located Unicode fonts that contains large collections characters and can be updated regularly and accessed by remote users instantly. SEO will be improved by implement the text in real fonts vs.

One of the most valuable modules in site development is surely the Admin menu. Why? It reduces page loads significantly and makes almost everything easier to find - without taking up much space. Why not extend that same courtesy to your users... and animate it.

You can, thanks to the Popup module and its little helpers.