Weekly News for Designers № 681

Envato Elements

Refraction, Dispersion, and other Shader Light Effects – Learn how to create realistic lighting effects with React Three Fiber.
$Example from Refraction, dispersion, and other shader light effects$

How to Use Block Template Parts in a Classic WordPress Theme – A new feature that brings block-based editing to classic theme templates.
Example from How to Use Block Template Parts in a Classic WordPress Theme

Accessible Hamburger Buttons without JavaScript – A look at building a navigation UI with CSS and HTML.
Example from Accessible hamburger buttons without JavaScript

8 CSS & JavaScript Snippets for Creating Unique Photo Galleries – Examples that go beyond basic layouts and feature stunning effects.
Example from 8 CSS & JavaScript Snippets for Creating Unique Photo Galleries

Coding a Kinetic SVG Typography Animation – Create a captivating motion type effect using SVG and GreenSock.
Example from Bringing Letters to Life: Coding a Kinetic SVG Typography Animation

A Fancy Hover Effect For Your Avatar – Make your avatar stand out by adding depth and movement.
Example from A Fancy Hover Effect For Your Avatar

35 Free Sets of Brushes for Procreate App – Add some bling to your artwork with these awesome brushes.
Example from 35 Free Sets of Brushes for Procreate App

The Guide To Responsive Design In 2023 and Beyond – Tips and techniques for building modern responsive layouts.
Example from The Guide To Responsive Design In 2023 and Beyond

clamp() Calculator – A handy tool for calculating viewport-based CSS clamp values.
Example from clamp() Calculator

Defining the Goals of Your Website Redesign – Why a redesign is an opportunity for more than just a fresh new look.
Example from Defining the Goals of Your Website Redesign

10 Best GitHub Repos for Developers – Improve your workflow with features, tools, and other items of interest.
Example from 10 best GitHub repos for developers

CSS Art Tutorial: Create a Cute Cartoon Creature – A beginner-friendly guide to getting started with CSS art.
Example from CSS Art Tutorial: Create a Cute Cartoon Creature

Learn Images – Take this free, in-depth course about using images on the web.
Example from Learn Images

The Benefits & Dangers of a Designer’s Ego – Exploring the good, the bad, and the ugly of a designer’s ego.
Example from The Benefits & Dangers of a Designer’s Ego

CSS color-mix() – Mix colors, in any of the supported color spaces, right from your CSS.
Example from CSS color-mix()

How to Use Mastodon: A Step-by-Step Beginner’s Guide (2023) – Get started with this decentralized competitor to Twitter.
Example from How to Use Mastodon: A Step-by-Step Beginner’s Guide (2023)