Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Rootwork.org
Powering grassroots networks from the bottom up
twitter.com/rootwork
slideshare.net/rootwork
gplus.to/ivanb
P...
Upcoming SlideShare
Loading in …5
×

Beating the Class out of Drupal 8: An intro to the Classy core theme

545 views

Published on

For years now, frontend developers have ranted and whined about Drupal's divitis, a disease that's been greatly eradicated in Drupal 8 with the introduction of smarter templates and the use of Twig.

But a secondary problem often crops up for Drupal frontenders -- all the CSS classes, and corresponding styles, that Drupal stuffs into every element that's left. For some themes, Drupal's default classes give a nice starting point. For others, they provide hours of delightful fun learning about style cascades and specificity issues. In other words, they can be awful.

Drupal themers can be an ornery bunch, and for awhile now they've been arguing about which approach is better, like historical browser war re-enactors set loose on the Drupal issue queues.

No longer. A consensus has emerged, beginning relatively recently in Drupal 8 development, that allows themers to choose between including Drupal's default classes, and using none at all. Its name is Classy. Come hear about this brave new world, with such base themes in it!

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Beating the Class out of Drupal 8: An intro to the Classy core theme

  1. 1. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Beating the Class out of Drupal 8
  2. 2. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Drupal’s pushy classes It looks like you've got a Drupal site there. ! Would you like me to insert some classes? Insert 18 classes on this node's <div> ! Insert 18 classes on this node's <div> and 23 classes on this page's <body> Throw some more fun classes on any fields I can find too.
  3. 3. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Drupal and divitisBartik output, Drupal 7
  4. 4. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Bartik node.tpl.php & template.php, Drupal 7
  5. 5. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Bartik, Drupal 7theme.inc, Drupal 7
  6. 6. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014
  7. 7. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Drupal and divitis Drupal 7 Bartik output, Drupal 8 alpha 13
  8. 8. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Drupal and divitis Drupal 7 Bartik, Drupal 8 alpha 13Bartik node.html.twig, Drupal 8 alpha 13
  9. 9. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Drupal and divitis Drupal 7 Bartik, Drupal 8 alpha 13node.module, Drupal 8 alpha 13
  10. 10. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Drupal 7 :(
  11. 11. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014
  12. 12. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Enter the banana
  13. 13. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 The birth of consensus Drupalcon Austin, June 2014
  14. 14. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 drupal.org/node/2289511
  15. 15. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Drupal and divitis Drupal 7 Bartik, Drupal 8 alpha 13node.html.twig, Drupal 8 alpha 13
  16. 16. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Drupal and divitis Drupal 7 Bartik, Drupal 8 alpha 13node.html.twig, Drupal 8 beta 3
  17. 17. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Drupal and divitis Drupal 7 Bartik, Drupal 8 alpha 13node.module, Drupal 8 alpha 13
  18. 18. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Drupal and divitis Drupal 7 Bartik, Drupal 8 alpha 13node.module, Drupal 8 alpha 13
  19. 19. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Drupal and divitis Drupal 7 Bartik, Drupal 8 alpha 13node.html.twig, Drupal 8 beta 3
  20. 20. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Classy
  21. 21. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Classy
  22. 22. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Chose your banana
  23. 23. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 drupal.org/node/2289511 bartik.info.yml, Drupal 8 beta 3
  24. 24. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Drupal and divitis Drupal 7 Bartik, Drupal 8 alpha 13Bartik node.html.twig, Drupal 8 beta 3
  25. 25. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Drupal and divitis Drupal 7 Bartik, Drupal 8 alpha 13Bartik node.html.twig, Drupal 8 beta 3
  26. 26. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Drupal and divitis Drupal 7 Bartik, Drupal 8 alpha 13Bartik node.html.twig, Drupal 8 beta 3
  27. 27. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 ResourcesControlling CSS Classes with the Classy Theme https://drupalize.me/blog/201411/controlling-css-classes-classy-theme-drupal-8 Drupal 8 Theming Update [video] http://www.mediacurrent.com/blog/drupal-8-theming-update Modules Unraveled #119: Consensus Banana https://modulesunraveled.com/podcast/119-classy-base-theme-drupal-8-scott- reeves-and-david-hernandez-modules-unraveled-podcast Sqndr’s Drupal 8 Theming Guide: Classy https://github.com/sqndr/d8-theming-guide/blob/master/core-themes/classy.md
  28. 28. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Issues [meta] Results of Drupalcon Austin's Consensus Banana https://www.drupal.org/node/2289511 [meta] Consensus Banana Phase 1 https://www.drupal.org/node/2322163 [meta] Consensus Banana Phase 2 https://www.drupal.org/node/2348543
  29. 29. Rootwork.org Powering grassroots networks from the bottom up twitter.com/rootwork slideshare.net/rootwork gplus.to/ivanb Portland Drupal Frontend — November 2014 Documentation Using Classy as a base theme https://www.drupal.org/theme-guide/8/classy Added a new base theme to core called Classy https://www.drupal.org/node/2337467 Add classy.info.yml to core https://www.drupal.org/node/2329501 Theme system overview https://api.drupal.org/api/drupal/core!modules!system!theme.api.php/

×