This is a live blog of the session “Adaptive, Responsive, Mobile First and Drupal Theming for the Future with HTML5, CSS3 and Omega” by Jake Strawn at DrupalCon London.
I’m hoping this session is the bookend to the mobile design theme that’s run through this DrupalCon. It is the future – there is no doubt. From the keynote this morning, to the previous session on mobile adaptive design, its obvious that this is the way we should be thinking in all our design efforts. This session is presented by @himerus) and its packed!
He asked how many used a mobile device 10 minutes before the session – at least 1/2 the hands went up.
Mobile is NOT JUST Android/iOS. A lot of people are still using low tech phones (feature phones) Around 32% of mobile devices were smart phones (January 2011) Supposed to be about 50/50 by the end of 2011
One way to figure out what device – user detection – NOT the way to do it.
What is it?
The practice of using fluid grids, flexible images and media queries to progressively enhance a web page. However, it might even be bigger than that. Its not necessarily about the approach – its the goal that’s important: the website delivered to different devices giving the user what they need.
The Path to Responsive
it boils down to your clients and how you deal with them. Mobile version is MORE important than pixel perfect design for every desktop browser.
Implementing them now in Drupal
In drupal 7, there is one theme – Omega 3.x – that does all this. It was launched on Tuesday (in devel for 2 years). Features include:
Sites using Omega
Where Drupal Falls Short
There are areas we need to work on for Drupal 8. The design initiative and web services and context core initiative is the place to do it.
Great session – really encourage you to get the session notes on this one.
With Admincredible you can update and manage all your Joomla sites. If you have 5 or 500 sites, Admincredible will make your life easier! Visit Admincredible.com.
All of our tutorials are published under the Creative Commons Attribution-NonCommercial license. This means: