Making single color SVG icons work in dark mode
Another good reason to use the currentColor value in SVGs.
Better Image Optimization by Restricting the Color Index – Eric’s Archived Thoughts
A great little mini case-study from Eric—if you’re exporting transparent PNGs from a graphic design tool, double-check the colour-depth settings!
I’d been saving the PNGs with no bit depth restrictions, meaning the color table was holding space for 224 colors. That’s… a lot of colors, roughly 224 of which I wasn’t actually using.
Related links
🧠 ct.css – Let’s take a look inside your `head`
I love a good bookmarklet, and Harry has made a very good bookmarklet indeed.
Drag ct.css to your browser bar and then press it whenever you’re on a site you want to check for optimising what’s in the head element.
The Critical Request - Speaker Deck
There are some handy performance tips from Ben in this slide deck.
In this talk we’ll study how browsers determine which requests should be made, in what order, and what prevents the browser from rendering content quickly.
Fostering a Web Performance Culture - José M. Pérez
Six steps to kickstart a web performance culture:
- Your dev environment is not your user’s environment
- It’s better to learn the fundamentals than the library
- Get the time to experiment and validate
- Educate your colleagues
- Share and celebrate success (and failure) stories
- Make performance part of your workflow
It’s Dangerous to Go Stallone. Take Glyphhanger | Filament Group, Inc., Boston, MA
You’ll need to be comfortable with using the command line, but this is a very useful font subsetting tool from those clever folks at Filament Group.
Related posts
Dark mode revisited
Adding another theme to my stylesheet switcher.
Dark mode
Adarktio
Navigation preloads in service workers
A little performance boost for your network-first service worker strategy.
dConstruct optimisation
Tweaking the dConstruct 2012 site for performance.
Making the new Salter Cane website
A redesign with modern CSS.