Adobe Shadow

Adobe® Shadow is a new inspection and preview tool that allows front-end web developers and designers to work faster and more efficiently by streamlining the preview process, making it easier to customize websites for mobile devices. Pair your devices via the browser plugin and see all devices change sites whenever you change it on your …

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 …

Scaling With em Units

Recently I started testing how proportional scaling of bigger layouts would work in reality and if it makes any sense. It’s possible when using EM units and then changing body’s font-size when viewport’s height grows above certain point. Basically that means, that I have to change only one or two css properties between @media queries …