Midway through the first month of 2022 and we have yet another edition of our weekly collection of all things web design and development related that were published in the past seven days. We hope you will find this week’s roundup useful in your pursuit of growing your knowledge and skills in your craft.

Cover photo courtesy of StartupStockPhotos.com

UNLIMITED DOWNLOADS: 400,000+ Fonts & Design Assets

Starting at only $16.50 per month!



 

10 Biggest Worries of Freelance Designers (And How to Prepare!)

Whether you are new to the gig economy or have been doing it for a while, there are some common worries that almost all freelance designers share. While knowing you aren’t alone isn’t enough to alleviate all those fears, it can help to know many of your fears are common. As someone who...
Read More

3 Essential Design Trends, January 2022 | Webdesigner Depot

Happy New Year, fabulous new website design trends! This month’s design trends are a collection of the somewhat unexpected – from NFT website design to large text to illustrations; you won’t see a single photo or video here. Here’s what’s trending in design this month. NFT Websites This website design trend has more to do […]
Read More

UX and SEO: How UX Design Can Help You To Cope With SEO Concerns

SEO User Experience Design measures to motivate website visitors to reach certain pages and perform the desired actions (e.g., buy a product) with a minimum number of clicks. Help the...
Read More

What's Next For Design? Explore Dribbble's Design Industry Trends Report

Get insights to navigate your design career: Dribbble's Design Industry Trends Report explores the current landscape of design and the evolving lifestyle of work. Explore the report.
Read More

8 Outstanding CSS and JavaScript Chat UI Snippets

A collection of CSS and JavaScript code snippets for creating modern messaging and chat UIs that your users will love.
Read More

The 10 biggest design trends you need to know in 2022

We don't have a crystal ball, but we did talk to experts. Here's what they have to say about the top design trends to expect in 2022.
Read More

9 Top WordPress Plugins for 2022

WordPress is by far the most popular website platform on the planet. WordPress plugins are tools that can be used to significantly increase the functionality that is attributed to this...
Read More

Best Tools and Services to Create Status Pages for Websites

Learn how to create a public status page and why you need one for your website, and where you can create it without coding skills simply by using professional tools.
Read More

How to Use Native Custom Fields in WordPress (and 5 Useful Examples) | CSS-Tricks

Custom Fields in WordPress are arbitrary bits of data that you can apply to Posts, Pages, and Custom Post Types in WordPress. Metadata, as it were, in the
Read More

'A Deep CSS Dive Into Radial And Conic Gradients — Smashing Magazine' /

In this article, we’ll be taking a closer look at two gradients: `conic-gradient` and `radial-gradient`. You’ll see how each one of them works in detail, what the differences and similarities are between them, how and where to use them, and some use cases for each.
Read More

Don't Fight the Cascade, Control It! | CSS-Tricks

If you’re disciplined and make use of the inheritance that the CSS cascade provides, you’ll end up writing less CSS. But because our styles often comes from
Read More

10 CSS Skeleton Loadings

Collection of free HTML and CSS skeleton loading examples from codepen and other resources.
Read More

Pixel Distortion Effect with Three.js - Codrops

An interactive WebGL pixel distortion effect with lots of possibilities based on the effect seen on the website for "Infinite Bad Guy".
Read More

Default Function Parameters - JavaScriptSource

Provide a default value to a function parameter.
Read More

Are Low-Cost WordPress Projects Worth Your Time?

Are taking on low-cost WordPress projects worth the effort and time? The answer depends on what exactly you’re looking to gain.
Read More

Can CSS Prevent Tooltips Overflow? | CSS-Tricks

Sometimes UI elements, like tooltips, need to be edge-aware to prevent the content inside from triggering weird scrollbars or cutting off content.
Read More

Make Beautiful Gradients

Have you ever noticed that gradients tend to look a little gray and washed-out in the middle? This happens because of a mathematical quirk with RGB colors. Fortunately, we can work around this quirk, and create beautiful, lush, saturated gradients.
Read More

7 Tips for Automating Tasks as a Web Designer

You’ve heard the axiom “work smarter, not harder.” Automated tasks are the trick to taking some of the time-consuming elements out of web design so that you can do exactly that. Automated tasks can include a variety of actions and elements. We’ll look at seven automated tasks here ...
Read More

Transform all text in a string to uppercase - JavaScriptSource

Use String.toUpperCase() to transform all text in a string to uppercase.
Read More

How to Make a Pure CSS 3D Package Toggle | CSS-Tricks

You know how you can get cardboard boxes that come totally flat? You fold ‘em up and tape ‘em to make them into a useful box. Then when it’s time to recycle
Read More

Switching Careers to UX Design

Insights from interviews with 20 designers who made the switch to UX Design from another field.
Read More

Perusing the Digital Junk of a Web Designer

If you’re not sure how long you’ve been in the web design industry, take a look at your data. It says a lot about who you are and the things...
Read More

How I Saved My Design Agency & Tripled My Profits | Webdesigner Depot

There was a point at which I was very close to losing my business, and I didn’t realize how close. I wasn’t always a good planner, and I didn’t plan to start an agency. One day I was a freelance graphic designer, my job list grew, I hired some help, and suddenly I was managing […]
Read More

A Practical Tip For Using Sass Default Parameters | CSS-Tricks

Sass offers functions and mixins that accept parameters. You can use Sass default parameters, that is, parameters that have a value even if you don't provide
Read More

Making Your First Custom Svelte Transition | CSS-Tricks

The Svelte transition API provides a way to animate components when they enter or leave the document, including custom Svelte transitions.
Read More

Create a custom scrollbar - JavaScriptSource

You can customize the look and feel of the browser's scrollbar by changing some CSS properties.
Read More

12 WordPress Typography Plugins to Improve Your Website Design [Infographic]

Are you looking for ways to improve your WordPress website design? Want to improve your typography for a more visually appealing business website? We
Read More

8 Helpful Accessibility Links for January 2022 | CSS-Tricks

Every so often, I accumulated a bunch of links about various things I find interesting. Accessibility is one of them! Here are 8 helpful accessibility links.
Read More