Static sites, slack and scrollytelling. | Clearleft
Cassie’s enthusiasm for fun and interesting SVG animation shines through in her writing!
edent/SuperTinyIcons: Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos
These are lovely little SVGs of website logos that are yours for the taking. And if you want to contribute an icon to the collection, go for it …as long as it’s less than 1024 bytes (most of these are waaay less).
Related links
Lea Verou on Twitter
Now that all modern browsers support SVG favicons, here’s how to turn any emoji into a favicon.svg:
<svg xmlns="http://w3.org/2000/svg" viewBox="0 0 100 100"> <text y=".9em" font-size="90"> 💩 </text> </svg>Useful for quick apps when you can’t be bothered to design a favicon!
Creating my logo animation - cassie.codes
What a wonderfully in-depth and clear tutorial from Cassie on how she created the animation for her nifty SVG logo!
Also: Cassie is on the indie web now, writing on her own website—yay!
Zdog · Round, flat, designer-friendly pseudo-3D engine for canvas and SVG
Impressively lightweight and smooth!
Accessible Icon Buttons — Sara Soueidan – Freelance-Front-End UI/UX Developer
Sara runs through the many ways of providing an accessible name to an icon button, backed up with Scott’s testing.
Related posts
Speedier tunes
Improving performance with containment.
Making the Patterns Day website
The joy of getting hands-on with HTML and CSS.
Speedy tunes
Improving performance on The Session.
Inlining SVG background images in CSS with custom properties
A clever technique I learned from Trys.
Sparklining
Pimping my home page at Indie Web Camp Nuremberg.