Weekly News for Designers № 680

Animating CSS Grid (How To + Examples) – Techniques for adding movement to grid properties.
Example from Animating CSS Grid (How To + Examples)

Managing the 24/7 Work Culture of Web Designers – How to navigate the stress and expectations of working on the web.
Example from Managing the 24/7 Work Culture of Web Designers

8 Most Common Problems in Website Design – A look at potential pitfalls and ways to fix them.
Example from 8 Most Common Problems in Website Design

Neurodiversity Design System – Standards and principles for making accessible learning management systems (LMS).
Example from Neurodiversity Design System

PHP in 2023 – A yearly look at changes and advancements in the popular language.
Example from PHP in 2023

The 50 Best Free Lightroom Presets for 2023 – Add power and efficiency to your photo editing workflow with these outstanding presets.
Example from The 50 Best Free Lightroom Presets for 2023

Our 6 principles for creating components – Tips for building better dashboard interfaces.
Example from Our 6 principles for creating components

Yotako – This free tool will turn your Adobe XD and Figma designs into a WordPress website.
Example from Yotako

The CSS Practices That Can Hurt Accessibility – How to avoid some undesirable side effects of CSS.
Example from The CSS Practices That Can Hurt Accessibility

Creating A High-Contrast Design System With CSS Custom Properties – Leveraging the power of CSS to make more accessible designs.
Example from Creating A High-Contrast Design System With CSS Custom Properties

Accessible hamburger buttons without JavaScript – Learn how to build a fully-functioning navigation UI with HTML and CSS.
Example from Accessible hamburger buttons without JavaScript

The Case for Showing Freelance Clients Your Authentic Self – You don’t have to pretend to know it all when communicating with clients.
Example from The Case for Showing Freelance Clients Your Authentic Self

Use the dialog element (reasonably) – Practical advice for using HTML dialogs in your projects.
Example from Use the dialog element (reasonably)

25 Tutorials for Getting the Most Out of DaVinci Resolve – Master the free video editing app with these helpful tutorials.
Example from 25 Tutorials for Getting the Most Out of DaVinci Resolve

Accessibility Tools and Resources for Designers – A handy list of resources for testing and ensuring your designs are accessible to all.
Example from Accessibility Tools and Resources for Designers

Design Documentation Template – This free Figma template is designed to help you quickly produce project documentation.
Example from Design Documentation Template