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

Your Designer Toolbox
Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets


 

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

The Greensock animation library’s ScrollTrigger and Draggable plugins can help us create some very cool effects that res
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

Another year has past, and oh boy, what a ride it was! A gigantic 'thank you' to all our readers, supporters, writers an
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 | Codrops

Having an experience composed of only WebGL is great, but sometimes, you'll want the experience to be part of a classic
Read More

Getting Started with RxSwift (The Basics)

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

Setting Up 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
Avatar photo