{"id":605,"date":"2015-02-05T20:39:42","date_gmt":"2015-02-06T02:39:42","guid":{"rendered":"https:\/\/2015.stlouis.wordcamp.org\/?post_type=wcb_session&#038;p=605"},"modified":"2015-03-16T09:24:35","modified_gmt":"2015-03-16T14:24:35","slug":"atomic-design-principles-in-wordpress-themes","status":"publish","type":"wcb_session","link":"https:\/\/stlouis.wordcamp.org\/2015\/session\/atomic-design-principles-in-wordpress-themes\/","title":{"rendered":"Atomic design principles in WordPress themes (Intermediate)"},"content":{"rendered":"<p>If you spend your days designing and developing WordPress themes, you probably find yourself building the same elements over and over. Preprocessors like Sass and Less can speed things up inside a given site, but still \u2013 every site needs menus, buttons, headers, footers, form elements &#8230; you get the idea.<\/p>\n<p>Well. What if you could craft your HTML and CSS (and your preprocessor variables, mixins and so on) into isolated patterns that:<\/p>\n<ul>\n<li>live at a single URL, so you can share it with whoever needs access, no matter where they are in the world;<\/li>\n<li>you can use over and over again, in project after project?<\/li>\n<li>yet still rewrite and restyle as a system, such that every single implementation can look wildly different?<\/li>\n<\/ul>\n<p>That&#8217;s the essence of atomic design.<\/p>\n<p>If you&#8217;re like me, you&#8217;ll discover the pattern libraries you build with atomic design give you a common starting point for new projects and a consistent process for your design system. The libraries themselves are simple to maintain, simple to expand.<\/p>\n<p>And once you&#8217;re up and running, you can also use the WordPress template functions to organize your theme files the same way you&#8217;ve organized your pattern library.<\/p>\n<p>Presentation slides can be <a href=\"https:\/\/speakerdeck.com\/joemcgill\/atomic-design-with-wordpress\">found on the speaker&#8217;s Speaker\u00a0Deck<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you spend your days designing and developing WordPress themes, you probably find yourself building the same elements over and over. Preprocessors like Sass and Less can speed things up inside a given site, but still \u2013 every site needs &hellip; <a href=\"https:\/\/stlouis.wordcamp.org\/2015\/session\/atomic-design-principles-in-wordpress-themes\/\">Continue reading <span class=\"assistive-text\">Atomic design principles in WordPress themes (Intermediate)<\/span>  <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":8739145,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1426354200,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[364],"footnotes":""},"session_track":[454119],"session_category":[],"class_list":["post-605","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-developer-1"],"jetpack_shortlink":"https:\/\/wp.me\/p5laqk-9L","jetpack_sharing_enabled":true,"session_date_time":{"date":"March 14, 2015","time":"12:30 pm"},"session_speakers":[{"id":"364","slug":"joe-mcgill","name":"Joe McGill","link":"https:\/\/stlouis.wordcamp.org\/2015\/speaker\/joe-mcgill\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/stlouis.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stlouis.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/stlouis.wordcamp.org\/2015\/wp-json\/wp\/v2\/types\/wcb_session"}],"author":[{"embeddable":true,"href":"https:\/\/stlouis.wordcamp.org\/2015\/wp-json\/wp\/v2\/users\/8739145"}],"version-history":[{"count":5,"href":"https:\/\/stlouis.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/605\/revisions"}],"predecessor-version":[{"id":2503,"href":"https:\/\/stlouis.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/605\/revisions\/2503"}],"speakers":[{"embeddable":true,"href":"https:\/\/stlouis.wordcamp.org\/2015\/wp-json\/wp\/v2\/speakers\/364"}],"wp:attachment":[{"href":"https:\/\/stlouis.wordcamp.org\/2015\/wp-json\/wp\/v2\/media?parent=605"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/stlouis.wordcamp.org\/2015\/wp-json\/wp\/v2\/session_track?post=605"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/stlouis.wordcamp.org\/2015\/wp-json\/wp\/v2\/session_category?post=605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}