drupalcon denver 2012

21
DrupalCon 2012 Roundup University of Maryland Drupal Users Group

Upload: heather-rodriguez

Post on 08-May-2015

541 views

Category:

Education


0 download

DESCRIPTION

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

TRANSCRIPT

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