css

TwitterFacebook
Get flash to fully experience Pearltrees

Sass (stylesheet language)

http://en.wikipedia.org/wiki/Sass_(stylesheet_language) Sass (Syntactically Awesome Stylesheets) is a stylesheet language initially designed by Hampton Catlin and developed by Nathan Weizenbaum . [ 1 ] [ 2 ] After its initial versions, Nathan Weizenbaum and Chris Eppstein have continued to extend Sass with SassScript , a simple scripting language used in Sass files. Sass is a Cascading Style Sheets (CSS) metalanguage . It is a scripting language that is interpreted into CSS. SassScript is the scripting language itself.
frameworks

http://coding.smashingmagazine.com/2012/04/11/css-sprites-revisited/

CSS Sprites Revisited

I’m pretty confident that I won’t surprise anyone here by saying that CSS sprites have been around for quite a while now, rearing their somewhat controversial heads in the Web development sphere as early as 2003. Still, the CSS sprite hasn’t truly found its way into the everyday toolkit of the common Web developer. While the theory behind CSS sprites is easy enough and its advantages are clear, they still prove to be too bothersome to implement, especially when time is short and deadlines are looming. Barriers exist to be breached, though, and we’re not going to let a couple of tiny bumps in the road spoil the greater perks of the CSS sprite. If you want more background information on best practices and practical use cases, definitely read “ The Mystery of CSS Sprites: Techniques, Tools and Resources .”

CSS Sprites: What They Are, Why They're Cool, and How To Use Them

Published by Chris Coyier This post was originally co-authored in late 2007 by me and Volkan Görgülü, I'm updating it now to improve it a bit and make it more current. You've heard of them, but... Do you really understand them? The name might be a little misleading, because sprites aren't little images like you might be picturing, a sprite is actually one big image . Have you ever seen the CSS technique where the "on" and "off" states of a button are contained within the same image and are activated by shifting the background-position? http://css-tricks.com/css-sprites/
Tutorial The tutorial is a great place to start if you aren’t familiar with the language. It covers getting set up with Sass and the basic features of the language. Sass Reference

Sass - Syntactically Awesome Stylesheets

http://sass-lang.com/docs.html
http://www.catswhocode.com/blog/8-css-preprocessors-to-speed-up-development-time

8 CSS preprocessors to speed up development time

Less CSS Less is probably the most well known CSS preprocessor. It allow a simplified syntax and the use of variables. Less CSS is for the Ruby programming language, however it looks like Aaron Russel created an extension for creating cached stylesheets your PHP projects can use. Get it: http://lesscss.org Sass
Home / About Us After starting the test-suite it will automatically run a large number of small tests which will determine if your browser is compatible with a large number of CSS selectors. If it is not compatible with a particular selector it is marked as such.

Selectors Test, CSS3 .info

http://tools.css3.info/selectors-test/test.html