We took a brief break for the holidays, but we’re back to kick of 2022 with this week’s roundup of freshly published web design and development articles we’ve found around the web. So have a read (or two or ten) and start the new year off right!
Cover image courtesy of StartupStockPhotos.com

5 Big Web Design Predictions for 2022 | Webdesigner Depot
Every year, at this time, blogs like this one like to try and predict what’s going to happen in the year ahead. It’s a way of drawing a line under the archive and starting afresh. A rejuvenation that, as humans, we find life-affirming. Ten years ago, I would have had high confidence in these predictions […]
Read More 
75 Tiny Little Web-Based Tools for Web Designers
A huge collection of time-saving apps and tools that will help with many of the web design tasks you will need to perform from time to time.
Read More 
Building a Scrollable and Draggable Timeline with GSAP - Codrops
Learn how to build a scrollable and draggable horizontal timeline using GSAP's ScrollTrigger and Draggable plugins.
Read More 
Show a custom context menu at clicked position - JavaScriptSource
Sometimes, we want to replace the default right-click menu with our own menu that allows user to perform additional actions.
Read More 
A Look Back at 2021: Roundup of Codrops Resources - Codrops
The countdown to the new year is already running! Join us for a look back at our favorite posts from 2021.
Read More 
How to Create a Browser Extension | CSS-Tricks
I’ll bet you are using browser extensions right now. Some of them are extremely popular and useful, like ad blockers, password managers, and PDF viewers.
Read More Low Code vs. No code - The Similarities & Differences - noupe
In a recent study conducted in August 2021, some mind-boggling statistics regarding global software and application development have come to light.
Read More 
CSS-Based Fingerprinting | CSS-Tricks
Fingerprinting is bad. It's a term that refers to building up enough metadata about a user that you can essentially figure out who they are. JavaScript has
Read More 
Check if the provided value is of the specified type - JavaScriptSource
Compare the constructor property on the value with type to check if the provided value is of the specified type.
Read More 
8 Magical CSS & JavaScript Snippets Celebrating Harry Potter
We share a collection of spell-binding CSS and JavaScript Harry Potter code snippets. Let's journey into the wonderful world of Hogwarts!
Read More 
The Top 5 Form Types to Use in Your Web Design | Webdesigner Depot
There are a lot of factors that contribute to a better user experience on a website. Pages need to load quickly to give users peace of mind and efficiency. Navigation must be clear and straightforward, with direct pathways for visitors to follow when finding your contact pages, blog posts, and products. Your colors need to […]
Read More 
Design Trend: Happy, Optimistic Designs
The last few years have been rough for almost everyone. No matter where you live or what you do, most everyone in the world has felt the stress and pressure resulting from a worldwide health pandemic. To combat these feelings of misery and malignancy, designers are using happy, optimistic ...
Read More 
Compress For Loops - JavaScriptSource
Use the built-in forEach() method to loop through an array with one line of code.
Read More 
Crafting Scroll Based Animations in Three.js
Learn how to create a scroll based animation in WebGL with Three.js.
Read More 
Getting Started with RxSwift (The Basics) - Hongkiat
Reactive programming is an asynchronous programming paradigm that deals with data streams and the propagation of change. RxSwift is a library for working
Read More 
CSS Underlines Are Too Thin and Too Low in Chrome | CSS-Tricks
I’ve encountered two bugs in Chrome while testing the new CSS text-decoration-thickness and text-underline-offset properties, and I want to share them with
Read More 
Should CSS Override Default Browser Styles? | CSS-Tricks
Every CSS ruleset you write will likely changes the defaults of something. But should CSS override browser defaults defaults?
Read More 
10 Tips for a Better CX (Customer Experience) Journey
The customer experience, or CX, journey can be one of the most important elements of an online store. It dictates how people interact with the site in the path to making a purchase, and even if they make a purchase at all. The more technical definition of CX is all the cognitive, affective...
Read More 
How to Setup Cloudflare CDN in WordPress
Content Delivery Network or CDN is a geographically dispersed group of servers that enables serving content, such as the HTML pages, JavaScript files,
Read More 
Remove leading and trailing whitespace from a string - JavaScriptSource
Remove leading and trailing whitespace from a string.
Read More 
Should You Charge for Website Project Estimates?
We discuss the pros and cons of freelance designers charging a fee for project estimates. In many cases, it does make sense to do.
Read More 
Show a loading indicator when an iframe is being loaded - JavaScriptSource
This post demonstrates a common case where we show a loading indicator while an iframe is being loaded.
Read More 
Negative Space in Design: What It Is and How To Use It - Design4Users
The article considers the importance of negative space in design for web and mobile: check the definition, tips, and examples of negative space in user interfaces.
Read More 
Promoting Your Freelance Services the Right Way
Freelance designers, when marketing, can often drive the wrong kind of traffic to their websites, and can even drive the right kind away.
Read More 
WordPress Core Vulnerabilities Hits Millions of Sites
WordPress announced high threat level vulnerabilities that were introduced by the core development team itself
Read More 
How to get ahead as a creative professional in 2022
Ready to kick off your most creative year yet? Start the year with our top tips to help you succeed both creatively and professionally in 2022.
Read More 
A New Container Query Polyfill That Just Works | CSS-Tricks
There is an easy-to-use CSS container query polyfill now. You essentially conditionally load it and forget about it. Then write spec-compliant container queries code.
Read More