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.

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

npm install fitter-happier-text

Mike Stern, an Apple User Experience Evangelist recently gave a talk at WWDC entitled Designing Intuitive User Experiences, about hamburger menu design patterns which brings up many good points about the usability of these types of menus.

Declarative on-scroll reveal animations.

Typography on the web is anything but simple, and for many, it is a troubling mystery. Net Tuts reviewed six ways that web designers and developers can improve the typography of the sites they create.

A comprehensive quick reference guide to CSS3.

Louie Mantia is an icon and user interface designer working for the Iconfactory in Greensboro, NC.