CSS Wizardry

Let’s look at some more technical and non-obvious aspects of optimising Largest Contentful Paint

How often do you test your site in iOS Safari?

Learning the lay of the land

Google Fonts is fast.

How effective is Brotli, really?

If you’ve ever struggled to define performance budgets, this off-the-shelf trick is what you’re looking for.

Using prefetch for fun and profit

What issues does Hoefler&Co’s Cloud.typography introduce, and how can we mitigate them?

Just how much does TTFB matter when it comes to front-end performance?

Why is it so much better to self-host your static assets?

How can you prepare for and survive a technical interview?

What does Cache-Control really do?

How can you tell when bandwidth or latency are your bottlenecks?

The official introduction to ITCSS on Skillshare

How do we so often forget to ask the simple question: what if?

How can CSS impact network and resource-loading performance?

How can we make it easier for businesses to understand when and what to measure?

What should you do when you first get launched into an old, sprawling CSS codebase?

How and when do browsers download certain types of image?

Gathering data about third-parties using free and open-source tooling

An overview of my hardware and software setup for listening to digital music

How can we gather valuable data about previously hard-to-measure things?

Finding dead or unused CSS on a live website

What can front-end and performance engineers learn from the Fallacies of Distributed Computing?

csswizardry.com turns ten today!

Define the relative importance of project traits in order to make development smoother

Sometimes you need to make it possible to do the wrong thing…

Assessing the fragility and resilience of third party resources

A metaphor for defining the scope of refactoring tasks

Handy Git tricks and aliases: leaderboards, praise, word-diff, branch history, daily recaps, changelog generation, and more in one quick guide.

Even the most inexperienced developers can write great looking code

Both amazing tools in their own rights, how can we get both playing nicely together?

Statistics, tests, and numbers looking at the performance costs of Base64

A look at the many huge disadvantages of Base64 encoding assets into your CSS

An update to my 2012 article, Code Smells in CSS

A look at the simple differences that developers and engineers can make in order to improve the quality of their typography

Improving security and performance on CSS Wizardry

Using the Ack tool to audit and profile your CSS

In 2017, I want to begin shifting my focus more toward making things fast

Apple are replacing their function row with a Touch Bar; how will this affect Vim?

A look at which average works best for representing certain types of data

Avoid using CSS’ shorthand syntax

CSS Wizardry has just got itself a newsletter…

A look at the possible benefits of nesting BEM, and mitigating the side effects

Using CSS gradients and multiple backgrounds to improve resilience and perceived performance

Why we should still be using Normalize.css

Experiment: Making a content filter using CSS

A low-cost approach for providing user customisation in UI projects

Three key steps to help you refactoring legacy code

Giving talks is stressful.