Opera Mobile Emulator with support for (some) -webkit vendor prefixes

Opera, along with Mozilla, announced at a CSS Working Group meeting that we would support some -webkit prefixes. This is because through our site compatibility work, we have experienced that many authors of (especially mobile) sites only use -webkit prefixed CSS, thereby ignoring other vendor prefixes and not even including an unprefixed equivalent. This leads […]

CSS :nth-letter()

Adobe is working on implementing :nth-letter() in Webkit: The desired syntax was :nth-letter(), where the argument would (ideally) take the same values that :nth-child() can (e.g, a simple index, even/odd, or an expression like 2n+4). This code: <p id=”sentence”>My fourth letter is awesome.</p> #sentence:nth-letter(3) { color: red; font-family: “Comic Sans MS”; font-size: 3em; font-weight: bold; […]

Photoshop Blend Modes coming to CSS

If you’re a user of our design applications such as Photoshop and Illustrator, you know how you can create very cool effects with blend modes. Last year, I joined the W3C and started contributing to the SVG and FX task forces. I am now spending the bulk of my time on editing, discussing and implementing […]

What’s the Deal With display: inline-block?

We’ve been using floats for layout pretty much since we left tables behind. It’s a quirky solution that can often cause troubles, but if you know what you’re doing, it works. One interesting alternative to floats that people are turning to more and more lately is to set the display value of an element to […]

text-indent: -9999px; revisited

Turns out, this works even better (and is more concise): .hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; } As Zeldman put it: Really long strings of text will never flow into the container because they always flow away from the container. Performance is dramatically improved because a 9999px box is not drawn. Noticeably so […]