Because of the pandemic I too have to start teaching online. I’ve been setting everything up and I’m going to track my progress and findings under the teaching online-tag. This post is about my preparations to make this class available online.
What: CSS-Tricks just posted about this last Friday and since I could have used this that day (!) but didn’t find it until now, I’m adding a note here for myself:
You have a page with a table of contents (with links), or you have a one page website with in-page navigation and you have a fixed header — when you click a link the content scrolls up too far and is hidden by the fixed header. This is not a good user experience, and you can improve it with
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.
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).
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.
A nice old (2016) video of a talk by Heydon Pickering about writing less code. It’s smart, funny, and I agree.
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.