The will-change CSS property lets you notify the browser about future changes that you may do to an element. The browser can use that information to load optimizations before they’re needed. So elements can be changed and rendered faster, resulting in a smoother UI experience…
Direct link: The CSS will-change Property
CSS Blend Modes provide a way to specify how one layer will interact or “blend” with the one underneath. Until now, this was the domain of photo editing applications, but now they are available on the web using CSS itself…
Direct link: Getting to know CSS Blend Modes
The new CSS Shapes specification was introduced by Adobe in 2012. It aims to provide web designers with a new way to change how the content flows inside and around complex shapes…
Direct link: CSS Shapes 101
How many of these do you know? A great article by Louis Lazaris…
Direct link: 12 Little-Known CSS Facts
Direct link: CSS Animation Events Explained!
A simple, cross-browser method for vertical centering. All it needs is a declared height and some simple CSS. Works on images too…
Direct link: Absolute Horizontal And Vertical Centering In CSS
REM can be confusing, especially without a solid understanding of its partner EM and their archvillain, the PX. This article does a pretty good job of explaining all that…
Direct link: Confused About REM and EM?
With just 3 lines of CSS (excluding vendor prefixes) we can with the help of transform: translateY vertically center whatever we want, even if we don’t know its height.
Direct link: Vertical align anything with just 3 lines of CSS
Care must be taken when implementing icon fonts to ensure a great experience for all users. What happens when your font doesn’t load? What happens when @font-face isn’t supported in the browser? We’ll show you how to implement bulletproof font icons.
Direct link: Bulletproof Accessible Icon Fonts
The source image is cropped, and below specific maximum dimensions it’s displayed at a predetermined aspect ratio. This post describes the implementation…
Direct link: Flexible CSS cover images