Weekly News for Designers № 596

By

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

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

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

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