Click to watch "CSS is for Clark Kent. Sass is for Superman."
With the all new technologies we have to learn as web developers, we have to be Superman. Powerful and super-fast. Learning CSS3, responsive web design, mobile first and HTML5 all at the same time makes it challenging to be our best.
If you feel like you don’t have time to learn a CSS preprocessor like Sass (“Not another technology!”), you are relegating yourself to life as Clark Kent.
Not only will using Sass make you faster, but it will make you faster immediately. Yes, there’s a learning curve with Sass, but by the end of this session, you’ll be able to develop the styling for your site much faster than you could by writing plain CSS.
Clark Kent didn’t know he could fly until he tried it. You can fly. Just use Sass.
We’ll be covering all of these awesome topics.
- Never write a vendor prefix again. CSS3 without the pain.
- Embedding images with Data URIs.
- Never have to refactor your image sprites again.
- Designing to a vertical rhythm with ease.
- Make a config.rb file to simplify transforming Sass into CSS.
- Designing responsive layouts with Zen Grids (a Compass extension).
- You’ll also learn some of the features of Sass, of course! Comments, variables, nesting, parent references, mixins, arguments, @import, and partials.
And the slides will be chock full of links to blog posts to learn more.
Comments
queenvictoria replied on Permalink
Mods Unraveled podcast
Hey the podcast of an interview with John Albin, myself and Brian Lewis is now online!
Watch it here!
JohnAlbin replied on Permalink
URLS for this session
URLs used in this session:
Installation
http://thesassway.com/beginner/getting-started-with-sass-and-compass
http://compass.handlino.com
http://fireapp.handlino.com
http://incident57.com/codekit/
Variables and color functions
http://sassmeister.com/gist/4727999
http://sass-lang.com/docs/yardoc/Sass/Script/Functions.html
Nesting
http://sassmeister.com/gist/4728165
http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#nested_rules
Comments and output style
http://sassmeister.com/gist/4691114
http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#output_style
Parent Selectors
http://sassmeister.com/gist/4728417
http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#referencing_pa...
Extends & Placeholder selectors
http://sassmeister.com/gist/4728751
http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#placeholder_se...
http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#extend
Mixins
http://sassmeister.com/gist/4728781
http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#mixins
CSS3 and Vendor Prefixs
http://sassmeister.com/gist/4728827
http://compass-style.org/reference/compass/css3/border_radius/
Zen Grids
http://zengrids.com
http://zengrids.com/help/
https://www.acquia.com/resources/acquia-tv/conference/creating-responsiv...