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 creating a multi-column layout.
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
EDIT: A full year after this post. I was still missing 0to255.com so much, I typed in the address in nostalgia and fain hope only to find the site back up and running. I am so happy! It’s still my favorite color tool, right along with coolors.co.
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.
Trying out a new plugin
What: I’m trying out Koko Analytics by Ibericode on this site and on a client’s site. Just two months ago I did a big search on privacy respecting website analytics and couldn’t find anything much of anything that looked promising, especially for potential clients. This looks very promising.
Redirecting to HTTPS
This gave me an internal server error:
RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://www.yourdomain.com/$1 [R,L]But this worked:
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]Or, a variation, this might work too:
RewriteEngine On
RewriteCond %{HTTPS} !=on
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301][Source]
Photo by Rubén Bagüés on Unsplash