One Div – To Rule Them All! – One Div

View Github Repository Open presentation in a new window

leahtard

See all presentation from leahtard

One Div – To Rule Them All! – One Div

0 0

one-div-presentation

One Div to Rule Them All! Presentation created for 2014 Pacific Northwest Drupal Summit in Partland Oregon: http://2014.pnwdrupalsummit.org/pacific-nw-drupal-summit-2014/sessions/one-div-rule-them-all

On Github leahtard / one-div-presentation

One Div

To Rule Them All!

Controlling Drupal div’s and implementing a modular CSS philosophy

by Leah Wagner  //  @leahmarsh from The Jibe  //  @thejibe

One Div

To Rule Them All!

Controlling Drupal div’s and implementing a modular CSS philosophy

by Leah Wagner  //  @leahmarsh from The Jibe  //  @thejibe

The Agenda

What is Modular CSS and how it can be helpful?

The Agenda

How you are probably already using this philosophy. (whether you know it or not.)

The Agenda

How a set file structure and naming conventions makes this philosophy work best.

The Agenda

How preprocessors like SASS and adding on tools like SASS-globbing and Compass can improve your workflow.

The Agenda

How do we apply this to Drupal when so much of our HTML is pre-rendered for us?

  • Using theme tpl files
  • Using contributed modules
  • Using contributed themes

What is Modular CSS?

Trust me, you have seen this before...

This is an introductory example we see in Drupal everyday. This is not an ideal example. We will come back to this example and make it a stronger implementation of Modular CSS after our introduction to the subject.