Weekly News for Designers № 583

Envato Elements

Google Fonts ❤️ Material Icons – Google Fonts now supports open-source icons, starting with the Material Design icon set.
Example from Google Fonts Loves Material Icons

CSS Grid Cheat Sheet Illustrated in 2021 – Use this guide to learn the intricacies of creating CSS Grid layouts.
Example from CSS Grid Cheat Sheet Illustrated in 2021

Cistercian SVG – A look at generating SVG glyphs that represent numeric values.
Example from Cistercian SVG

Leveraging the Power of Sushi to Improve Your Designs – Six ways sushi (yes, sushi!) can help you craft better designs.
Example from Leveraging the Power of Sushi to Improve Your Designs

conic.css – A collection of copy-and-paste conic gradients to enhance your projects.
Example from conic.css

Circular SVG Text Animation – This tutorial explores experimental circular SVG text effects for an intro animation.
Example from Circular SVG Text Animation

The Beauty Of Tiny Enhancements In CSS – How to use new CSS features without hurting backwards compatibility.
Example from The Beauty Of Tiny Enhancements In CSS

An Accessible Current Page Navigation State – Design and technical considerations behind the icon that indicates what page you’re currently on.
Example from An Accessible Current Page Navigation State

Cookie Though – This open-source cookie application gives users control in a GDPR-compliant manner.
Example from Cookie Though

A Super Flexible CSS Carousel, Enhanced With JavaScript Navigation – Leverage this tutorial to build a slick carousel feature for your website.
Example from A Super Flexible CSS Carousel, Enhanced With JavaScript Navigation

Tips to Help You Power Through Projects with the WordPress Gutenberg Block Editor – Work through your content projects like a pro with these helpful hints.
Example from Tips to Help You Power Through Projects with the WordPress Gutenberg Block Editor

Parvus – Need an accessible image lightbox with zero dependencies? This open-source script is worth a look.
Example from Parvus

Front-End Tips – Reference this series of super tiny, quick tips, tricks and best practices of front-end development.
Example from Front-End Tips

The Best Font Loading Strategies and How to Execute Them – Get your fonts loading perfectly with these helpful tips.
Example from The Best Font Loading Strategies and How to Execute Them

The Right Way to Add Recurring Revenue to Your Web Design Business – Some things to consider when adding sources of recurring revenue to your business.
Example from The Right Way to Add Recurring Revenue to Your Web Design Business

All Bootstrap sites look the same. Here’s how I get around it. – How to develop your own unique UI kit for the popular CSS framework.
Example from All Bootstrap sites look the same. Here’s how I get around it.