This Week In Web Design – January 7, 2022

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 […]

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.

Learn how to build a scrollable and draggable horizontal timeline using GSAP's ScrollTrigger and Draggable plugins.

Sometimes, we want to replace the default right-click menu with our own menu that allows user to perform additional actions.

The countdown to the new year is already running! Join us for a look back at our favorite posts from 2021.

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.

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

Compare the constructor property on the value with type to check if the provided value is of the specified type.

We share a collection of spell-binding CSS and JavaScript Harry Potter code snippets. Let's journey into the wonderful world of Hogwarts!

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 […]

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 ...

Use the built-in forEach() method to loop through an array with one line of code.

Learn how to create a scroll based animation in WebGL with Three.js.

Reactive programming is an asynchronous programming paradigm that deals with data streams and the propagation of change. RxSwift is a library for working

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

Every CSS ruleset you write will likely changes the defaults of something. But should CSS override browser defaults defaults?

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...

Content Delivery Network or CDN is a geographically dispersed group of servers that enables serving content, such as the HTML pages, JavaScript files,

Remove leading and trailing whitespace from a string.

We discuss the pros and cons of freelance designers charging a fee for project estimates. In many cases, it does make sense to do.

This post demonstrates a common case where we show a loading indicator while an iframe is being loaded.

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.

Freelance designers, when marketing, can often drive the wrong kind of traffic to their websites, and can even drive the right kind away.

WordPress announced high threat level vulnerabilities that were introduced by the core development team itself

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.

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.