How DNS Lookups Affect Website Performance

Resolving a domain name into an IP address is probably not a performance bottleneck for your site. To be honest, there are limited performance gains to be had with DNS lookups. That said, I think there are some good reasons to understand DNS better both in general and in terms of performance.

Continue reading

Time To First Byte (TTFB)

Over the years as this site has grown in both content and traffic and as my relative knowledge about developing performant websites hasn’t, I’ve been disappointed in the performance of this site. I have worked to improve the situation from time to time only to let it slide again when I’d move to a new host and as I’ve let my coding practices lag industry best practices.

Continue reading

How To Use CSS Custom Properties With Transitions, Transforms, and Animations

The same way you can’t make changes to preprocessed variables inside @media queries, you can’t make changes to them inside @keyframes either. CSS custom properties don’t have the same limitation and can be combined with transitions, transforms, and @keyframe animation for some interesting results.

Continue reading

CSS Custom Properties—Dynamic Changes With And Without Javascript

Have you ever wished you could change the value of a Sass or Less variable after your page has loaded? I have. Unfortunately, it’s not something you can do as the variables cease to be variables once the preprocessed code is compiled into CSS. You don’t have the same limitation with CSS custom properties.

Continue reading

CSS Custom Properties, Media Queries, And Responsive Design

One thing you can do with CSS custom properties that you can’t do with variables in preprocessors is redefine them and assign new values inside @media queries. It’s a useful ability to have and one more reason why you’d want to work with what are effectively native CSS variables.

Continue reading