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.
link
video
This past May, I participated in the TD Five Borough Bike Tour in New York. It kicked off at 8am and passed over many NYC landmarks, including Radio City Music Hall, Central Park, the Ed Koch Queensboro Bridge, Brooklyn, the BQE, and the Verrazzano-Narrows Bridge. I had a blast, and it was such a unique opportunity to explore the city, car-free.
video
Boards of Canada "Olson" on a 1959 PDP-1 Computer
link
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.
link
Simple Icons
Free SVG icons for popular brands
link
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.
link
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.
link
Oh shit, git!
Git is hard: screwing up is easy, and figuring out how to fix your mistakes is fucking impossible.
link
Fitter Happier Text
npm install fitter-happier-text
link
Apple on Hamburger Menus
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.
audio
link
scrollReveal.js
Declarative on-scroll reveal animations.
Page 1 of 4