Dan Eastwell, Web Interface Designer and Developer

Posts tagged css

Feb 21

Couple of Icon font links

http://css-tricks.com/stackicons-icon-fonts/ How to create (a bit hacky, but impressive) multi-colour icon fonts

http://css-tricks.com/examples/IconFont/ Why icon fonts are adaptable (or ‘awesome’ as the article has it). interactive article that highlights fonts-for-icons strong points.


Oct 25

Apr 17

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)

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

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

Mar 5

Jan 27

Mar 30