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.
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][Source]
Photo by Rubén Bagüés on Unsplash
Tweaked my expires headers
I’m adding this to my .htaccess file at the moment:
# Enable expirations
ExpiresActive On
# Default directive
ExpiresDefault "access plus 1 month"
# Favicon
ExpiresByType image/x-icon "access plus 1 year"
# Images
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
# PDF
ExpiresByType application/pdf "access plus 1 year"
# CSS
# ExpiresByType text/css "access plus 1 month"
# Javascript
ExpiresByType application/javascript "access plus 1 year"Photo by Crawford Jolly on Unsplash
Old Enough for Nostalgia
Just thought I’d document what I’ve been reading recently because I’m starting to see a theme here. It’s not a technical Today I Learned, but these articles are making me think about how I see websites and also how my ideas on that have changed.
Styling placeholder text
Not something new I learned, more something I keep forgetting over and over.
::placeholder to change how placeholders look. You’d think I’d remember something so obvious…
If it’s not working, this post over at CSS-Tricks may have some more information on why.
(Actually, what that post taught me, is that there is a difference between pseudo elements and pseudo classes!)
Photo by Vivek Sharma on Unsplash
Pretty lists!
What: Firefox 68+ and Safari 11.1+ support the pseudo-element ::marker yay! Chrome doesn’t yet, and neither do Edge or IE11. It will allow for:
li::marker {
color: #ff3399;
content: "-";
}
Not just on list-items either, but also on elements with a display: list-item.
CSS-Tricks has more about this: Finally, it Will Be Easy to Change the Color of List Bullets.
Photo by Max Rovensky on Unsplash