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

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

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

Logo Design Process Overview by The Logo Smith

A run through of my Logo Design Process. As each logo design is so unique my logo design process will be routinely adjusted for each client.
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

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

These 26 High-Demand Freelance Skills Pay You The Most

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

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

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

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