Drupal 8 mobile initiative
-
Upload
rajaram-shyamala -
Category
Technology
-
view
1.164 -
download
0
description
Transcript of Drupal 8 mobile initiative
![Page 1: Drupal 8 mobile initiative](https://reader034.fdocuments.net/reader034/viewer/2022052311/557e9f1fd8b42ac5658b46a6/html5/thumbnails/1.jpg)
By Shyamala RajaramUnimitySolutions
DRUPAL 8 MOBILE INITIATIVE
![Page 2: Drupal 8 mobile initiative](https://reader034.fdocuments.net/reader034/viewer/2022052311/557e9f1fd8b42ac5658b46a6/html5/thumbnails/2.jpg)
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
![Page 3: Drupal 8 mobile initiative](https://reader034.fdocuments.net/reader034/viewer/2022052311/557e9f1fd8b42ac5658b46a6/html5/thumbnails/3.jpg)
![Page 4: Drupal 8 mobile initiative](https://reader034.fdocuments.net/reader034/viewer/2022052311/557e9f1fd8b42ac5658b46a6/html5/thumbnails/4.jpg)
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.
![Page 5: Drupal 8 mobile initiative](https://reader034.fdocuments.net/reader034/viewer/2022052311/557e9f1fd8b42ac5658b46a6/html5/thumbnails/5.jpg)
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!
![Page 6: Drupal 8 mobile initiative](https://reader034.fdocuments.net/reader034/viewer/2022052311/557e9f1fd8b42ac5658b46a6/html5/thumbnails/6.jpg)
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
![Page 7: Drupal 8 mobile initiative](https://reader034.fdocuments.net/reader034/viewer/2022052311/557e9f1fd8b42ac5658b46a6/html5/thumbnails/7.jpg)
Drupal 7 mobile guideCONTRIBUTORS
Credits:JohnAlbin, jefflinwood, tyler.frankenstein, dcmouyard, mjohnq3, rupl and team who edited the documentation.
![Page 8: Drupal 8 mobile initiative](https://reader034.fdocuments.net/reader034/viewer/2022052311/557e9f1fd8b42ac5658b46a6/html5/thumbnails/8.jpg)
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
![Page 9: Drupal 8 mobile initiative](https://reader034.fdocuments.net/reader034/viewer/2022052311/557e9f1fd8b42ac5658b46a6/html5/thumbnails/9.jpg)
Drupal 8 ships All Responsive themes
![Page 10: Drupal 8 mobile initiative](https://reader034.fdocuments.net/reader034/viewer/2022052311/557e9f1fd8b42ac5658b46a6/html5/thumbnails/10.jpg)
Drupal 8 ships All Responsive themes CONTRIBUTORS
Credits: Thanks JohnAlbin, mjohnq3, rupl, Manuel Garcia, effulgentsia, sun, jessebeach and moshe, alanburke, jrbeeman
![Page 11: Drupal 8 mobile initiative](https://reader034.fdocuments.net/reader034/viewer/2022052311/557e9f1fd8b42ac5658b46a6/html5/thumbnails/11.jpg)
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
![Page 12: Drupal 8 mobile initiative](https://reader034.fdocuments.net/reader034/viewer/2022052311/557e9f1fd8b42ac5658b46a6/html5/thumbnails/12.jpg)
Picture element & Responsive images
![Page 13: Drupal 8 mobile initiative](https://reader034.fdocuments.net/reader034/viewer/2022052311/557e9f1fd8b42ac5658b46a6/html5/thumbnails/13.jpg)
Breakpoint, Picture, Responsive images: CONTRIBUTORS
Credits: attiks, Jelle_S
![Page 14: Drupal 8 mobile initiative](https://reader034.fdocuments.net/reader034/viewer/2022052311/557e9f1fd8b42ac5658b46a6/html5/thumbnails/14.jpg)
Responsive admin interface
![Page 15: Drupal 8 mobile initiative](https://reader034.fdocuments.net/reader034/viewer/2022052311/557e9f1fd8b42ac5658b46a6/html5/thumbnails/15.jpg)
Responsive admin interfaceCONTRIBUTORS
Credits: jessebeach
![Page 16: Drupal 8 mobile initiative](https://reader034.fdocuments.net/reader034/viewer/2022052311/557e9f1fd8b42ac5658b46a6/html5/thumbnails/16.jpg)
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.
■
![Page 17: Drupal 8 mobile initiative](https://reader034.fdocuments.net/reader034/viewer/2022052311/557e9f1fd8b42ac5658b46a6/html5/thumbnails/17.jpg)
Improve CSS standardsCONTRIBUTORS
Credits: JohnAlbin, ry5n, carwin, Lewis Nyman, and many, many other front-end developers
![Page 18: Drupal 8 mobile initiative](https://reader034.fdocuments.net/reader034/viewer/2022052311/557e9f1fd8b42ac5658b46a6/html5/thumbnails/18.jpg)
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 !
![Page 19: Drupal 8 mobile initiative](https://reader034.fdocuments.net/reader034/viewer/2022052311/557e9f1fd8b42ac5658b46a6/html5/thumbnails/19.jpg)
JS Enhancements & Front-end performance CONTRIBUTIONS
Credits: nod_, rupl, Lewis Nyman, Jacine, sdboyer
![Page 20: Drupal 8 mobile initiative](https://reader034.fdocuments.net/reader034/viewer/2022052311/557e9f1fd8b42ac5658b46a6/html5/thumbnails/20.jpg)
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.
![Page 21: Drupal 8 mobile initiative](https://reader034.fdocuments.net/reader034/viewer/2022052311/557e9f1fd8b42ac5658b46a6/html5/thumbnails/21.jpg)
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
![Page 22: Drupal 8 mobile initiative](https://reader034.fdocuments.net/reader034/viewer/2022052311/557e9f1fd8b42ac5658b46a6/html5/thumbnails/22.jpg)
Thank you!
twitter handle: shyam_rajdo id: Shyamala
email: rajaram(dot)shyamala(at)gmail(dot)com