This article was originally published on this site

In this week’s roundup of the past week’s web design and development related articles, we have a variety of topics that include animation, JavaScript tips and tricks, CSS shadows, UX inspiration, spooky fonts for Halloween, and much more. Sit back and catch up on what’s been written this week.

3 Essential Design Trends, October 2021 | Webdesigner Depot
Design trends on top of design trends. This theme of this month’s collection is trends that seem to build on each other. These examples use multiple trends listed here: hero typography, round buttons, and big branding. Here’s what’s trending in design this month… 1. Hero Typography Big, bold, and even unusual typography choices are the […] Read More

Creating 3D Characters in Three.js – Codrops
Are you looking to get started with 3D on the web? In this tutorial we’ll walk through creating a three-dimensional character using Three.js, adding some simple but effective animation, and a generative color palette.
Read More

Conceptual Design: The Tool You Need to Ideate Like a Pro
How does the design process start for you? If you want to take ideation and creation to another level, conceptual design may be the place to start. Conceptual design can actually help you better design an idea so that when you start the process of creation, it is more developed and functio…
Read More

Branching Strategies in Git
In this article I’m going to talk about branching strategies and different types of Git branches. I’m also going to introduce you to two common branching workflows: Git Flow and GitHub Flow.
Read More

7 Websites with Incredible Animation For Inspiration – SpyreStudios
Websites with animation are pretty common nowadays and we don’t even know it. The animation could be injected into a website to make it the main focus of interest – landing pages, backgrounds, headers, and more. However, there are some websites that introduce the animation so subtly, readers don’t often notice it. This could be via scrolling, navigation, loaders, progress bars, and the like. 
Read More

4 Steps to Improve PageSpeed Insights Score and SEO | Webdesigner Depot
PageSpeed Insights is a free performance measurement tool provided by Google. It analyzes the contents of a web page for desktop and mobile devices. It provides a single number score (from 1 to 100) that summarizes several underlying metrics that measure performance. If you have not run PageSpeed Insights on your website, then you should […] Read More

7 UX Principles to Boost SERPs | Webdesigner Depot
User experience is one of the most important principles of web design. There’s no doubt that you focus on UX with every page you design on the web, whether it’s a portfolio, a profile page, or an entire website. Unfortunately, what many experts forget is that UX doesn’t just apply to digital pages. That means that […] Read More

‘A Guide To CSS Debugging — Smashing Magazine’ /
Debugging in CSS means figuring out what might be the problem when you have unexpected layout results. We’ll look at a few categories bugs often fit into, see how we can evaluate the situation, and explore techniques that help prevent these bugs.
Read More

Writing Your Own Code Rules
There comes a time on a project when it’s worth investing in tooling to protect the codebase. I’m not sure how to articulate when, but it’s somewhere
Read More