Drupal 8 mobile initiative


Published on

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

Published in: Technology
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Drupal 8 mobile initiative

  1. 1. By Shyamala RajaramUnimitySolutionsDRUPAL 8 MOBILEINITIATIVE
  2. 2. Presentation path1. Needs of todays 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
  3. 3. Drupal 8 mobile initiativeIn Chicago Keynote, Dries said,If I were to startDrupal from scratchtoday, Id build it formobile experiencesfirst, and desktopexperience second.
  4. 4. Drupal 8 mobile initiativeLead by JohnAlbin,the Mobile Initiativelead, we are today 2years from then withall mobile featuresDries would havedreamt of and more!
  5. 5. 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
  6. 6. Drupal 7 mobile guideCONTRIBUTORSCredits:JohnAlbin,jefflinwood, tyler.frankenstein,dcmouyard,mjohnq3, rupl andteam who editedthe documentation.
  7. 7. Drupal 8 ships All Responsivethemes■ 1192044:Committed Bartik Theme on August3, 2012■ 1322794: Committed Stark Theme on March23, 2012■ Issues Committed in Seven theme in the last2 years
  8. 8. Drupal 8 ships All Responsivethemes
  9. 9. Drupal 8 ships All Responsivethemes CONTRIBUTORSCredits: Thanks JohnAlbin,mjohnq3, rupl, ManuelGarcia, effulgentsia, sun,jessebeach and moshe,alanburke, jrbeeman
  10. 10. Breakpoints built into it!A typical example (yml file for Bartik theme)breakpoints:- theme.bartik.mobile- theme.bartik.narrow- theme.bartik.wideid: bartiklabel: BartikRefer documentation page at: http://drupal.org/node/1803874
  11. 11. Picture element & Responsiveimages
  12. 12. Breakpoint, Picture, Responsiveimages: CONTRIBUTORSCredits:attiks, Jelle_S
  13. 13. Responsive admin interface
  14. 14. Responsive admin interfaceCONTRIBUTORSCredits:jessebeach
  15. 15. 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 structuringthat supports efficient aggregation & easy updates bythemers.Work along with John, implementing them at:http://drupal.org/node/1921610.■
  16. 16. Improve CSS standardsCONTRIBUTORSCredits: JohnAlbin,ry5n, carwin, LewisNyman, and many,many other front-end developers
  17. 17. JS Enhancements & Front-endperformance■ Modernizr is in core and brings with it support forHTML5 and Responsive Design in Drupal 8. Committed tocore on November 27, 2012, NODE:1252178■ https://drupal.org/node/1737148 - Explicitly declare allJS dependencies, dont use drupal_add_js. This issueensure js is loaded on where necessary.■ #JSHint configuration in core https://drupal.org/node/1415788■ Drupal 8 udated to #jQuery 1.9 !
  18. 18. JS Enhancements & Front-endperformance CONTRIBUTIONSCredits: nod_, rupl,Lewis Nyman, Jacine,sdboyer
  19. 19. More CONTRIBUTORSThank yous:JohnAlbin, ry5n, carwin, Lewis Nyman,nod_, rupl, Jacine, sdboyer, attiks, Jelle_mjohnq3, Manuel Garcia, effulgentsia, sujessebeach , moshe, alanburke, jrbeemajefflinwood, tyler.frankenstein, dcmouyaechoz, rteijeiro, vijay.cgs, David_RothsteKevin OLeary, Chris Weber, John Ferris,YesCT, Gábor Hojtsy, Bojhan, & all of youthe mobile issue queues.
  20. 20. Join the Mobile team!Want to get started with the mobileinitiative checkout our initiative page foran update on whats 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
  21. 21. Thank you!twitter handle: shyam_rajdo id: Shyamalaemail: rajaram(dot)shyamala(at)gmail(dot)com