Another week in the books, so here’s another edition of our weekly roundup of web design and development articles that were published in the past seven days. Let’s get right to it!

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


 

What Method Chaining in JavaScript Is, How It Works and How to Use It

Method chaining can help you write more concise and readable code. Learn what method chaining in JavaScript is how it works and how to use it
Read More

Boost your creative confidence (4 tips to unlocking your creative potential)

What's the secret to creative confidence? The answer is simpler than you might think. Here are four tips every designer should know to help keep creativity levels high, develop your strengths, and boost your confidence.
Read More

Exciting New Tools for Designers, January 2021 | Webdesigner Depot

The new year is often packed with resolutions. Make the most of those goals and resolve to design better, faster, and more efficiently with some of these new tools and resources. Here’s what new for designers this month. Radix UI Radix UI is an open-source UI component library for building high-quality, accessible design systems and […]
Read More

How To Legally Start A Freelance Business In 9 Steps

Being a freelancer can be a liberating experience, but to avoid complications, you’ll need to learn how to legally start a freelance business.
Read More

8 CSS & JavaScript Snippets for Creating Icon-Based Navigations

We share a collection of unique CSS and JavaScript code snippets that you can freely use to create icon-based website navigations.
Read More

5 Tips for Working With Design Influencers (Or Becoming One!)

Who do you look to on social media when you need extra design inspiration? Those are the people that you see as design influencers. Have you ever thought about working with designers, illustrators, and photographers with a strong social media presence (or becoming one yourself)? There are ...
Read More

B2B Website Design Best Practices & Examples (7 Design Tips)

Are you a B2B company looking for website design inspiration? Get our seven B2B website design tips with examples from some of the best B2B websites!
Read More

Tackling complex design debt: A three-step framework

Inconsistent product functionality, wildly differing UI components, and conflicting terminology – here are three steps to avoid design debt.
Read More

Drawing 2D Metaballs with WebGL2 - Codrops

An in-depth tutorial on how to code 2D visuals using WebGL2.
Read More

Dealing with the Isolation of Freelance Life

For all the benefits of working from home, there’s also a sense of isolation. The following are tips for beating those stuck-in-your-home-office blues.
Read More

Rendering the WordPress philosophy in GraphQL | CSS-Tricks

WordPress is a CMS that’s coded in PHP. But, even though PHP is the foundation, WordPress also holds a philosophy where user needs are prioritized over
Read More

AnimXYZ | CSS-Tricks

There are quite a few CSS animation libraries. They tend to be a pile of class names that you can apply as needed like "bounce" or "slide-right" and it'll...
Read More

On-Scroll Letter Animations - Codrops

Some examples of how to make interesting letter animations when scrolling a web page using translations and Locomotive Scroll.
Read More

UI Design Trends for 2021 | Boxmode Blog

Do you want to know how design trends emerge and which ones will be relevant in 2021? This in-depth research is just for you.
Read More

Life with ESM | CSS-Tricks

ESM, meaning ES Modules, meaning JavaScript Modules. Like, import and friends.
Read More

Examples of Great Looking Landing Pages that Just Work - SpyreStudios

Landing pages are all over the place. To the average person, they are just another content page on the internet. To a site design, it’s all about the first impression, looks and conversions. For marketers, they are the gateway to generating leads and turning cold traffic into real revenue. With so much focus on creating […]
Read More

On Type Patterns and Style Guides | CSS-Tricks

Over the last six years or so, I’ve been using these things I’ve been calling “type patterns” in my web design work, and they’ve worked out pretty well for
Read More

6 Best Ecommerce Solutions for 2021 | Webdesigner Depot

It’s never been easier to set up an ecommerce store and start selling. There are a dizzying array of ecommerce solutions available in 2021, and most are feature-rich and competitively priced. Ecommerce sites are notoriously difficult to migrate from platform to platform, so more often than not, you’ll be committed to your chosen solution for […]
Read More

9 Best Code Editors for Editing WordPress Files - Qode Interactive

Need a WordPress code editor for building and editing a website? You're bound the find the exactly what you need among the nine we selected for this list.
Read More

Lightweight Form Validation with Alpine.js and Iodine.js | CSS-Tricks

Many users these days expect instant feedback in form validation. How do you achieve this level of interactivity when you’re building a small static site or a
Read More

A Quick Guide into Freelancing: Pros, Cons + How to Get Work

Freelancing is getting popular by the day, as it provides many benefits. Get to know the pros, cons and type of jobs you can start.
Read More

Fractal Art: A 101 Design Intro

Art elements rooted in math and algorithms might seem like a futuristic idea, but it’s a growing and popular concept. Fractal art has been around since the 1980s but it seems to be having a moment with more designers looking to this style for backgrounds and main art elements. Another re...
Read More

Scrollbars on Hover | CSS-Tricks

First, scrollbars are a usability and accessibility thing. Second, a rule of thumb: if an area scrolls, it should have a visible scrollbar. But the web is a
Read More

Human Factor Principles in UX Design

You may have come across the term “human factors design” in the past, but what exactly is it? In this article, we will review why it’s so important, key human factor design principles, and methods to evaluate how well you’ve considered human factors in your design.
Read More

Canva vs InDesign. The one you should pick for work

Canva vs InDesign, both are the tools that serve your purpose in a designer's toolbox. What is your aim? The question is, what?
Read More

15 Best CSS Frameworks for Responsive Web Design in 2022 - Super Dev Resources

Responsive Web Design is an approach to web design aimed at crafting sites to provide an optimal viewing experience across a wide range of devices
Read More

How To Prevent Late Paying Clients

Late paying clients can be nuisance. Most businesses rely on a steady cash flow - if the money you’re owed isn’t coming in, it could be affecting your own
Read More

How to Play and Pause CSS Animations with CSS Custom Properties | CSS-Tricks

Let’s have a look CSS @keyframes animations, and specifically about how you can pause and otherwise control them. There is a CSS property specifically for it,
Read More