{"id":2101,"date":"2013-03-15T17:37:02","date_gmt":"2013-03-15T17:37:02","guid":{"rendered":"https:\/\/2013.atlanta.wordcamp.org\/?p=2101"},"modified":"2013-03-16T15:30:01","modified_gmt":"2013-03-16T15:30:01","slug":"live-blogging-use-less-do-more-getting-started-with-a-css-preprocesser","status":"publish","type":"post","link":"https:\/\/atlanta.wordcamp.org\/2013\/live-blogging-use-less-do-more-getting-started-with-a-css-preprocesser\/","title":{"rendered":"Live Blogging: Use LESS Do More: Getting Started with a CSS Preprocesser"},"content":{"rendered":"<p><strong>Speaker:<\/strong> \u2028Teresa Rosche Ott<br \/>\n<strong>Twitter:<\/strong> <a href=\"http:\/\/www.twitter.com\/thesimplerweb\" target=\"_blank\">@thesimplerweb<\/a><br \/>\n<strong>Speaker Slides:<\/strong> <a href=\"http:\/\/thesimplerweb.com\/less\" target=\"_blank\">http:\/\/thesimplerweb.com\/less<\/a><\/p>\n<ul>\n<li>Great tool &#8211; css2less.com<\/li>\n<li>use a compiler to turn it all into CSS<\/li>\n<li>@import ready-made libraries of goodness<\/li>\n<li>two types &#8211; less or sass.\n<ul>\n<li>LESS\n<ul>\n<li>better for people that just dabble in CSS<\/li>\n<li>relatively simple language<\/li>\n<li>easier initial setup than sass<\/li>\n<li>power to spare for the average WordPress project<\/li>\n<li>can run on the server<\/li>\n<li>virtually everything you learn to do with less can be used with sass<\/li>\n<\/ul>\n<\/li>\n<li>SASS\n<ul>\n<li>better for programmers<\/li>\n<li>can use compass &#8211; a robust &amp; well maintained and updated library of SASS goodies<\/li>\n<li>Initial setup can be a pain for non-developers<\/li>\n<li>Programmatically more powerful than LESS: Can use logical comparisons to set styles<\/li>\n<li>Has features that enable compiled stylesheets to be more concise<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li>3 simple ways to start using LESS now\n<ul>\n<li>use variables to keep colors &amp; fonts consistent &amp; easy to change<\/li>\n<li>color operations &#8211; great for darkening\/lightening colors<\/li>\n<li>mixins<\/li>\n<\/ul>\n<\/li>\n<li>Using LESS with WordPress themes\n<ul>\n<li>create a \u201cless\u201d subfolder in the theme directory<\/li>\n<li>duplicate the theme\u2019s style sheet. move the copy into the \/less directory &amp; rename it from style.css to style.less<\/li>\n<li>launch your compiler; set it to watch the \/less directory you created<\/li>\n<li>set it to save the compiled CSS to the theme directory, which will overwrite style.css<\/li>\n<li>open the style.less file; import any LESS libraries you like: @import \u201cbootstrap\u201d;<\/li>\n<li>Walk through your newly created style.less file &amp; find repetitive &amp; inefficient language to replace with LESS<\/li>\n<li>Save &amp; Compile<\/li>\n<li>Upload the revised\/new style.css &#8211; no need to upload the LESS files<\/li>\n<\/ul>\n<\/li>\n","protected":false},"excerpt":{"rendered":"<p>Speaker: \u2028Teresa Rosche Ott Twitter: @thesimplerweb Speaker Slides: http:\/\/thesimplerweb.com\/less Great tool &#8211; css2less.com use a compiler to turn it all into CSS @import ready-made libraries of goodness two types &#8211; less or sass. LESS better for people that just dabble in CSS relatively simple language easier initial setup than sass power to spare for the [&hellip;]<\/p>\n","protected":false},"author":8480538,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[126376],"tags":[],"class_list":["post-2101","post","type-post","status-publish","format-standard","hentry","category-live-blogging"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p2YmVp-xT","_links":{"self":[{"href":"https:\/\/atlanta.wordcamp.org\/2013\/wp-json\/wp\/v2\/posts\/2101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atlanta.wordcamp.org\/2013\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/atlanta.wordcamp.org\/2013\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/atlanta.wordcamp.org\/2013\/wp-json\/wp\/v2\/users\/8480538"}],"replies":[{"embeddable":true,"href":"https:\/\/atlanta.wordcamp.org\/2013\/wp-json\/wp\/v2\/comments?post=2101"}],"version-history":[{"count":5,"href":"https:\/\/atlanta.wordcamp.org\/2013\/wp-json\/wp\/v2\/posts\/2101\/revisions"}],"predecessor-version":[{"id":2151,"href":"https:\/\/atlanta.wordcamp.org\/2013\/wp-json\/wp\/v2\/posts\/2101\/revisions\/2151"}],"wp:attachment":[{"href":"https:\/\/atlanta.wordcamp.org\/2013\/wp-json\/wp\/v2\/media?parent=2101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/atlanta.wordcamp.org\/2013\/wp-json\/wp\/v2\/categories?post=2101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/atlanta.wordcamp.org\/2013\/wp-json\/wp\/v2\/tags?post=2101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}