DrupalCon Denver 2012

21
DrupalCon 2012 Roundup University of Maryland Drupal Users Group

description

Some takeaways from DrupalCon Denver 2012, with an emphasis on mobile design and View Modes.

Transcript of DrupalCon Denver 2012

Page 1: DrupalCon Denver 2012

DrupalCon 2012 Roundup

University of Maryland Drupal Users Group

Page 2: DrupalCon Denver 2012

Recurring Topics

Mobile−Responsive Web Design

Drupal 8−Symfony−HTML5

CSS Preprocessors−Sass−LESS

Page 3: DrupalCon Denver 2012

Where is Drupal Now?

1.5 million sites (6.7% of CMS market, which is 30% of websites

Strengths−Strong community!−Ease of deployment

Weaknesses−Aging framework−Poor authoring experience−Talent shortage

Page 4: DrupalCon Denver 2012

Where is Drupal headed?

Time to kick ass with Drupal 8!

Page 5: DrupalCon Denver 2012

Drupal 8

Mobile, mobile, MOBILE! (Get it yet?) Symfony will replace large portion of

core−PHP framework for building web apps

HTML5 is default output−No support for IE6 or 7

Timeline−Feb 1, 2013- Code Freeze−Aug 2013- Release

Page 6: DrupalCon Denver 2012

Mobile (First!)

Mobile is outpacing non-mobile−>1 M mobile devices sold/activated per day−6B connections today, projected 12B by

2016

Mobile forces us to strip to essentials−Growth = Opportunity−Constraints = Focus−Capabilities = Innovation

Page 7: DrupalCon Denver 2012

Mobile First: Direction

Program for mobile, increase if appropriate

Page 8: DrupalCon Denver 2012

Mobile First: Focus

SouthWest Desktop SouthWest Mobile

Page 9: DrupalCon Denver 2012

Mobile First: Gains

A good user experience−Is Readable -- Uses few forms−Is Relevant -- Has no

pop-ups/modals−Is Snappy

Use responsive design−Apply breakpoints, not device detection−Be fluid, flexible: think proportions, not pixels−Consider content hierarchy / orientation

Page 10: DrupalCon Denver 2012

Looking Good! Techniques for lovely layouts with less mess

Views

View ModesBetter displays, less code!

Awesome database queries, less code!

Page 11: DrupalCon Denver 2012

ViewsLooking Good:

“Visual database query editor”

Views can find almost any information about an entity or group of entities and display it any way you like it!

Page 12: DrupalCon Denver 2012

Other things views can doLooking Good:

Allow visitors to sort or otherwise filter the results

Attach views to other views

Page 13: DrupalCon Denver 2012
Page 14: DrupalCon Denver 2012

Other things views can doLooking Good:

Allow visitors to sort or otherwise filter the results

Attach views to other views

Group and paginate results

Count the number of results in a group

Page 15: DrupalCon Denver 2012
Page 16: DrupalCon Denver 2012
Page 17: DrupalCon Denver 2012

View ModesLooking Good:

Page 18: DrupalCon Denver 2012

View ModesLooking Good:

Page 19: DrupalCon Denver 2012

View ModesLooking Good:

function agnr_extrafields_entity_info_alter(&$entity_info) { $entity_info['node']['view modes'] += array( 'subtitle_teaser' => array( 'label' => t('Subtitle Teaser'), 'custom settings' => TRUE, ), );}

Page 20: DrupalCon Denver 2012

View ModesLooking Good:

Extra Fields

Page 21: DrupalCon Denver 2012

Views + View Modes =More awesome, less code!

Modules−Views−Extra Fields bit.ly/view-modes−Possibly Display Suite or Entity View

Modes