Weekly News for Designers № 596

Envato Elements

10 Stunning Examples of Text Distortion Effects in Web Design – When used properly, text distortion effects (or, the “glitch” effect) can greatly enhance web typography.
Example from 10 Stunning Examples of Text Distortion Effects in Web Design

A guide to the Modern Minimal UI style – Take a deep dive into a style that’s functional, readable, sleek, and sexy.
Example from A guide to the Modern Minimal UI style

CSS for Web Vitals – Optimization techniques for improving your site’s Core Web Vitals.
Example from CSS for Web Vitals

CSS Layout Generator – This online tool will help you craft perfect layouts using either CSS Grid or Flexbox.
Example from CSS Layout Generator

Fabius – Free Resume WordPress Theme – A free one-page resume WordPress theme which would be perfect as the personal portfolio of any digital professional.
Fabius - Free Resume WordPress Theme

GitHub Profile README Generator – Use this form to build your personal GitHub profile.
Example from GitHub Profile README Generator

Helping Your Clients with Unexplained Website Phenomena – Tips to help you diagnose those mysterious website issues encountered by your clients.
Example from Helping Your Clients with Unexplained Website Phenomena

Universal Icon Set – Download this set of 60 free icons, available in three distinct styles.
Example from Universal Icon Set

Fluid typography – Create text that scales with the window size, so that your headings look great on any screen.
Example from Fluid typography

Portfolio Air Free WordPress Theme – A free lightweight portfolio WordPress theme for creatives with a clean and minimal style, and smooth user experience.
Portfolio Air Theme

How to Target Design Elements with the CSS :not Pseudo-Class – Learn a CSS technique that allows you to target elements that do not match a list of provided selectors.
Example from How to Target Design Elements with the CSS :not Pseudo-Class

The perfect link – How do we write, design, and code a link that works for everyone on every device?
Example from The perfect link

Full Site Editing in WordPress 5.8 – How the upcoming release of Full Site Editing will impact your website.
Example from Full Site Editing in WordPress 5.8

Responsive design and container queries? Oh my! – A look at how CSS container queries will change responsive design.
Example from Responsive design and container queries? Oh my!

How Simple, Classic Design Should Work – How simplifying your “recipe” of features and information is one of the most important steps toward creating the best user experience possible.
Example from How Simple, Classic Design Should Work

Million – A library-agnostic Virtual DOM to serve as the core for JavaScript libraries.
Example from Million

iPhone 12 Clay Mockup – Download a Figma/Sketch compatible mockup of the latest iPhone.
Example from iPhone 12 Clay Mockup