Blog

Animating a changed box-shadow (in this case from box-shadow: 0 1px 2px rgba(0,0,0,0.15) to box-shadow: 0 5px 15px rgba(0,0,0,0.3) causes a re-paint on every frame.

The new iPhone X features a beautiful edge-to-edge display. Well, almost. There is the small issue of a notch at the top of the browser which doesn’t cause an issue when viewing websites in portrait but by default does cause some issues in landscape.

Free SVG icons for popular brands

Animating elements in your mobile applications is easy. Animating elements in your mobile applications properly may be easy, too… if you follow our tips here.

Hovering over the image will remove the filter effect. Unfortunately, IE & Edge browsers, as well as Opera Mini do not support filters and blend modes.

Welcome, Suzie is a starter kit for WordPress. It offers a better way to build scalable WordPress sites by making sure your the core, assets/media and configuration is not stored in your source control. This enables support for multiple server setups.

Git is hard: screwing up is easy, and figuring out how to fix your mistakes is fucking impossible.

Visible vs hidden content in HTML pages and apps.

There’s quite a few ways that you can hide something from the screen, but not all techniques are created equal.

An excellent CSS Reference.

I am very excited for the upcoming adoption of web components. They provide a number of improvements to the developer experience of managing large codebases. If you’re not up to speed there’s a good article over on CSS-Tricks covering all the basics.

For the next minute or so, I want you to forget about CSS. Forget about web development. Forget about digital user interfaces. And as you forget these things, I want you to allow your mind to wander. To wander back in time. Back to your youth. Back to your first day of school.