Weekly News for Designers № 568

By

Zest Free – 200 icons! – Download this set of free open source, handcrafted icons for use with Figma (and other projects).
Example from Zest Free - 200 icons!

How brutalist design is taking over the internet – A look at how brutalism is starting to dominate web design.
Example from How brutalist design is taking over the internet

Here’s Why AI Is Unlikely to Harm Your Web Design Career – Artificial intelligence may end up being a valuable tool for web designers.
Example from Here’s Why AI Is Unlikely to Harm Your Web Design Career

Screenity – Record your screen and add annotations with this free Google Chrome extension.
Example from Screenity

Flowy – Create pretty flowcharts with this free JavaScript library.
Example from Flowy

8 Pure CSS Games You Can Play in Your Browser – Want to see proof of how powerful CSS has become? This collection of games will do it.
Example from 8 Pure CSS Games You Can Play in Your Browser

A Dynamically-Sized Sticky Sidebar with HTML and CSS – This tutorial will help you keep sticky elements accessible for all screen sizes.
Example from A Dynamically-Sized Sticky Sidebar with HTML and CSS

Web Development for Beginners – A Curriculum – Take this 12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics from Microsoft.
Example from Web Development for Beginners - A Curriculum

Scale – A collection of royalty-free vector illustrations, with new additions released daily.
Example from Scale Illustrations

Tailwind CSS v2.0 – Take a peek at the newest version of the popular CSS framework.
Example from Tailwind CSS v2.0

25 Procreate Tutorials for Drawings, Illustrations, Paintings, and More – Master the Procreate iPad drawing app with this collection of helpful tutorials.
Example from 25 Procreate Tutorials for Drawings, Illustrations, Paintings, and More

Web Accessibility Guide for 2020 – A look at everything designers should consider and implement when it comes to accessibility.
Example from Web Accessibility Guide for 2020

Coding Fonts – CSS-Tricks has put together a collection of fonts that are great for your code editor.
Example from Coding Fonts

Patrn – A framework focused on layout capabilities for prototyping, building interfaces, or experimentation.
Example from Patrn

Whitespaces – A handy copy & paste resource for various space types.
Example from Whitespaces

5 Things I Wish I’d Known Before Starting a Design System at Spotify – Lessons learned from building a design system for a big brand.
Example from 5 Things I Wish I’d Known Before Starting a Design System at Spotify

Siteoly – This tool will take your Google Sheets documents and turn them into a website – for real!
Example from Siteoly