Weekly News for Designers № 640
Ideal SVG exports – Some thoughts regarding how design tools should export the vector format.
On-Scroll Text Repetition Animation – This tutorial demonstrates an on-scroll animation that shows repeated fragments of big text.
The Anatomy of a Design System – Defining a shared understanding of how systems connect core brand elements with digital interfaces.
8 Awesome Animated Backgrounds Built with CSS & JavaScript – Examples of animated backgrounds that run the gamut in terms of looks and use cases.
Reasonable Colors – Check out this free, open-source color system for building accessible color palettes.
How to Fix Your Low-Contrast Text – Learn how to solve one of the most common website accessibility issues.
Lexical – An extensible JavaScript web text-editor framework from Facebook with an emphasis on reliability, accessibility and performance.
What You Can Learn from Picky Design Clients – The big-picture benefits of working with even the pickiest of clients.
Notable – Download this free email template for Figma, complete with light and dark themes.
Skware – Give your projects a retro feel with this collection of free pixelated icons.
100 Cloud Photoshop Brushes – Create beautiful cloud effects with this free pack of brushes.
The 20 Best Glitch Effect Photoshop Action Sets – Incredible glitch effects are just a click away with these Photoshop actions.
WikifoxJS – Grab content from Wikipedia with this powerful API.
Picture perfect images with the modern <img>
element – A look at how images impact performance, along with helpful tips for optimization.
10 Super-Useful Free WordPress Widget Plugins – Add flexibility and functionality to WordPress with these widget plugins.
Sneat – A free, open-source HTML admin template built with Bootstrap 5.
A Typographic Scale Calculator – Use this tool to create a harmonious type scale.
massCode – Keep your code snippets within reach with this free, open-source organization app.