When I look back at the last four years that I’ve spent learning everything I could about web fonts and how web fonts load, I can distill it all down to a small checklist of ideals that I continue to chase.
From Zach Leatherman.
A free guide to <head> elements. A list of everything that could go in the head of your document.
From Head by Josh Buchea.
From Sassmeister (via @CSSWizardry).
Why we should and shouldn’t use Lazy Load, and how to implement it. Images make up over 60% of an average page’s size, according to HTTP Archive. Images on a web page would be rendered once they are available.
From Smashing Magazine.
Lazy load images, YouTube and Vimeo videos, and iframes using Lazy Load XT. Lazy Load XT is the fastest, lightest, fully customizable lazy load plugin in the WordPress Plugin Directory.
From WordPress Plugin Repo.
As we all (should) probably know by now, specificity is is one of CSS’ most troublesome features, and is an area that soon becomes hard to manage on projects of any reasonable size. Specificity is a trait best avoided, which is why we don’t use IDs in CSS, and we don’t nest selectors unless absolutely necessary.
From CSS Wizardry.