Weekly News for Designers № 529

By on February 28th, 2020Designer News

Setting Up Tailwind CSS In A React Project – Learn how to use the popular CSS framework in your next project.
Example from Setting Up Tailwind CSS In A React Project

Are Web Browsers Overstepping Boundaries? – Increasingly, web browsers are making more decisions for users in the name of security. Is this a good thing?
Example from Are Web Browsers Overstepping Boundaries?

Iconset – An app for better organizing your SVG icons.
Example from Iconset

Fluiditype – A small CSS library that focuses on pure fluidity in type across all screen sizes.
Example from Fluiditype

The Tuner – How acting like a piano tuner may just help you produce better design work.
Example from The Tuner

A Guide to Console Commands – Learn to use the available console tools in Chrome and Firefox to troubleshoot your projects.
Example from A Guide to Console Commands

CSS Stats – An app that provides analytics and visualizations for your site’s stylesheets.
Example from CSS Stats

10 Free Instagram Story Templates – Templates that will help you create and share your stories in a consistent manner and get them published quickly.
Example from 10 Free Instagram Story Templates

Navigation for Design Systems and Style Guides – A look at different types of navigation and when to use them.
Example from Navigation for Design Systems and Style Guides

When CSS Blocks – Some dated CSS loading practices that can negatively impact load times.
Example from When CSS Blocks

Micromodal.js – A tiny, dependency-free JavaScript library for creating accessible modal dialogs.
Example from Micromodal.js

Top Custom Gutenberg Blocks You Can Add to WordPress – Use these custom block collections to supercharge the Gutenberg editor.
Example from Top Custom Gutenberg Blocks You Can Add to WordPress

Skiff Variable Font Family – Check out this playful and classy free font. Includes two variable versions.
Example from Skiff Variable Font Family

monica.css – A seriously-small CSS framework that contains very basic CSS Flexbox layouts.
Example from

Heroicons – A set of 140+ free MIT-licensed high-quality SVG icons for you to use in your web projects.
Example from Heroicons

Free Neumorphism UI Kit – Take advantage of the latest trend with this free UI kit for Adobe XD.
Example from Free Neumorphism UI Kit

Open Peeps – A free, mix-and-match hand-drawn illustration library.
Example from Open Peeps