Weekly News for Designers № 681


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

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 navigation UIs with CSS and HTML.
An example from accessible hamburger buttons without JavaScript

8 CSS & JavaScript Snippets to Create Unique Photo Galleries – Examples that go beyond basic layouts and have amazing effects.
Example from 8 CSS & JavaScript Templates to Create Unique Photo Galleries

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

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 Brush Sets for Procreate App – Add some bling to your artwork with these awesome brushes.
Sample from 35 Free Brush Sets for Procreate App

The Guide to Responsive Design In 2023 and Beyond – Tips and techniques for building modern responsive layouts.
An example from the Responsive Design Guide in 2023 and Beyond

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

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

10 Best GitHub Repos for Developers – Improve your workflow with features, tools, and other interesting items.
Example from 10 best GitHub repositories 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

Pros & Cons of Designer Ego – Exploring the good, the bad and the ugly of designer ego.
An example from The Advantages and Dangers of a Designer's Ego

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

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

Calligrapher.ai – Try this web-based tool to create computer-generated handwriting.
Example from Calligrapher.ai

WP20 Anniversary Logos – Special logos designed to celebrate WordPress’ 20th birthday.
Example from WP20 Commemorative Logos



Source link

By LocalBizWebsiteDesign

Leave a Reply

Your email address will not be published. Required fields are marked *