Tagged: css

text-shadow 0

Abusing text-shadow

text-shadow is really nice for making your copy appear to “pop”. Conversely, I found if you hack around a little bit, you can create a blurry text effect. All it takes is 2 simple lines of CSS: h1 { text-shadow: 0 0 10px #000; color: rgba(0,0,0,0); } First, you need...

add-feature 2

iPad orientation

Jason Grigsby posted a cool article about a CSS-only solution to updating styles based on iPad orientation:¬†http://www.cloudfour.com/ipad-orientation-css/ In my project I used JavaScript to detect the “orientationchange” event. Then I test if Math.abs(window.orientation) == 90… then I know you’re in landscape mode, and if not, portrait. I then add class...

font-face 5

The problem with @font-face

Lately some “bullet-proof” cross-browser methods have arisen using @font-face: http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/ http://readableweb.com/mo-bulletproofer-font-face-css-syntax/ While these provide a functional way of embedding fonts I contest they are still not “bullet-proof” since there are serious legal implications if these methods are misused. The big problem is that I can’t just take any font, toss...