Weekly News for Designers № 543

By

What Will the Freelance Web Design Business Look Like Post-Pandemic? – A look at how the re-opening of society might impact freelancers.
Example of What Will the Freelance Web Design Business Look Like Post-Pandemic?

Sections Base – Use this free starter kit to build wireframes for your projects.
Example of Sections Base

Nobody told me UX would be like this – The challenges of being a designer, learned through experience.
Example of Nobody told me UX would be like this

consoleimg – A tool that lets you view images in your developer console.
Example of consoleimg

PureCSS Gaze – A drawing in the style of an Italian renaissance painting, hand-coded entirely in HTML and CSS.
Example of PureCSS Gaze

Responsive web design turns ten. – Gather ’round and read the story of how responsive design came to be.
Example of Responsive web design turns ten.

Getwid – WordPress Blocks – A free bundle of multipurpose blocks for the Gutenberg editor.
Example of Getwid – WordPress Blocks

Rough Notation – A small JavaScript library that brings hand-drawn, animated notations to your website.
Example of Rough Notation

Handling Ethical Disagreements With Your Design Clients – Discover the process behind dealing with, and perhaps preventing, these unpleasant situations.
Example of Handling Ethical Disagreements With Your Design Clients

UX Details – Exploring design patterns and interactions across a range of digital products.
Example of UX Details

Global and Component Style Settings with CSS Variables – Create more manageable project styles and more portable patterns.
Example of Global and Component Style Settings with CSS Variables

Hacked: What to Do When Your WordPress Website Has Been Compromised – Tips for restoring your hacked website and finding the point of attack.
Example of Hacked: What to Do When Your WordPress Website Has Been Compromised

patternico – A web-based tool for creating seamless patterns for your projects.
Example of patternico

Using calc to figure out optimal line-height – Automatically set your line height to adjust to fonts large and small.
Example of Using calc to figure out optimal line-height

Bootstrap Breakpoints – A code snippet that will remind you which breakpoint you’re currently viewing.
Example of Bootstrap Breakpoints

Bootstrap Design – A thorough collection of Bootstrap components designed for Figma.
Example of Bootstrap Design

Blobs – Use this tool to generate unique SVG blobs.
Example of Blobs