By Shyamala RajaramUnimitySolutions

DRUPAL 8 MOBILE INITIATIVE

Presentation path1. Needs of today's internet technology2. Drupal 8 Mobile Initiative3. Drupal 7 Mobile guide4. Drupal 8 ships with Responsive themes5. Breakpoints built into it6. Picture element & responsive images7. Responsive admin interface8. Front end performance

Drupal 8 mobile initiative

In Chicago Keynote, Dries said,

If I were to start Drupal from scratch today, I'd build it for mobile experiences first, and desktop experience second.

Drupal 8 mobile initiative

Lead by JohnAlbin, the Mobile Initiative lead, we are today 2 years from then with all mobile features Dries would have dreamt of and more!

Drupal 7 mobile guide■ Native & Web-based mobile apps

■ Mobile-specific website

■ Responsive web design

■ RESS

■ Related mobile technologies

■ Presenting content to mobile users

■ Front-end performance

■ Mobile Testing Tools

Drupal 7 mobile guideCONTRIBUTORS

Credits:JohnAlbin, jefflinwood, tyler.frankenstein, dcmouyard, mjohnq3, rupl and team who edited the documentation.

Drupal 8 ships All Responsive themes

■ 1192044:Committed Bartik Theme on August

3, 2012

■ 1322794: Committed Stark Theme on March

23, 2012

■ Issues Committed in Seven theme in the last

2 years

Drupal 8 ships All Responsive themes

Drupal 8 ships All Responsive themes CONTRIBUTORS

Credits: Thanks JohnAlbin, mjohnq3, rupl, Manuel Garcia, effulgentsia, sun, jessebeach and moshe, alanburke, jrbeeman

Breakpoints built into it!A typical example (yml file for Bartik theme)

breakpoints:

- theme.bartik.mobile

- theme.bartik.narrow

- theme.bartik.wide

id: bartik

label: Bartik

Refer documentation page at: http://drupal.org/node/1803874

Picture element & Responsive images

Breakpoint, Picture, Responsive images: CONTRIBUTORS

Credits: attiks, Jelle_S

Responsive admin interface

Responsive admin interfaceCONTRIBUTORS

Credits: jessebeach

Improve CSS standards■ All new CSS formatting guidelines

■ CSS Architecture to make the CSS code more reusable,

predictable, Maintainable & Scalable, based on SMACSS

■ Reorganised CSS File structure with logical structuring

that supports efficient aggregation & easy updates by

themers.

Work along with John, implementing them at:http:

//drupal.org/node/1921610.

■

Improve CSS standardsCONTRIBUTORS

Credits: JohnAlbin, ry5n, carwin, Lewis Nyman, and many, many other front-end developers

JS Enhancements & Front-end performance■ Modernizr is in core and brings with it support for

HTML5 and Responsive Design in Drupal 8. Committed to

core on November 27, 2012, NODE:1252178

■ https://drupal.org/node/1737148 - Explicitly declare all

JS dependencies, don't use drupal_add_js. This issue

ensure js is loaded on where necessary.

■ #JSHint configuration in core https://drupal.

org/node/1415788

■ Drupal 8 udated to #jQuery 1.9 !

JS Enhancements & Front-end performance CONTRIBUTIONS

Credits: nod_, rupl, Lewis Nyman, Jacine, sdboyer

More CONTRIBUTORS

Thank yous:JohnAlbin, ry5n, carwin, Lewis Nyman, nod_, rupl, Jacine, sdboyer, attiks, Jelle_S, mjohnq3, Manuel Garcia, effulgentsia, sun, jessebeach , moshe, alanburke, jrbeeman, jefflinwood, tyler.frankenstein, dcmouyard, echoz, rteijeiro, vijay.cgs, David_Rothstein, Kevin O'Leary, Chris Weber, John Ferris, YesCT, Gábor Hojtsy, Bojhan, & all of you in the mobile issue queues.

Join the Mobile team!Want to get started with the mobile initiative checkout our initiative page for an update on what's up: http://drupal.org/node/1941432& link to my blog on an updateon the initiative at: http://www.unimitysolutions.com/blog/understand-drupal-8-mobile-initiative

Thank you!

twitter handle: shyam_rajdo id: Shyamala

email: rajaram(dot)shyamala(at)gmail(dot)com