Another one successfully finished: this time @inder23 redesigned our 404 page to be more appealing and almost make you feel like you’ve accomplished something by getting there (which ideally would never happen). It’s visible here:
https://ebm.si/wtf
Do check out the site, as a static image does not do it justice. But here’s a visual diff from the gradient-only version of old anyway:
https://ebm.si/p/it-prostovoljci/404-v1-2-v2.html
It may seem like a trivial project, but it was a great proving ground, testing a wide berth of FCC, design and other webdev knowledge.
The collaboration was again a learning experience also for me.
Details
This time about the lang attribute for screen readers and what to do when a page contains more than one language? Use mul (one of only four exceptions) as the value on the html tag and individual language codes on the actual text.
And something completely different about font subsetting and modern browsers ignoring the subset parameter to Google Fonts API. They just check the unicode range CSS parameters to @font-face and download only what they need, even thought it looks like they’ll be downloading all font subsets like Greek and Cyrillic.
And the complexity of SVG animations. If you do them via CSS, it has to be embedded in the SVG, otherwise you can’t load it from an external file. Yuck.
@inder23 showed initiative and great willingness to learn, so show them some love!