{"id":815,"date":"2012-08-14T22:18:08","date_gmt":"2012-08-15T02:18:08","guid":{"rendered":"https:\/\/2012.montreal.wordcamp.org\/?post_type=wcb_session&#038;p=815"},"modified":"2012-11-21T05:27:42","modified_gmt":"2012-11-21T10:27:42","slug":"dry-css-theries-methods-and-tools-for-efficient-and-scalable-stylesheets","status":"publish","type":"wcb_session","link":"https:\/\/montreal.wordcamp.org\/2012\/session\/dry-css-theries-methods-and-tools-for-efficient-and-scalable-stylesheets\/","title":{"rendered":"DRY CSS \u2013 Theories, methods and tools for efficient and scalable Stylesheets"},"content":{"rendered":"<p><a href=\"http:\/\/jeremyclarke.org\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-592\" src=\"https:\/\/2012.montreal.wordcamp.org\/files\/2012\/08\/jeremyclarke-wcmtl.jpg\" alt=\"Jeremy Clarke\" width=\"102\" height=\"102\" \/><\/a>The value of keeping all code D.R.Y (Don\u2019t Repeat Yourself) is universally accepted and demanded in the world of programming, but when it comes to CSS we\u2019ve all learned to compromise and live in a wet mess. We don\u2019t have to! This talk will go over how you can use thematic and structural CSS definitions to cut down on wasted code, simplify maintenance and unify your site styles just by DRYing out your standard CSS. I\u2019ll explain how tools like Firebug enable a whole new way of understanding complex style interrelationships and give examples of the particular patterns that let me cut one stylesheet from ~4200 to ~2400 lines without losing anything but wasted code! We\u2019ll also cover how preprocessors like LESS and SASS can take your DRY CSS even farther by actually programming your styles as if they were made of PHP.<\/p>\n<p><a href=\"http:\/\/www.slideshare.net\/jeremyclarke\/wordcamp-nyc-dry-css\">View slides on Slideshare &raquo;<\/a><\/p>\n<h3>About Jeremy Clarke<\/h3>\n<p><a title=\"Jeremy Clarke, WordPress and PHP Developer from Montreal\" href=\"http:\/\/jeremyclarke.org\/\">Jeremy Clarke<\/a>\u00a0is a PHP, HTML, CSS and WordPress hacker from Montreal. He loves his job working on the nonprofit citizen media site\u00a0<a href=\"http:\/\/globalvoicesonline.org\/\">Global Voices<\/a>, where he manages dozens of WordPress sites, blogs, plugins, themes and a couple of bitchy Linux servers. He has a communications degree from Concordia University, but is mostly a self-taught web developer. Jeremy has been an organizer of WordCamp Montreal since it started in 2009, and has spoken at many other WordCamps as well.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The value of keeping all code D.R.Y (Don\u2019t Repeat Yourself) is universally accepted and demanded in the world of programming, but when it comes to CSS we\u2019ve all learned to compromise and live in a wet mess. We don\u2019t have &hellip; <a href=\"https:\/\/montreal.wordcamp.org\/2012\/session\/dry-css-theries-methods-and-tools-for-efficient-and-scalable-stylesheets\/\">Continue reading <span class=\"screen-reader-text\">DRY CSS \u2013 Theories, methods and tools for efficient and scalable Stylesheets<\/span>  <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":221745,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":0,"_wcpt_session_duration":3000,"_wcpt_session_type":"","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[],"footnotes":""},"session_track":[29714],"session_category":[],"class_list":["post-815","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-technical"],"jetpack_shortlink":"https:\/\/wp.me\/p2g1ot-d9","jetpack_sharing_enabled":true,"session_date_time":{"date":"","time":""},"session_speakers":[],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/montreal.wordcamp.org\/2012\/wp-json\/wp\/v2\/sessions\/815","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/montreal.wordcamp.org\/2012\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/montreal.wordcamp.org\/2012\/wp-json\/wp\/v2\/types\/wcb_session"}],"author":[{"embeddable":true,"href":"https:\/\/montreal.wordcamp.org\/2012\/wp-json\/wp\/v2\/users\/221745"}],"version-history":[{"count":7,"href":"https:\/\/montreal.wordcamp.org\/2012\/wp-json\/wp\/v2\/sessions\/815\/revisions"}],"predecessor-version":[{"id":1325,"href":"https:\/\/montreal.wordcamp.org\/2012\/wp-json\/wp\/v2\/sessions\/815\/revisions\/1325"}],"wp:attachment":[{"href":"https:\/\/montreal.wordcamp.org\/2012\/wp-json\/wp\/v2\/media?parent=815"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/montreal.wordcamp.org\/2012\/wp-json\/wp\/v2\/session_track?post=815"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/montreal.wordcamp.org\/2012\/wp-json\/wp\/v2\/session_category?post=815"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}