Spring is here and I’m actively digging into the beds of my digital garden.
- Replaced collapbisble manu with a plain inline navigation bar; also removed mobile navigation modal.
- Optimized Hugo templates. Hopefully this will make building process a bit faster.
- Replaced many CSS stylings with native HTML 5.0 tags.
- Implemented responsive typography. Now text size corresponds with the width of the viewport using formula
font-size: calc(15px + 0.390625vw);
Main stylesheet is now 50% smaller: 2.8KB versus 5.8KB (uncompressed). And despite of reduced styling I like the way it looks now - with larger fonts and better usage of space.
Of course, these are not all possible improvements - I can never get enough of caring for Web yard. Here’s what I’m up to:
- Find an alternative solution for graphic design portfolio display. I’m thinking about ditching animated thumbnails for Film titles and replacing them with simple static images.
- Do more optimization for Hugo templates
- Move hosting to a separate self-managed VPS server with nginx
- Create an automated routine to create mirrors on Gopher and Gemini
- Improve accessibility for blind and low vision users
- Keep pages under 14kB1
- Optimize for e-ink displays
- Use lowercase in code
Happy Easter! 🐣
Nathaniel on Endtimes explains why the website should be under 14kB (14000 bytes) in size. Barry Pollard has even more detailed explanation on this topic. ↩︎
Comments
Nothing yet. Say the first thing.
Sign in to join the conversation.