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!

UNLIMITED DOWNLOADS: 1,500,000+ Icons & Design Assets


 

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

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 some emojis for the icons without wast…
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

Louis Lazaris breaks down some bonafide CSS trickery from Jane. The Pen shows off interactivity where: You have to press a special combination of keys on a keyboard.Then type a secret password. Fro…
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

Suspense is React’s forthcoming feature that helps coordinate asynchronous actions—like data loading—allowing you to easily prevent inconsistent state in your UI. I’ll provide a better explan…
Read More

8 UI/UX tips about password design

UI kits, Icon set and Illustrations to raise your design experience
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

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 should write something because th…
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

Design.org Domain Inquiry

Please submit your offer for the premium domain name, design.org below. You may see a live demo of the Design.org product at demo.design.org.
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

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 whole “dark mode” thing a shot. With t…
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