Weekly News for Designers № 648

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

Join the Newsletter

Subscribe to get our latest content by email.
    We respect your privacy. Unsubscribe at any time.