Another week in the books and it’s happy Fri-yay! So, of course, it’s time for our weekly roundup of all the web design and development articles we’ve found that were published this past week around the web. This week’s offerings include development team management, Tailwind CSS, WordPress tips and tricks, Python, design trends, UX, and much more. Ready to dive in? Let’s do this!

Your Web Designer Toolbox

Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets
Starting at only $16.50/month!


 

'Using HSL Colors In CSS — Smashing Magazine' /

In this article, Ahmad Shadeed explains what HSL is, how to use it, and shares some of the useful use-cases and examples that you can use right away in your current projects.
Read More

How Taylor Arndt Brings a First-Person Perspective to Accessibility

The importance of accessibility is often preached to web designers. Thankfully, many of us have taken it to heart. In this day and age, there’s no reason why a website...
Read More

Taking the Leap: Building My First WordPress Block Plugin

Like most years, I spent this U.S. Independence Day cooped up with my furry friends. I closed all the windows, shuttered the blinds, switched on a couple of fans for white noise, and clicked the te…
Read More

5 Ways To Achieve A Human-Centered Web Design | Code Geekz

Simply put, human-centered designing is developing your website with your users in mind. When you’re in the process of building a domain, there’s a lot that goes into the design.[...]
Read More

The 9 Best Website Design Trends of 2021

This article discusses a few modern website design trends that will help enhance the appearance of your website.
Read More

Kubernetes Explained Simply: Containers, Pods and Images

If you zone out every time someone mentions “Kubernetes,” “containers,” or “pods,” this article is for you. No complex diagrams involved! As a front-end developer, you don’t have to know how to con…
Read More

Trigonometry in CSS and JavaScript: Beyond Triangles - Codrops

In part three of our series we’ll look at how to create more interesting shapes with trigonometry, and how to draw them with the Canvas API.
Read More

3 Essential Design Trends, July 2021 | Webdesigner Depot

This month, you will either love or hate the featured design trends. The common theme among them is a strong design element that can create distinct emotional connections. They range from interesting monotone color choices to brutalist examples to AI-inspired faces and design elements. Here’s what’s trending in design this month. 1. Interesting Monotone Color […]
Read More

WP Webhooks Tutorial: How to Automate Your WordPress Site Using Webhooks

In our WP Webhooks tutorial, you'll learn how to automate your WordPress site and connect to other tools using the power of webhooks.
Read More

40 of the Best '60s Fonts for Your Retro Designs - Vandelay Design

Vandelay Design may receive compensation from companies, products, and services covered on our site. For more details, please refer to our Disclosure page. The 1960s gave rise to a new sense of style that included everything from bell bottoms and psychedelic tie-dyes to peace signs and Woodstock posters. The music, art, films, fashion, politics—everything in...
Read More

Why Client Communication Is The Key To Successful Collaboration

Client communication is the key to keeping clients and keeping them satisfied. Everything you need to know about communicating effectively.
Read More

The Web’s Worst Default

There are a lot of great defaults when it comes to browsers and the web. Think about all the accessibility features that are baked into HTML so that you don’t have to do weird stuff, like this exam…
Read More

12 Graphic Design Skills You Need To Get Hired (& How to Develop Them)

What graphic design skills do you need to be successful in your career? Plus, the most effective ways to develop these skills.
Read More

10 WordPress Mistakes to Avoid

WordPress is a powerful tool with an array of options available to you. But these can be cause for mistakes, too. Read about them here.
Read More

How to Grow a WordPress Plugin to 20k Users in 12 Months

This is an inside look at our experience growing the Spotlight Instagram Feeds plugin to 20,000+ active installations in 12 months.
Read More

Video Tutorial: How to Create a Retro Superhero Comic Text Effect in Illustrator

In today’s Adobe Illustrator tutorial I’m going to take you through the process of creating a retro text effect, inspired by the title art for the Superman comic books. Old comic book titles feature some really simple but effective text styles, often incorporating faux-3D effects, bright colours, and thick black outlines. It’s a graphic style […]
Read More

How to Find Your Freelance Niche (5 Questions to Ask Yourself)

Finding your freelance niche is an important step in growing your freelance business. Here are 5 easy questions to ask before deciding.
Read More

User Experience— ‘Less is More’ vs ‘More is More’

<p>To optimise UX, we usually go for a minimalist experience. But is there something to be said for a maximalist approach?</p>
Read More

The Dilemma of Naming Font Size Variables

Normally, a project will have a set of pre-determined font sizes, usually as variables named in such a way that seeks some semblance of order and consistency. Any project of considerable size can u…
Read More

12 Realities of Pricing Design Services - Vandelay Design

Pricing design services can be a dreaded part of the job. Here's a look at the process and how you can be more effective with pricing your own services
Read More

Design Trend: Gaussian Blur

It’s the website design trend that you see everywhere but might not have a name for: gaussian blur. It’s present in several other named trends that have been popular this year and for some time, including the frosted glass effect, creating image depth, bokeh backgrounds, and even for v...
Read More

26 Popular Freelance Skills to Make Money Freelancing

Here's the most popular and fast growing freelance skills that can benefit you for a lifelong career and resources to help you attain them.
Read More

'An Introduction To Figma Interactive Components — Smashing Magazine' /

Interactive Components in Figma allows designers to create a component with states (hover, active, clicked, focus) and make it interactive so that every copy of the component will inherit those same interactions by default. Let’s explore how it can reduce the time and effort needed to create interactions for your mock-ups.
Read More

A Look at Building with Astro

Astro is a brand new framework for building websites. To me, the big thing is that it allows you to build a site like you’re using a JavaScript framework (and you are), but the output is a ze…
Read More

An Introduction to Horizontal Scrolling (+ Pros and Cons)

Horizontal scrolling has come a long way from hero sliders. It’s now simpler to implement, somewhat more acceptable from a UX point of view, and offers plenty of creative opportunity. A horizontal scrolling technique can be engaging and visually interesting. Conversely, some elements...
Read More

Inspirational Websites Roundup #27 - Codrops

A special selection of the most creative and interesting websites from the last weeks.
Read More

UX Navigation: Your All-In-One Guide to UX Navigation Design

UX navigation is a crucial part of your website's design. Learn more about how to create an effective UX navigation structure and design!
Read More

40 Startup Websites and Landing Pages for Inspiration

This gallery contains 40 startup website layouts and landing pages for inspiration. You can find tons of great examples
Read More

Tips for Finding Flow in Your Creative Process

As there are no sure-fire ways to make your brain productive or creative, we share tips for encouraging your mind to enter a state of flow.
Read More

SVG Favicons in Action

Ever heard of favicons made with SVG? If you are a regular reader of CSS-Tricks, you probably have. But does your website actually use one? The task is more non-trivial than you might think. As we …
Read More