Motion Paths - Past, Present and Future | Codrops
This is superbly in-depth and easy-to-follow article from Cassie—everything you need to know about motion paths in SVG and CSS! It’s worth reading just for the wonderful examples.
Google font to SVG path
Cassie pointed me to this very nifty tool (that she plans to use in your SVG animation workshop): choose font from Google Fonts, type some text, and get the glyphs immediately translated into an SVG!
Related links
Creating a Web Type Lockup | CSS-Tricks
A really great idea from Chris: using SVG to create the web equivalent of type lockups that can scale with all the control you want, while still maintaining accessibility.
Speaking of accessibility, Emil’s comment is very useful indeed.
Trimming the Fat — Paul Robert Lloyd
A great in-depth description by Paul of how he optimised his site. More of this please!
Using Google Fonts Breaches GDPR – Interdependent Thoughts
Remember when I said you should avoid third-party dependencies?
Private by Default
Feedbin has removed third-party iframes and JavaScript (oEmbed provides a nice alternative), as well as stripping out Google Analytics, and even web fonts that aren’t self-hosted. This is excellent!
Related posts
Sass and clamp
Worst buddy movie ever.
Fluid
Going from delight to default in one straight line.
Hanging punctuation in CSS
A little fix for Safari.
Utopia
Why do I like fluid responsive typography? Let me count the ways…
Making the Patterns Day website
The joy of getting hands-on with HTML and CSS.