Weekly News for Designers № 666

GIFs Without the .gif – A summary of techniques for looping, audio-free video without using the old school format.
Example from GIFs Without the .gif: The Most Performant Image and Video Options Right Now

Shortcodes Ultimate Plugin Patches CSRF Vulnerability in Version 5.12.1 – A patch is available to fix this WordPress plugin’s security flaw.
Example from Shortcodes Ultimate Plugin Patches CSRF Vulnerability in Version 5.12.1

Randoma11y – Use this tool to generate random accessible color palettes.
Example from Randoma11y

Early Days of Container Style Queries – Preview what the future might hold for this new CSS feature.
Example from Early Days of Container Style Queries

The Grumpy Designer Takes on WordPress Malware – The challenges of dealing with a security nightmare.
Example from The Grumpy Designer Takes on WordPress Malware

The Web’s Next Transition – A look at new and improved architecture for building web applications.
Example from The Web’s Next Transition

Layout Breakouts with CSS Grid – Learn how to extend elements of your layout beyond its content area.
Example from Layout Breakouts with CSS Grid

Techniques for Documenting Your Web Projects – How keeping project notes can help you to recall important details later on.
Example from Techniques for Documenting Your Web Projects

Smooth Panel Scroll Effects – An exploration of smooth panel scroll effects.
Example from Smooth Panel Scroll Effects

SVG sprites: Old-School, Modern, Unknown, and Forgotten – Why we started using the feature and what alternatives exist.
Example from SVG sprites: old-school, modern, unknown, and forgotten

Design Systems for Figma – Discover a collection of design systems from around the world.
Example from Design Systems for Figma

8 Outstanding Accordion UI Snippets Built with CSS & JavaScript – Check out some modern takes on a classic design feature.
Example from 8 Outstanding Accordion UI Snippets Built with CSS & JavaScript

Using the font-display CSS property to optimize custom fonts loading – A quick look at how to optimize custom font loading.
Example from Using the font-display CSS property to optimize custom fonts loading

Dark Mode UI Design Best Practices – Some things to consider when implementing the popular feature in your projects.
Example from Dark mode UI design best practices

Sargam Icons – Check out this collection of 700+ open-source icons.
Example from Sargam Icons

UX Bookmark – A collection of the best tools and resources for UX/UI designers.
Example from UX Bookmark

Four Ways to Pick the Right UX Method – Explore this taxonomy of common UX research methods.
Example from Four Ways to Pick the Right UX Method

Turn Around Your Git Mistakes in 17 ways – How to recover from common mistakes when using version control.
Example from Turn around your Git mistakes in 17 ways

What Should Plugin Developers Expect from WordPress? – Why WordPress leadership and plugin authors don’t always see eye-to-eye.
Example from What Should Plugin Developers Expect from WordPress?