On this first Friday of September we have a new roundup of all the web design and development related articles we could find that were published around the web over the past seven days. This week we have articles covering a variety of topics, including CSS, design trends, JavaScript, freelancing, ecommerce, WordPress, and more. Let’s have a look!

Refactoring CSS: Optimizing Size And Performance (Part 3) — Smashing Magazine
There are many CSS optimization techniques to tackle potential file size and performance issues. Let’s take a look at some of them. After all, if deploying the refactored codebase causes loading or performance issues, it will result in less traffic and revenue, which might leave the management and project managers dissatisfied.
Read More 
Exploring the CSS Paint API: Blob Animation | CSS-Tricks
After the fragmentation effect, I am going to tackle another interesting animation: the blob! We all agree that such effect is hard to achieve with CSS, so we
Read More 
3 Essential Design Trends, September 2021 | Webdesigner Depot
Do you ever get bored with design projects? Feel like you keep designing the same things on repeat? This collection of trends – from fun angles to illustrations where you wouldn’t expect them to cool three-dimensional concepts – is sure to help you think a little more out of the box. It might be just […]
Read More 
7 Practices to Create Good JavaScript Variables
Naming variables is not a rocket science. Learn 7 practices that will help you create good JavaScript variables and make your code cleaner.
Read More 
An Introduction to Core Web Vitals of PageSpeed
In this post, we're going to go through what it is, and understand why each metric matters.
Read More 
Your Guide to Creating a Freelancer Resume that Wins You New Clients
A freelancer resume is a powerful tool that can win you top paying jobs with high profile clients — here's how to craft yours for success.
Read More 
Best of the web for Design and Web Development August 2021 | Creative Nerds
With the month drawing to an end we are wrapping up in our usual fashion, by looking rounding up all the best design tutorial and web articles published ion the month of June. The roundup features some great photoshop and illustrator tutorials from unique text effects to camo patterns. The second half of the post […]
Read More 
Design Trend: Frosted Glass Effect in Web Design
With just the right combination of blur and transparency, you’ve got one of the hottest trends in website and app design – the frosted glass effect. It is a design technique that uses a gaussian blur, shadows, and transparency to create an element that mimics looking through real-life ...
Read More 
How to Help Your Clients Choose the Right eCommerce Payment Gateway
One of the key decisions when building an eCommerce website is choosing the payment gateway. Pick the wrong one, and it could be disastrous.
Read More 
4 signs your product is not as accessible as you think
Accessibility is a key ingredient in your product cake — and it’ll always taste best when it’s added to the mix at the beginning.
Read More 
Bootstrap Turns 10: A Look at Its Impact on the Web
With a decade under its belt, we take a look at the overall impact Bootstrap has had on the web. A blessing, curse, or somewhere in-between?
Read More 
Fresh Resources for Web Designers and Developers (August 2021) - Hongkiat
There are new tools and techniques coming up every day in the field of web development. And sometimes, it gets pretty difficult to keep up with all the
Read More 
Surface Sampling in Three.js - Codrops
Learn how to use the MeshSurfaceSampler in Three.js to create some very interesting effects.
Read More 
Unclutter your creative workspace with the versatility of USB-C
How designers can take advantage of the versatility of USB-C
Read More The text-shadow CSS Property - 1stWebDesigner - CSS Beginners
In this post, I’ll go over how to use the text-shadow CSS property to add a drop shadow to your text. This is a CSS beginner's tutorial.
Read More 
An Interactive Guide to Keyframe Animations
CSS keyframe animations are incredibly flexible and powerful, but they’re also a bit weird. In this deep-dive tutorial, we'll learn how CSS keyframes work from the ground up, and see how to use them to build high-quality animations.
Read More 
A List of Free Public CDNs for Web Developers | WebFX
Are you a web developer? Then you'll want to view this list of free public CDNs. Visit our website to learn more about improving your site's performance!
Read More When Logo Projects Stall & You Get Shafted.
I've experienced a number of logo projects stalling, some literally just put on indefinite hold, and others where the logo was completed.
Read More 
Everything You Need to Know About Design Tokens
Design tokens are a way to easily identify and understand the elements in a design system. As more designers and companies adopt use of design tokens, their value will continue to grow. The key to design tokens is that they facilitate cross-disciplinary collaboration. More people on a team...
Read More 
What is Server-Driven UI? - Judo
Server-driven UI (SDUI) is an emerging technique used by companies like Airbnb and Lyft that leverage the server to build the user interfaces of their mobile apps. This opens up new possibilities and addresses some fundamental challenges with native mobile app development. Before we look at how server-driven UI works, let’s take a look at […]
Read More 
45 Magazine-Style Blog Layouts for Design Inspiration
Here is a collection of 45 magazine-style blog layouts that will light a fire of inspiration if you find yourself stuck.
Read More 
How Illustration Adds Emotion To UX | Webdesigner Depot
From 45,000-year-old cave paintings to 21st-century space rocket diagrams, illustrations have long played a significant role in human communication. Pictures cross-language and literacy barriers, allowing people to understand and communicate complex moods and feelings that they cannot in words. When we were little, we could understand and appreciate E.H. Shepard’s illustrations of Winnie the Pooh […]
Read More 
Supercharging Built-In Elements With Web Components "is" Easier Than You Think | CSS-Tricks
We’ve already discussed how creating web components is easier than you think, but there’s another aspect of the specification that we haven’t discussed yet
Read More 
10 Tips to Help Video Content Succeed in 2021 | Webdesigner Depot
According to a recent Hubspot survey, more than 85% of marketers believe video content is essential for any marketing strategy. This percentage is more than 20% higher than in 2016. Understanding why this is the case is not hard. Modern digital marketing is all about engaging with your audience and sharing personal stories. And there’s […]
Read More 
UX vs. UI - Which Should You Focus in Web Design
Web design can get complicated, especially when it's difficult to know where to put your focus. As a designer, having a concrete goal to work towards is
Read More 
How to Use Social Media to Influence and Inspire Your Web Design Projects
In this day and age, many of us spend our lives swiping and scrolling through our socials. And, in addition to being a constant source of information and
Read More 
Interactive Learning Tools For Front-End Developers — Smashing Magazine
Interactive coding tools to help you learn CSS, JavaScript, SQL, React, Vim, regular expressions and Jamstack.
Read More