Weekly News for Designers № 586

By

Distributed Letters Animation Layout – Learn how to craft a stunning animation on a triple panel layout.
Example from Distributed Letters Animation Layout

Want to Write a Hover Effect With Inline CSS? Use CSS Variables. – An example of how CSS variables can make inline hover styles a reality.
Example from Want to Write a Hover Effect With Inline CSS? Use CSS Variables.

Waking Up the Taste Buds of Your Design Clients – How to surprise your clients with bold new design combinations.
Example from Waking Up the Taste Buds of Your Design Clients

Cookie Consent Speed.Run – Test your cookie knowledge while wading through a tricky UI.
Example from Cookie Consent Speed.Run

The End of AMP – Google will no longer give preference to websites using AMP. Here’s why that’s a good thing.
Example from The End of AMP

The Component Gallery – Gain inspiration from this up-to-date repository of interface components based on examples from the world of design systems.
Example from The Component Gallery

8 Common Website Layouts Built with CSS Grid – Examples of how CSS Grid can help you easily craft common web layouts.
Example from 8 Common Website Layouts Built with CSS Grid

A Complete Guide To Accessible Front-End Components – A resource for reliable accessible components: from tabs and tables to toggles and tooltips.
Example from A Complete Guide To Accessible Front-End Components

Why skip-links are important for accessibility – A look at why skip-links play an important role in making a website accessible for everybody.
Example from Why skip-links are important for accessibility

transition.css – A library of CSS transition styles that add compelling animation to your projects.
Example from transition.css

Are Google’s Core Web Vitals Metrics Unreasonable? – Here’s what Google’s new performance metrics mean to small and lower budget websites.
Example from Are Google’s Core Web Vitals Metrics Unreasonable?

Reforms.js – Generate forms and cards with this Vue 3 and Bootstrap 5 library.
Example from Reforms.js

Theme Studio for VS Code – Use this tool to easily create and deploy your very own custom VS Code themes.
Example from Theme Studio for VS Code

Noise & Gradient – A tool for generating a trendy textured gradient background.
Example from Noise & Gradient

Fontshare – Use this resource to download 100% free high-quality fonts.
Example from Fontshare