CSS
Get flash to fully experience Pearltrees
Learn what you need to know to set up media queries that maximize efficiency and robustness for your particular project. There are pros and cons to making your media queries embedded versus external, overlapping versus stacking your media queries, starting with mobile versus desktop styles, and using conditional comments versus JavaScript to add support for IE 8 and earlier versions. CSS3 media queries are dead simple, in terms of their syntax. You’ve got an @media directive, a media type (which you already know from good ol’ CSS 2, like screen , print , all , etc.) and one or more media features (the characteristics we’re testing against).
Essential considerations for crafting quality media queries
Webfonts
Box shadow
Transition
Mobile
Background
05 Jan 2011 I have no idea if it's been done before, but I've long wanted to put together a quick little demo showing the power of CSS's text-shadow property. Turns out the latest versions of Chrome, Safari, Firefox, and Opera all render multiple text-shadows on elements, just like box shadows . So I threw this together: 3D text using nothing but CSS.
3D Text Using Just CSS · Deep Thoughts by Mark Otto
This is part of a series of guest posts covering tips and tricks for working with fonts on the web. Today’s post was written by Dan Cederholm of SimpleBits. A few years ago I gave a talk about why a button made a great place to bring in type from a branding element (such as a logo). My point was that if the type in your logo was an image, and stylish buttons were also often images, then why not align the fonts in both to bring some cohesiveness to the typography. This was probably four years ago, and we’ve come a long way since. Now, in certain situations, CSS can replace the inflexible image buttons we used in the past.
Type study: An all CSS button
Abstract A grid with four slots defined by ‘ display: "aaaaaaa" "bccccdd" ’. CSS is a simple, declarative language for creating style sheets that specify the rendering of HTML and other structured documents.
