What: You have an unordered list and you want to turn it into an ordered one through CSS
How: You can do this with CSS 2.1 and the counter element. Yay! I love CSS.
Hosting Assets: Do It Yourself?
I have started hosting more and more of the assets for sites, like web-fonts and JavaScripts libraries, stats, with the sites themselves instead of using a CDN / third-party service, largely because I was starting to feel squeamish about my role in helping tech giants follow you across the internet.
Always Include Widows and Orphans
What: Widows and orphans in CSS refer to leftover lines at the beginning or ending of a page, when you’re printing a website, or to the leftover lines at the beginning or ending of a column when you’re using multicol.
Joy
I recently updated the links page on my personal website, something I hadn’t done in years, and there were some broken links there but I also stumbled again across entropy8.com.
Auto Sizing Font-sizes
What: Changing the font-size and the line-height based on the width of the viewport but without using media queries, to create a smoother experience (with less work).
More on Color Tools
I recently wrote about the disappearance of 0to255 and what to replace it with and today I found another very versatile tool for color: calcolor.
Writing less.
A nice old (2016) video of a talk by Heydon Pickering about writing less code. It’s smart, funny, and I agree.
0to255.com has disappeared
My favorite color tool for years and years, the one I’ve used most consistently of any of the tools I’ve used, has been offline now for three weeks and my best guess is that it’s gone for good. One day I used it, all was normal, no notices, nothing, and the next day, it was gone. It left me a little stunned.
More Flat-File CMSs to Choose From
There is a first post with a list of flat-file CMSs and this is the second one. Of this list, I haven’t yet installed any, or tried to built a site, I’ve just tried a few of the demos. A quick list of flat-file content management systems with relevant notes and impressions added.
Fake centered fixed width
What: Say the background of your website is white and you want, for example, a different color header, full width, with content inside the header that’s contained at a lesser width, and centered. Common enough scenario and usually created with one HTML-element (div, section, …) at full width and with a colored background and one HTML-element (div, article, …) with a fixed width and centered, holding the content.