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
A Sass toolkit that sets type in Ems based on modular scale, vertical rhythm, and responsive ratio based headlines…
Direct link: Typesettings Sass Toolkit
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
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.
Direct link: Unify Unicode support on Browsers
A set of reliable (nay, bulletproof) patterns for icon fonts…
Direct link: A Font Garde
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
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.
Direct link: A small Sass library for setting type on the web
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
A set of flat and 3D progress button styles where the button itself serves as a progress indicator. 3D styles are used for showing the progress indication on one side of the button while rotating the button in perspective…
Direct link: Creative effects for loading buttons