How to Create Smoother Animations and Transitions in the Browser

In order to achieve smooth transitions and animations, a browser needs to avoid doing extra work on its main thread, the part that’s in charge of handling tasks like JavaScript, style calculations, layout, painting and compositing (more on these later). …Continue reading

Thinking Ahead: Native CSS Feature Detection

Developing with progressive enhancement is not only a best practice, it’s absolutely necessary given the complexity of today’s websites and applications. We should never be sacrificing accessibility for convenience, so minimizing dependency on CSS3 features is important and, as a …Continue reading

Thinking Ahead: CSS Device Adaptation With @viewport

When we need to adjust a device’s browser viewport, the HTML <meta name=”viewport”> tag is usually our go-to solution. But the viewport meta tag is surprisingly “non-normative”––it’s not a formal W3C spec, much less a web standard. The viewport meta …Continue reading