Weekly News for Designers № 648

Single Element Loaders: The Spinner – Create a CSS loader animation using minimal code.
Example from Single Element Loaders: The Spinner

Inspiral Web – This web/mobile app recreates the joy of drawing with a Spirograph.
Example from Inspiral Web

A Guide to Choosing the Right WordPress Block Plugins – Things to consider before you install custom blocks.
Example from A Guide to Choosing the Right WordPress Block Plugins

Preline UI – An open-source set of prebuilt UI components based on Tailwind CSS.
Example from Preline UI

How to Animate SVG Shapes on Scroll – Learn how to how to animate SVG paths while smooth scrolling a page.
Example from How to Animate SVG Shapes on Scroll

Sublus – Create a custom illustration using this free library.
Example from Sublus

Component Encyclopedia – Explore the world’s UI components to learn techniques that actually work.
Example from Component Encyclopedia

Obscure CSS: Implicit List-Item Counter – Dig into some little-know enhancements you can achieve with HTML lists.
Example from Obscure CSS: Implicit List-Item Counter

6 Free Starter & Barebone Themes for WordPress Development – Minimal themes that allow you to build WordPress websites from the ground up.
Example from 6 Free Starter & Barebone Themes for WordPress Development

The need to personalize fonts for each individual reader – A look at how font selection impacts users.
Example from The need to personalize fonts for each individual reader

Rulex – Check out this new, portable, regular expression language.
Example from Rulex

Google Fonts: pairings – Hand-picked font pairings you can use in your Figma projects.
Example from Google Fonts: pairings

Tips for Handing off Your Website Mockup to a Developer – Ideas for making the hand-off from designer to developer a productive one.
Example from Tips for Handing off Your Website Mockup to a Developer

Mobile-First CSS: Is It Time for a Rethink? – Why mobile-first can create complex, hard-to-maintain code.
Example from Mobile-First CSS: Is It Time for a Rethink?

Basicons – Download this collection of basic icons for product design and development.
Example from Basicons

Paper Prototype CSS – This stylesheet will give your project a hand-drawn look – perfect for prototyping.
Example from Paper Prototype CSS

Patterns for Building JavaScript Websites in 2022 – How to find the right solutions for your project.Example from Patterns for Building JavaScript Websites in 2022