Pacific Northwest Drupal Summit 2012

All the drops gather here.
Seattle, October 20-21, 2012

Design and Theming

This track focuses on the development and implementation of design, interaction, usability, accessibility and navigation, from the most basic design ideas of layout and user experience ideas to technical knowledge of CSS. Equal focus lies on the tools used to bring all of this together into a Drupal site as well as on teaching basic HTML/CSS knowledge to newcomers.

Responsive Designs that Work: Lessons from the Trenches

Responsive design is the most effective way to make sure your website looks great on smartphones and tablets in addition to desktop PCs. What are some of the pitfalls you should be aware of, and user experience details you need to pay careful attention for executing a successful responsive design? We will be sharing hard learned lessons illustrated by case studies from actual projects we built in Drupal using our flavor of the Omega theme.

4 Smart Strategies for Going Mobile

More than half of the U.S. adult population have smartphones. By 2014, globally more people access the internet from mobile devices than desktop PCs. When the predominant way people access web-based information is through mobile devices, how should we rethink the way we interact with the internet? What are some big picture issues we should be thinking around mobile?

Recognizing that organizations have different needs, this session highlights four scenarios and strategies for making your content mobile-friendly, and dispel some of the hype and anxiety around going mobile.

Responsive Design for Drupal

With the rise of mobile and tablet markets designers and front-end
developers started to scratch their heads on how to provide the best
user experience across all platforms. In this section we'll examine
the benefits of using a responsive layout for your website comparing
it to other techniques and present some basic information on making
your website or application mobile friendly.

Some points to be discussed:

Dynamic Layout Management in Omega Using JavaScript

Responsive design is becoming an industry standard in Drupal. There are several themes that provide responsive functionality out of the box, but how do users new to responsive design know how to handle page elements that are don’t function when switching between responsive layouts?

Using JavaScript, Drupal developers can quickly customize their theme of choice to develop a dynamic solution for responsive layouts. This session focuses on best practices using JavaScript with the Omega responsive theme to dynamically manage layouts for different browser sizes.

Responsive Web Design (and Drupal)

This session will cover the basics of responsive web design and considerations for your project.

Everything from the initial intake meeting and questions to ask, to the information architecture and design needs to be tackled with a view to "mobile first" and we will show you the best questions to ask and most common mistakes.

Once we have covered the basics (time permitting) we will move into a demo in how to set up and configure your own Omega sub theme with tips and tricks to help you along your way.

Fix Your Markup with Fences

Have you heard of Fences? No, well you really should get acquainted, it may be the answer to many of your Drupal output woes! This session will give some real world uses for the Fences module, and demonstrate how you can use Fences to do more than just make semantic HTML5 markup!

Session will be aimed at site builders and developers, basically for all audiences. Fences 101.

Subscribe to RSS - Design and Theming