Weekly News for Designers № 577

By

Video Tutorial: How to Create a Stained Glass Window Effect – Craft a stunning effect in Adobe Illustrator with this tutorial.
Example from Video Tutorial: How to Create a Stained Glass Window Effect

The State of Design in 2021 – A survey of over 1,000 designers, asking them how they work, what they value, and what kinds of challenges they’re facing.
Example from The State of Design in 2021

8 Examples of Icon-Based Navigation, Enhanced with CSS and JavaScript – Some interesting examples of how icons can improve website navigation.
Example from 8 Examples of Icon-Based Navigation, Enhanced with CSS and JavaScript

VISIWIG Vector Pattern Generator – Create seamless patterns and export them to your favorite editing software.
Example from VISIWIG Vector Pattern Generator

Doing Away With Bad Design Ideas and Moving on to the Good Ones – A few strategies creative professionals can use to quickly do away with all those bad design ideas, and move on to the good ones.
Example from Doing Away With Bad Design Ideas and Moving on to the Good Ones

On-Scroll Letter Animations – A small set of examples showing how letters can be animated on scroll.
Example from On-Scroll Letter Animations

Vector Mockups Library 3.0 – A large collection of device mockups for Figma with light and dark versions.
Example from Vector Mockups Library 3.0

How to Play and Pause CSS Animations with CSS Custom Properties – Learn the techniques behind controlling CSS animation with tutorial.
Example from How to Play and Pause CSS Animations with CSS Custom Properties

Create a Local WordPress Development Environment for Free with DevKinsta – A look at Kinsta’s new local WordPress development suite. Now available as a free download for Mac and Windows.
Example from Create a Local WordPress Development Environment for Free with DevKinsta

A comprehensive list of UX design methods & deliverables – Here’s a handy listing of the most common tools, methods, processes, and deliverables that designers use throughout the digital product design process.
Example from A comprehensive list of UX design methods & deliverables

The Blazor Component Library – Download this free and open source set of 60+ native Blazor UI controls.
Example from The Blazor Component Library

SVG Tutorial: How to Code SVG Icons by Hand – Learn to create your own SVG icons and implement them into your projects.
Example from SVG Tutorial: How to Code SVG Icons by Hand

Dealing with the Isolation of Freelance Life – Freelancing can be lonely – especially during a pandemic. Here are some tips for beating those stuck-in-your-home-office blues.
Example from Dealing with the Isolation of Freelance Life

Flexbox-Guide – This interactive tool will help you master CSS flexbox layouts.
Example from Flexbox-Guide

UX Audit Checklist – This handy tool will help you check for 100+ common UX issues.
Example from UX Audit Checklist