Visualizzazione post con etichetta css3. Mostra tutti i post
Visualizzazione post con etichetta css3. Mostra tutti i post

giovedì 6 settembre 2012

A Beginner’s Guide to Leaner CSS | Design Shack



This article isn’t for the guy who spends his days trolling through web development blogs for a chance to leave comments and show off how much more he knows that everyone else. If you’re already a CSS genius, go write a book.

Instead, I’m writing this for the masses of developers who are finally beginning to get the hang of this CSS thing. You’ve been styling websites for a year, maybe two and you’re ready to take a step beyond how to write effective code and learn how to write efficient code.

“You’re ready to take a step beyond how to write effective code and learn how to write efficient code.”

Just like me at this point in my career, you’ve heard the jargon plenty of times but have yet to experience that “click” where suddenly writing efficient CSS makes sense. Hopefully, we’ll find that click today.

giovedì 19 luglio 2012

Shoot to kill; CSS selector intent — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts

One type of CSS in particular makes me cringe every time I see it; poor selector intent. Poor selector intent means carpet bombed selectors whose key selector has way too broad a reach; a selector like .header ul{} as opposed to one like .main-nav{}, .widget h2{} instead of .widget-title, article > p:first-child{} as opposed to .intro{}. Selectors whose intent isn't specific enough.  [...]

http://csswizardry.com/2012/07/shoot-to-kill-css-selector-intent/

mercoledì 18 luglio 2012

Sprites and Retina Displays - CSS-Tricks

CSS sprites are often used for small icons. That is exactly what looks bad on retina displays. Maykel Loomans has a way to deal with that that doesn't make our CSS twice as complicated: 1) Make sprite exactly twice as big 2) Swap out background in media query 3) Shrink background-size in half so coordinates are still correct.