Mastodon
Back to home

How to animate box-shadow without crippling performance

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.

Removing the White Bars in Safari on iPhone X

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.

Simple Icons

Free SVG icons for popular brands

Smooth as Butter: Achieving 60 FPS Animations with CSS3

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.

CSSCO

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.

Suzie

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.

Oh shit, git!

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

How Visible vs. Hidden Elements Affect Keyboard/Screen Reader Users

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.

CSS Reference

An excellent CSS Reference.

A Webpack Pattern Library

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.

The 100% correct way to do CSS breakpoints

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.
Page 1 of 28