Weekly News for Designers № 564

Envato Elements

GitHub Socialify – Showcase your project to the world by generating a beautiful project image with this tool.
Example from GitHub Socialify

Supercharge Testing React Applications With Wallaby.js – React developers, learn how to get real-time feedback on your JavaScript tests in your code editor even before saving the file.
Example from Supercharge Testing React Applications With Wallaby.js

The State of CSS Survey – Take the survey and help identify the latest trends in CSS.
Example from The State of CSS Survey

Thinking Outside the Box with CSS Grid – CSS Grid means not having to settle for boxy layouts. Check out these unique examples for inspiration.
Example from Thinking Outside the Box with CSS Grid

The good line-height – Use this tool to easily calculate the perfect CSS line height for each text size in your scale.
Example from The good line-height

SVG Favicon Maker – Create your own, scalable SVG favicon with this online tool.
Example from SVG Favicon Maker

TALLBOY™ Typeface – Grab a copy of this free ultra-condensed typeface for use in your projects.
Example from TALLBOY Typeface

iOS 14 GUI – Download the biggest collection of free iOS 14 screens and components. Works with Sketch, Figma and Adobe XD.
Example from iOS 14 GUI

CSS Background Patterns – Generate your own seamless background pattern.
Example from CSS Background Patterns

The Grumpy Designer’s WordPress Plugin Pet Peeves – A few of the more egregious and frustrating WordPress plugin behaviors.
Example from The Grumpy Designer’s WordPress Plugin Pet Peeves

I want my own media queries in browsers – How to test new CSS media queries before they make it to browsers.
Example from I want my own media queries in browsers

Alternative Text for CSS Generated Content – Find out how images displayed via CSS content can be made more accessible.
Example from Alternative Text for CSS Generated Content

UXArchive – Browse the world’s largest library of mobile user flows.
Example from UXArchive

PatternPad – An app for creating exportable patterns using endless variations.
Example from PatternPad

Signs Your WordPress Website Has Outgrown Its Hosting – How do you know when you need a hosting upgrade? Read this guide for telltale signs.
Example from Signs Your WordPress Website Has Outgrown Its Hosting

Feather – Download this minimalist iOS 14 icon pack based on Feathericons.
Example from Feather

CSS Spider – This Chrome extension is billed as the quickest and most convenient way to copy, visualize, edit and export CSS.
Example from CSS Spider