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!

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


 

'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

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,
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 psychology of design: 15 principles every UI/UX designer should know

A UX designer’s guide to user psychology: A list of the most relevant design principles & cognitive biases that will help you to build more habit-forming products.
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

Can Elementor's Site Kits Compete With Modern WordPress Themes? - Vandelay Design

This page may include links to our sponsors or affiliate links. Learn more. It’s common knowledge that everyone needs a great-looking website these days. Whether it’s a company website or a portfolio website, great design speaks volumes. It helps convey professionalism and sets the tone for future conversations. Designing great websites with WordPress is easy...
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

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

(Guest writer: Tarif Kahn) Web design can get complicated, especially when it's difficult to know where to put your focus. As a designer, having a
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