It's been awhile! Some interesting links saved to my Pocket account:
HTML For People - A delightful primer on how to make a website and put it online, without making you feel stupid or needing a CS degree. I really want to read this from start to finish because I've undoubtedly forgotten some things.
Alternatives to Using Pure Black | Codepen - A collection of hex colors to try instead of #000000.
Faircamp - A free app that creates a static website for music.
Point Faircamp to a folder hierarchy on your disk which contains your audio files. Within minutes, Faircamp builds a complete, static website that presents your music to your audience. You can view the site on your computer or upload it to any webhost - no database, no php or such required.
SVG Repo - An enormous collection of high-quality SVG icons and vector graphics that are free/open source/public domain/CC-licensed.
Introducing TODS – a typographic and OpenType default stylesheet - You can learn a lot about web typography just by walking through the sections of this stylesheet. Open source.
Good forms - Dave Rupert's thoughts on what makes an excellent online form.
Syntax highlighting with a color font | Codepen - pretty amazing demo of colorizing code syntax in a webpage, using a special font instead of a plugin.
CSS Type Casting to Numeric: tan(atan2()) Scalars - Extremely clever way to get element dimensions with a few CSS trig functions, no JS required.
Plus, two recommended purchases:
Pixelmator Pro (MacOS) - I've used Pixelmator image editing software for over a decade now, but the new Pro edition includes some of the cleanest SVG output I've seen.
Every Layout - I'm fascinated by this book on mastering responsive/adaptive CSS layout and wish I had more projects to apply it to.