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.
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.
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.
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:
Are you a front-end developer that loves to code in SCSS and loves all things responsive? Or a designer who wants to learn more about Style Tiles? If so, then this session will demonstrate how to use Style Tiles as a design deliverable and incorporating web-based style tiles into your client process.
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?
Responsive Design is being touted as the "one site to rule all devices" but now that we are becoming more familiar with what a responsive website is, we need to begin discussing about how it is done and what pitfalls stand between ourselves and amazing responsive sites.
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.
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.