Presented the Drupal 8 mobile initiative at the Singapore Drupal Camp!

1. By Shyamala Rajaram
UnimitySolutions
DRUPAL 8 MOBILE
INITIATIVE

2. Presentation path
1. Needs of today's internet technology
2. Drupal 8 Mobile Initiative
3. Drupal 7 Mobile guide
4. Drupal 8 ships with Responsive themes
5. Breakpoints built into it
6. Picture element & responsive images
7. Responsive admin interface
8. Front end performance

4. 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.

5. 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!

6. 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

7. Drupal 7 mobile guide
CONTRIBUTORS
Credits:
JohnAlbin,
jefflinwood, tyler.
frankenstein,
dcmouyard,
mjohnq3, rupl and
team who edited
the documentation.

8. 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

9. Drupal 8 ships All Responsive
themes

10. Drupal 8 ships All Responsive
themes CONTRIBUTORS
Credits: Thanks JohnAlbin,
mjohnq3, rupl, Manuel
Garcia, effulgentsia, sun,
jessebeach and moshe,
alanburke, jrbeeman

11. 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

12. Picture element & Responsive
images

13. Breakpoint, Picture, Responsive
images: CONTRIBUTORS
Credits:
attiks, Jelle_S

14. Responsive admin interface

15. Responsive admin interface
CONTRIBUTORS
Credits:
jessebeach

16. 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.
■

17. Improve CSS standards
CONTRIBUTORS
Credits: JohnAlbin,
ry5n, carwin, Lewis
Nyman, and many,
many other front-
end developers

18. 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 !

19. JS Enhancements & Front-end
performance CONTRIBUTIONS
Credits: nod_, rupl,
Lewis Nyman, Jacine,
sdboyer

20. More CONTRIBUTORS
Thank yous:
JohnAlbin, ry5n, carwin, Lewis Nyman,
nod_, rupl, Jacine, sdboyer, attiks, Jelle_
mjohnq3, Manuel Garcia, effulgentsia, su
jessebeach , moshe, alanburke, jrbeema
jefflinwood, tyler.frankenstein, dcmouya
echoz, rteijeiro, vijay.cgs, David_Rothste
Kevin O'Leary, Chris Weber, John Ferris,
YesCT, Gábor Hojtsy, Bojhan, & all of you
the mobile issue queues.

21. 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 update
on the initiative at: http://www.
unimitysolutions.com/blog/understand-
drupal-8-mobile-initiative

22. Thank you!
twitter handle: shyam_raj
do id: Shyamala
email: rajaram(dot)shyamala(at)gmail(dot)com