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…
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.
Not all devices support unicode characters equally – either directly or as @font-face fallbacks.
I was hoping that someone had created a site that showed which were the safest to use.
I couldn’t find that site, so I decided to make it.
I hope it’s useful.
A set of reliable (nay, bulletproof) patterns for icon fonts…
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.
Gives you an automatic, pixel-perfect, baseline grid across all textual HTML elements based entirely on just a few settings of your choice. Baseline grids without the headaches.
The source image is cropped, and below specific maximum dimensions it’s displayed at a predetermined aspect ratio. This post describes the implementation…