Weekly News for Designers № 648
Single Element Loaders: The Spinner – Create a CSS loader animation using minimal code.
Inspiral Web – This web/mobile app recreates the joy of drawing with a Spirograph.
A Guide to Choosing the Right WordPress Block Plugins – Things to consider before you install custom blocks.
Preline UI – An open-source set of prebuilt UI components based on Tailwind CSS.
How to Animate SVG Shapes on Scroll – Learn how to how to animate SVG paths while smooth scrolling a page.
Sublus – Create a custom illustration using this free library.
Component Encyclopedia – Explore the world’s UI components to learn techniques that actually work.
Obscure CSS: Implicit List-Item Counter – Dig into some little-know enhancements you can achieve with HTML lists.
6 Free Starter & Barebone Themes for WordPress Development – Minimal themes that allow you to build WordPress websites from the ground up.
The need to personalize fonts for each individual reader – A look at how font selection impacts users.
Rulex – Check out this new, portable, regular expression language.
Google Fonts: pairings – Hand-picked font pairings you can use in your Figma projects.
Tips for Handing off Your Website Mockup to a Developer – Ideas for making the hand-off from designer to developer a productive one.
Mobile-First CSS: Is It Time for a Rethink? – Why mobile-first can create complex, hard-to-maintain code.
Basicons – Download this collection of basic icons for product design and development.
Paper Prototype CSS – This stylesheet will give your project a hand-drawn look – perfect for prototyping.
Patterns for Building JavaScript Websites in 2022 – How to find the right solutions for your project.