{"id":686,"date":"2014-09-25T09:29:11","date_gmt":"2014-09-25T09:29:11","guid":{"rendered":"https:\/\/mohsinrasool.com\/?p=686"},"modified":"2014-09-25T09:29:11","modified_gmt":"2014-09-25T09:29:11","slug":"sass-scss-to-super-charge-css-skills","status":"publish","type":"post","link":"https:\/\/mohsinrasool.com\/sass-scss-to-super-charge-css-skills\/","title":{"rendered":"SASS &#038; SCSS to Super Charge CSS Skills"},"content":{"rendered":"<p>CSS is becoming complex day by day and as projects become bigger so gets the stylesheet and its CSS styles. To manage and keep track of your CSS stylesheets is not that easy as it used to be in the early days.<\/p>\n<p>CSS preprocessors are here to rescue and SASS (with new syntax SCSS called Sassy CSS easy to follow for CSS users). I have tried many times to go with CSS preprocessors like LESS or SASS but have not been able to stick to it as my projects were not that complex or I did not need to add more tools into my workflow. But recent weeks I have been using SASS and I am finding it so useful and it is here to rescue me for bigger and long term projects to help me manage and keep track of CSS stuff.<\/p>\n<p>Here is good tutorial to follow if you are new to SASS and want to give it a try:<\/p>\n<p><a href=\"http:\/\/code.tutsplus.com\/tutorials\/a-wordpress-development-process-using-sass-and-compass--cms-21861\">http:\/\/code.tutsplus.com\/tutorials\/a-wordpress-development-process-using-sass-and-compass&#8211;cms-21861<\/a><\/p>\n<p>On Ubuntu it was easy to get started by just adding RUBY with RVM. Following tutorial by Ryan Bigg at his blog at this blog post: <a href=\"http:\/\/ryanbigg.com\/2010\/12\/ubuntu-ruby-rvm-rails-and-you\/\">http:\/\/ryanbigg.com\/2010\/12\/ubuntu-ruby-rvm-rails-and-you\/<\/a><\/p>\n<p>Enjoy your adventure with Ruby installation challenges , and SASSing your CSS \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>CSS is becoming complex day by day and as projects become bigger so gets the stylesheet and its CSS styles. To manage and keep track of your CSS stylesheets is not that easy as it used to be in the early days. CSS preprocessors are here to rescue and SASS (with new syntax SCSS called [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[10,14,16],"tags":[41,47,128,129,132,133,139,155],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pLoVR-b4","_links":{"self":[{"href":"https:\/\/mohsinrasool.com\/wp-json\/wp\/v2\/posts\/686"}],"collection":[{"href":"https:\/\/mohsinrasool.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mohsinrasool.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mohsinrasool.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mohsinrasool.com\/wp-json\/wp\/v2\/comments?post=686"}],"version-history":[{"count":0,"href":"https:\/\/mohsinrasool.com\/wp-json\/wp\/v2\/posts\/686\/revisions"}],"wp:attachment":[{"href":"https:\/\/mohsinrasool.com\/wp-json\/wp\/v2\/media?parent=686"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mohsinrasool.com\/wp-json\/wp\/v2\/categories?post=686"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mohsinrasool.com\/wp-json\/wp\/v2\/tags?post=686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}