Sass & Compass @ SenchaConf
by chriseppstein on Nov 16, 2010
- 3,972 views
Sass & Compass talk at SenchaConf
Sass & Compass talk at SenchaConf
Accessibility
Categories
Upload Details
Uploaded via SlideShare as Apple Keynote
Usage Rights
© All Rights Reserved
Statistics
- Likes
- 13
- Downloads
- 94
- Comments
- 1
- Embed Views
- Views on SlideShare
- 3,941
- Total Views
- 3,972
1–1 of 1 previous next
* 4 startups, F2E, UI Lead, UI Architect, etc
* First Employee of Caring.com in 5/2007
* Discovered Sass about 2 years ago when it was already 2 years old, created sass port of blueprint css framework, created compass, joined the Sass core team, Recently joined the blueprint core team (again)
manage change without bleed
sass 3.1
Casualty of War: Front-End Developers
What do all of these new features have in common?
They’re all about the browser -- None of them address how we author stylesheets.
Casualty of War: Front-End Developers
What do all of these new features have in common? They’re all about the browser -- None of them address how we author stylesheets.
Casualty of War: Front-End Developers
What do all of these new features have in common? They’re all about the browser -- None of them address how we author stylesheets.
* Compass is a framework that uses sass to help you author your stylesheets by providing shared tools, libraries, and standards that help users share stylesheets with each other.
* Sass and Compass have Co-evolved over the past two years. Sass has existed for about 3.5 years.
Completely interoperable
less noise: curly braces => indentation, ; => newline
@include => +, @mixin => =
* grids
* typography
But it’s easier to make a new term than convince everyone to start calling them “css libraries”.
Or for the geeks: A Meta Framework (A framework for css frameworks -- we’ll get to this later)
* At any time, you can set “relative_assets = true” and you’ll be able to serve images off the local filesystem irrespective of your other settings.
timestamps are automatically added to invalidate browser caches when images change. (can be disabled)
* At any time, you can set “relative_assets = true” and you’ll be able to serve images off the local filesystem irrespective of your other settings.
timestamps are automatically added to invalidate browser caches when images change. (can be disabled)
Good for small images like icons where HTTP overhead is large compared to file size.
Incurs encoding bloat: 33% uncompressed, 2-3% when gzipped,
Doesn’t work in IE6 & IE7
But here’s the thing...