Apr
17
Dan Eastwell, Web Interface Designer and Developer
Posts tagged css
May
15
Google, Facebook, and Twitter all make use of empty DOM elements to crop dense sprites and display icons next to certain links in their interfaces. The alternative is not to use empty elements but be forced into using multiple images and/or to design sub-optimal image sprites that have their component images spaced out. Pseudo-elements can be used in much the same way as empty DOM elements (via CSS background image hacks – Nicolas Gallagher)
May
14
SVG in background images.
Looking to add, cache, flip, rotate and scale an svg file as a css background image. Here’s a bit of a link dump for me to work on later. It all seems to be in the right area, apologies if you’re looking and it doesn’t come up with the goods:
http://www.broken-links.com/2010/06/08/using-svg-in-background-image/
http://helephant.com/2009/08/12/svg-images-as-css-backgrounds/
http://caniuse.com/#search=svg
http://www.alistapart.com/articles/using-svg-for-flexible-scalable-and-fun-backgrounds-part-ii
http://stackoverflow.com/questions/5768998/how-to-flip-background-image-using-css
http://nicolasgallagher.com/css-background-image-hacks/
http://css-tricks.com/snippets/css/flip-an-image/
http://stackoverflow.com/questions/5087420/how-to-rotate-the-background-image-in-the-container
Mar
13
“If you use Javascript, it’s trivial to set up a configuration where only the css which is needed for a particular viewport width is downloaded (Adapt.js does this very well). With media queries, the visitor is going to be downloading the css for every viewport width, even if they don’t need it. There’s trade-off here between http requests (Javascript introduces more) and size of css files (media queries create larger ones). I haven’t really decided which end of that stick I prefer.”
How I’m implementing Responsive Web Design – JeffCroft.com
Jan
27
Use CSS transitions to link Media Queries and JavaScript
/via https://twitter.com/#!/codepo8/status/162833078115504128
