Weekly News for Designers № 659

8 Free Templates for Creating Memorable Openers in After Effects – Capture a viewer’s attention with one of these impressive opener templates.
Example from 8 Free Templates for Creating Memorable Openers in After Effects

Bringing Together Keyboard-only and Click-based UI Tests with keyboard-testing-library – This tutorial will show you how to test for keyboard navigation compatibility.
Example from Bringing Together Keyboard-only and Click-based UI Tests with keyboard-testing-library

Finer Grained Control Over CSS Transforms with Individual Transform Properties – Take a deep dive into using the translate, rotate, and scale properties.
Example from Finer grained control over CSS transforms with individual transform properties

A Handy Use For Cascade Layers – An example of how CSS cascade layers can help increase specificity when creating styles.
Example from A Handy Use For Cascade Layers

Using Grid Named Areas to Visualize (and Reference) Your Layout – Learn how to name areas of a grid and reference them when positioning.
Example from Using Grid Named Areas to Visualize (and Reference) Your Layout

Custom SVG Cursors with an Interactive Emitter Effect – Discover some amazing cursor effects built with SVG and JavaScript.
Example from Custom SVG Cursors with an Interactive Emitter Effect

Like It or Not, Being a Freelancer Means Making Decisions – A sampling of important decisions and advice for making the right choices.
Example from Like It or Not, Being a Freelancer Means Making Decisions

What Was That Media Query Code Again? – This reference guide displays common CSS media query codes.
Example from What was that media query code again?

pppalette – Choose a primary color and this tool will generate a complementary palette.
Example from pppalette

Use the Right Container Query Syntax – An updated look at what syntax is being supported by browsers.
Example from Use the Right Container Query Syntax

Understanding Your Worth as a Freelancer – The pitfalls of pricing and some things you can do to ensure that you won’t undersell your hard work.
Example from Understanding Your Worth as a Freelancer

CopySymbol – Looking for a symbol? This search engine will serve up an icon, keyboard shortcut, and CSS content code for copying and pasting.
Example from CopySymbol

Heroicons 2.0 – Download these hand-crafted SVG icons from the makers of Tailwind CSS.
Example from Heroicons

UI & UX Micro-Tips: Best of 2022 – 12 of the most popular UI & UX Micro-Tips from 2022 so far.
Example from UI & UX Micro-Tips: Best of 2022

Conducting an Effective Web-Site UX Audit – Use this checklist to ensure your users have a five-star experience.
Example from Conducting an Effective Web-Site UX Audit

Tips for Migrating Your Website to WordPress – Moving your website to WordPress from another CMS can be challenging. But there are ways to make the process easier.
Example from Tips for Migrating Your Website to WordPress