Get flash to fully experience Pearltrees
CSS Image Sprite is a method of combining several images into one image file to reduce HTTP requests and optimize web load performance . There are many ways and handy tools to do this, or else you can also do it traditionally with Photoshop. But, through all my experience of dealing with CSS Image Sprite, there is no other way that much easier than using Sprite Function for Compass . So, let’s take a look at how it works. Recommended Reading : Syntactically Awesome Stylesheets: Using Compass In Sass Starting Compass
-prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. The target browser support is IE9+ , Opera 10+ , Firefox 3.5+ , Safari 4+ and Chrome on desktop and Mobile Safari , Android browser , Chrome and Opera Mobile on mobile. If it doesn’t work in any of those, it’s a bug so please report it .
TL;DR In sass 3.2 there’s a new kind of selector called a placeholder selector for use with @extend . Mixins and functions can now take any number of arguments and be defined in nested contexts. You can now pass a block of styles to a mixin for placement by the @content directive. Numbers will have now 5 digits of precision instead of 3.
Every so often I like to revisit old projects of mine and refactor them a little, either using some new ideas I learnt in the meantime, or trying out some new technique or framework on familiar ground. This time, I’m going over a wordpress theme I made a couple of years ago and using Compass to organize the style sheets. Converting the existing style sheet (circa 8k uncompressed) to SCSS didn’t take long – only a few minutes by hand – and there are tools which you can use to automate the conversion, so it left me plenty of time to explore more Sass features which make style sheet management much easier. Today we’re going to look at command directives and a few basic spriting helpers. What are Sass and Compass? Sass (Syntactically Awesome Style Sheets) is a language built around and on top of CSS3, adding a bunch of features like variables, mixins (sort of macros), and several helpers for more common css operations.
Enfin ! Je prends enfin le temps de rédiger un article sur mon outil favori du moment, le couple : Sass & Compass . Dans ce micro-tutoriel je vais vous montrer comment modifier la palette de couleur de votre site en ne modifiant qu’une seule valeur .