Weekly News for Designers № 679

Envato Elements

On-Scroll Typography Animations – Effects that add an extra layer of creativity to a website.
Example from On-Scroll Typography Animations

GSAP CodePens 2022 – Explore this collection of code snippets featuring the popular animation library.
Example from GSAP CodePens 2022

8 CSS & JavaScript Snippets That Celebrate Books – Check out examples that recreate the look and experience of books.
Example from 8 CSS JavaScript Snippets That Celebrate Books

Complete Guide To Make You a Regex Guru – This handy resource will help you tame a complicated subject.
Example from Complete Guide To Make You a Regex Guru

Interactive SVG Reference – Learn and play with various SVG concepts using this guide.
Example from Interactive SVG Reference

How Do You Define a Successful Web Project? – Why personal success doesn’t necessarily mean project success.
Example from How Do You Define a Successful Web Project?

Code Documentation, Streamlined – Best practices and techniques for automating documentation.
Example from Code Documentation, Streamlined

Building an Accessible Theme Picker with HTML, CSS and JavaScript – This tutorial demonstrates a feature that allows users to choose a website color scheme.
Example from Building an accessible theme picker with HTML, CSS and JavaScript

Top 50 Free Web UI Kits Templates – Check out these outstanding free kits that are available in a variety of formats.
Example from Top 50 Free Web UI Kits & Templates

10 Things No One Told Me About Design Systems – Helpful tips for better understanding what a design system is (and isn’t).
Example from 10 Things No One Told Me About Design Systems

More Real-World Uses for :has() – Common scenarios when the CSS pseudo-class can be useful.
Example from More Real-World Uses for :has()

Even With Tools Like AI, Building a Great Website Is Still Hard – Why human involvement is still a key factor in web design.
Example from Even With Tools Like AI, Building a Great Website Is Still Hard

OKLCH Color Picker & Converter – A new, browser-supported method for encoding colors.
Example from OKLCH Color Picker & Converter

Accessibility Kit for Web Developers – Discover how one agency tests its work for accessibility.
Example from Accessibility kit for web developers

Hicon – A simple vector icon pack realized in Figma and crafted for designers and developers.
Example from Hicon

Unicons – This tool will help you find the perfect icon font or SVG within your favorite design apps.
Example from Unicons

Scalable CSS – A basic guide to finding the best approach to writing CSS that scales to any sized project.
Example from Scalable CSS

50 Free Responsive Web Layout HTML Templates – Free templates that are easy to use and customize.
Example from 50 Free Responsive Web Layout HTML Templates

Simpler CSS Selectors With :is() – Stop writing redundant code with this handy CSS pseudo-class.
Example from Simpler CSS Selectors With :is()