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!


 

Pagination Examples

Pagination: 10 Clever & Unique Examples - 1stWebDesigner

In this post we have compiled 10 examples of creative pagination from CodePen for your inspiration to use in or adapt to your projects.
Read More

How to Manage Your Development Team if You're a Solopreneur - noupe

Being a solopreneur is not an easy job. You’ve to handle a dozen things yourself and take care of important decisions. Hiring and managing a software
Read More

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 | CSS-Tricks

If you zone out every time someone mentions “Kubernetes,” “containers,” or “pods,” this article is for you. No complex diagrams involved!
Read More

Trigonometry in CSS and JavaScript: Beyond Triangles | Codrops

In the previous article we looked at how to clip an equilateral triangle with trigonometry, but what about some even mor
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

Python for Web Development: Pros & Cons and Best Frameworks - noupe

Python is an exceptional programming language and with the advent of AI implementations inside web environments, online analytics and web applications.
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

8 Client Communication Skills to Grow Your Business Fast

What do we mean by “client communication,” why it’s critical to your success, and how to improve your client communication.
Read More

The Web’s Worst Default | CSS-Tricks

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

Five Reasons Why Artists Should Have a Website - noupe

Great things are not done by impulse but by a series of small things brought together." - Vincent Van Gogh. In today's digital world, most artists
Read More

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

This is an inside look at our experience on how to grow a WordPress plugin. Spotlight Instagram Feeds hit 20,000+ active sites in 12 months.
Read More

Superman Comic Book Text Effect Illustrator Tutorial

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 | CSS-Tricks

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

How to Develop Freelance Academic Writing Skills

Freelance academic writing is one of the best freelance ideas for people who enjoy writing. Freelancing allows you to establish your own working pace with no one commanding you what to do. And academic writing is a creative way to make money while exploring different educational topics. But doing this takes skill. If you expect people to […]
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 | CSS-Tricks

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

Here's our latest roundup with a hand-picked selection of the most interesting and creative web designs we've encountere
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

Pairing fonts – 3 ways to find great typeface combinations - Pimp my Type

Pairing typefaces doesn’t have to be a hard and complicated process. For a quick win, use type families that contain different styles (most sans-serif and serif), and are designed to fit together. Or go for a very diverse combination. The most advanced level is looking at a typeface’s construction and pair similar underlying designs.
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 | CSS-Tricks

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?
Read More
Avatar photo