Weekly News for Designers № 633

Envato Elements

Coding & Confusion – There’s more to reading code than meets the eye.
Example from Coding & Confusion

Writing Logic in CSS – How to build a smart and flexible style system using CSS.
Example from Writing Logic in CSS

25 Tutorials For Getting More Out of Adobe InDesign – Use this collection of tutorials to level up your InDesign skills.
Example from 25 Tutorials For Getting More Out of Adobe InDesign

comiCSS – Enjoy a laugh with this web comic that’s all about CSS (and coded with it, too).
Example from comiCSS

How to Identify Your Ideal Web Design Projects – A guide to defining and booking your ideal projects.
Example from How to Identify Your Ideal Web Design Projects

How To Benchmark And Improve Web Vitals With Real User Metrics – A look at the correlation between Core Web Vitals and actual user metrics.
Example from How To Benchmark And Improve Web Vitals With Real User Metrics

8 CSS Snippets That Bring Claymorphism to Life – Explore the softly-detailed 3D shapes that make up this design trend.
Example from 8 CSS Snippets That Bring Claymorphism to Life

Comic Sans is a good typeface, actually – A different take on the font that so many of us love to hate.
Example from Comic Sans is a good typeface, actually

What makes writing more readable? – Tips for making writing easier to read.
Example from What makes writing more readable?

The Modern Challenges of Starting a Freelance Web Design Business – The challenges new freelancers face and how to successfully navigate them.
Example from The Modern Challenges of Starting a Freelance Web Design Business

Flexbox Dynamic Line Separator – Learn how to create a CSS line separator that changes orientation based on screen size.
Example from Flexbox Dynamic Line Separator

Minimal Portfolio Template – Create a beautiful portfolio with this free website template built with NextJS.
Example from Minimal Portfolio Template

A few UI differences between Chinese and English apps – An examination of how cultural differences can affect the UX of an app.
Example from A few UI differences between Chinese and English apps

Hawk – This tool will help you discover and resolve code errors.
Example from Hawk

10 Powerful Plugins for Visualizing Data in WordPress – Bring your data to life with charts, graphs, and other popular visualizations.
Example from 10 Powerful Plugins for Visualizing Data in WordPress

Doodle Icons – Grab this collection of 400+ handcrafted icons for use in your next project.
Example from Doodle Icons

Relume Library Figma Kit – A free library of over 700 Figma components to improve your workflow.
Example from Relume Library Figma Kit