It’s the end of another week, which means it’s time for our weekly roundup of all the web design and development articles we’ve found that were published in the past seven days. From glassmorphism to client management, WordPress to React, creativity to inspiration, we have you covered here. Let’s have a look!

Protect Your Design Clients From These 6 Easy Mistakes | Webdesigner Depot
As a web designer, you’re responsible for a lot of things. Your client is relying on you to ensure that their website is user-friendly, accessible, eye-catching, and even good enough on the back-end to capture the attention of the search engines. However, what many business leaders and clients don’t realize is that they also have a […]
Read More 
Icon Glassmorphism Effect in CSS | CSS-Tricks
I recently came across a cool effect known as glassmorphism in a Dribble shot. My first thought was I could quickly recreate it in a few minutes if I just use
Read More 
A Comprehensive Guide to the Graphic Design Workflow
Graphic design involves many moving parts, so having a well-structured process is key. Use these tips for a more productive graphic design workflow and happier clients!
Read More 
8 HTML Code Snippets for Creating Responsive Newsletter Templates
A collection of HTML code snippets that give you a great starting point for creating your own responsive newsletters templates.
Read More 
Exploring Web Development History with Richard MacManus
We speak to Richard MacManus about Web Development History, his latest project that chronicles the history of the internet from a developer’s perspective.
Read More 
Inspirational Websites Roundup #31 - Codrops
A new collection of the most interesting and creative websites from the past couple of weeks.
Read More 
3 Ways to Upgrade an Informational Website to a Digital Business Hub
Informational websites are great but transactional sites boost your bottom line. Accept service bookings, keep your content dynamic, & sell premium media.
Read More 
15+ Best React Icon Libraries » CSS Author
A collection of the best free react icon libraries. These libraries contain anything from social media icons to user interface components.
Read More 
How to Make Your Web Developer Portfolio Stand Out | SpyreStudios
Let’s take a look at a few of the ways that will make your web developer portfolio stand out.
Read More 
Creating design systems with Figma Tokens
A guide on how to build design systems that scale easily and sync with GitHub, with the help of a plugin called Figma Tokens.
Read More 
Detecting Specific Text Input with HTML and CSS | CSS-Tricks
Louis Lazaris breaks down some bonafide CSS trickery from Jane. The Pen shows off interactivity where:
Read More 
How to Make WordPress Optimization Easier & More Effective [Podcast]
Optimizing your WordPress website is easier with plugins. Learn more about the tools developed by Syed Balkhi and Awesome Motive using a community-first approach that made it easier for millions of users to build WordPress sites, drive traffic, convert, and monetize.
Read More 
React Suspense: Lessons Learned While Loading Data | CSS-Tricks
Suspense is React’s forthcoming feature that helps coordinate asynchronous actions—like data loading—allowing you to easily prevent inconsistent state in your
Read More 
7 Basic Usability Heuristic Designers Live By - SpyreStudios
There are basic usability heuristics all designers know and live by. Why? Because designing for usability takes up more complicated planning processes than it looks.
Read More 
Don't Snore on CORS | CSS-Tricks
Whatever, I just needed a title. Everyone's favorite web security feature has crossed my desk a bunch of times lately and I always feel like that is a sign I
Read More 
Get and set inline styles for an element - JavaScriptSource
Get a style, and then if this style is not set as an inline style directly on the element, it returns an empty string.
Read More 
How freelancers & agencies are using Pitch videos to get more project leads
Get inspired by some of the best Pitch video introductions by designers on Dribbble. Plus, learn top tips for crafting your own successful Pitch.
Read More 
Image CDNs: How Edge Computing Provides a Faster Low Code Image Solution | Webdesigner Depot
Many websites today use some type of traditional Content Delivery Network (CDN), which means improvements in website load times, decreases in bandwidth, and better redundancy and security. But not everything is optimized, specifically when it comes to images, and image CDNs can help with that! Traditional vs. Image CDNs A traditional CDN treats images as […]
Read More 
One-Liner If-Else Statements - JavaScriptSource
Instead of writing an if-else on multiple lines, you can use the ternary operator to write the whole statement with one line of code.
Read More 
How to Create Serverless Application With Netlify & JavaScript - Hongkiat
The term "serverless" will surely pique your curiosity when you first hear it. You may wonder "How do I run code on the Internet without a
Read More 
Get the direction of the text selection - JavaScriptSource
This function returns forward if user selected text from the left to right. It returns backward in the other case.
Read More 
How Observing Art Improves Creativity » Design.org
There are lots of ways to improve your creativity. One of the best (and most fun) is observing others' art. Here's how observing art improves creativity.
Read More 
3 innovative tools that are changing the way designers create
Get inspired to push the boundaries of your designs with three innovative tools that are shaping designers’ workflows this year.
Read More 
Easy Dark Mode (and Multiple Color Themes!) in React | CSS-Tricks
I was working on a large React application for a startup, and aside from just wanting some good strategies to keep our styles organized, I wanted to give this
Read More AngularJS vs. React.js vs. Ember.js - What are the Differences? - noupe
Let's start with taking closer to What is AngularJS, React.js, and Ember.js. What is AngularJS? AngularJS is an open-source, structural, and
Read More 
How to Scan WordPress for Malware in 4 Easy Steps
There are around 90,000 attacks targeting WordPress sites every minute. Malware attacks are nothing to joke about. If you don't manage your cybersecurity
Read More