Date post: | 15-Jun-2015 |
Category: |
Technology |
Upload: | rajaram-shyamala |
View: | 1,160 times |
Download: | 0 times |
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