This Week In Web Design – September 3, 2021

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.

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

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 […]

Naming variables is not a rocket science. Learn 7 practices that will help you create good JavaScript variables and make your code cleaner.

In this post, we're going to go through what it is, and understand why each metric matters.

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.

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 […]

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

One of the key decisions when building an eCommerce website is choosing the payment gateway. Pick the wrong one, and it could be disastrous.

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.

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?

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

Learn how to use the MeshSurfaceSampler in Three.js to create some very interesting effects.

How designers can take advantage of the versatility of USB-C

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.

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.

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!

I've experienced a number of logo projects stalling, some literally just put on indefinite hold, and others where the logo was completed.

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

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 […]

Here is a collection of 45 magazine-style blog layouts that will light a fire of inspiration if you find yourself stuck.

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 […]

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

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 […]

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

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

Interactive coding tools to help you learn CSS, JavaScript, SQL, React, Vim, regular expressions and Jamstack.