Weekly News for Designers № 640

By

Ideal SVG exports – Some thoughts regarding how design tools should export the vector format.
Example from Ideal SVG exports

On-Scroll Text Repetition Animation – This tutorial demonstrates an on-scroll animation that shows repeated fragments of big text.
Example from On-Scroll Text Repetition Animation

The Anatomy of a Design System – Defining a shared understanding of how systems connect core brand elements with digital interfaces.
Example from The Anatomy of a Design System

8 Awesome Animated Backgrounds Built with CSS & JavaScript – Examples of animated backgrounds that run the gamut in terms of looks and use cases.
Example from 8 Awesome Animated Backgrounds Built with CSS & JavaScript

Reasonable Colors – Check out this free, open-source color system for building accessible color palettes.
Example from Reasonable Colors

How to Fix Your Low-Contrast Text – Learn how to solve one of the most common website accessibility issues.
Example from How to Fix Your Low-Contrast Text

Lexical – An extensible JavaScript web text-editor framework from Facebook with an emphasis on reliability, accessibility and performance.
Example from Lexical

What You Can Learn from Picky Design Clients – The big-picture benefits of working with even the pickiest of clients.
Example from What You Can Learn from Picky Design Clients

Notable – Download this free email template for Figma, complete with light and dark themes.
Example from Notable Email Template

Skware – Give your projects a retro feel with this collection of free pixelated icons.
Example from Skware Icons

100 Cloud Photoshop Brushes – Create beautiful cloud effects with this free pack of brushes.
Example from 100 Cloud Photoshop Brushes

The 20 Best Glitch Effect Photoshop Action Sets – Incredible glitch effects are just a click away with these Photoshop actions.
Example from The 20 Best Glitch Effect Photoshop Action Sets

WikifoxJS – Grab content from Wikipedia with this powerful API.
Example from WikifoxJS

Picture perfect images with the modern <img> element – A look at how images impact performance, along with helpful tips for optimization.
Example from Picture perfect images with the modern <img> element

10 Super-Useful Free WordPress Widget Plugins – Add flexibility and functionality to WordPress with these widget plugins.
Example from 10 Super-Useful Free WordPress Widget Plugins

Sneat – A free, open-source HTML admin template built with Bootstrap 5.
Example from Sneat Admin Template

A Typographic Scale Calculator – Use this tool to create a harmonious type scale.
Example from A Typographic Scale Calculator

massCode – Keep your code snippets within reach with this free, open-source organization app.
Example from massCode