This Week In Web Design – March 26, 2021

Up until 2020, blend modes were a feature I hadn't used much because I rarely ever had any idea what result they could produce without giving them a try

This month’s collection of the best new websites launched or updated in the last four weeks features color, and more color, and then — just for good measure — a bit more color. Yellow is a hue of choice, but you’ll also find burnt orange, rich purples, and greens and blues in equal measure. What […]

Learn how BigCommerce design works and get six of our top tips for using BigCommerce to create an ecommerce website that gets results.

In JavaScript you can freeze an object to make it immutable. This tutorial will show you how to do it with Object.freeze() and Object.seal().

A collection of common website layout concepts built using CSS grid. Each one demonstrates how they can make life easier for web designers.

Some of the most inviting website designs use elements inspired by nature. In this post we'll showcase 20 nature-inspired websites for your own design...

15 tools and resources for designers and agencies that will help you and your team be more productive.

We discuss what Core Web Vitals means to sites that run on a tight budget or content management system (CMS). Is Google asking too much?

It is great to have a list of microsite examples to show clients how they function, how they're designed, and what they could look like. The demand for microsites are increasing over the years as this type of website is getting quite popular in the marketing world.

An up-to-date collection of accessible front-end components: accordions, form styles, dark mode, data charts, date pickers, form styles, navigation menu, modals, radio buttons, "skip" links, SVGs, tabs, tables, toggles and tooltips.

Ever since the dawn of time, humanity has dreamed of having more control over form elements. OK, I might be overselling it a tiny bit, but creating or

A distributed letters animation in the context of a triple panel layout with hover effect.

The UI components of Atomic Design are very useful in your design process. Learn all you need to know about UI components.

More people are saying goodbye to full-time gigs and hello to life as a freelancer. In fact, about 59 million Americans freelanced in 2020, up over 2 million compared to 2019. The perks are well documented, especially in the era of Covid-19 and beyond: work from the comfort (and safety) of your own home, determine […]

As a popular CMS, WordPress is a frequent target of hackers. Learn how to protect your site against the four most common WordPress attacks!

One of the drivers of the popularity of headless options is that expectations for the quality of user experience are constantly going up. In this article, we explore what headless means, use cases for it, and how to decide if headless is a good fit for you.

What Does Image Optimization Mean? We often hear the phrase Image Optimization in the context of site building and maintenance, but what exactly does it

Geoff shared this idea of a checkerboard where the tiles disappear one-by-one to reveal an image. In it, an element has a background image, then a CSS

In my last article, we saw that web components aren’t as scary as they seem. We looked at a super simple setup and made a zombie dating service profile,

JavaScript gives us many ways to do things, but deciding which way can be tricky. Laurie Barth gives us a story of two experts who solve this problem in different ways, giving some insight into how…

Looking to upgrade your marketing and outperform your competitors? Learn about competitor website analysis here to find out how you can achieve that!

Find out how to use RSS feeds to build a single-page content aggregator website that can automatically show your work or the latest news in a simple format.

Learn what factors influence readability and legibility in web and mobile user interfaces and check how to improve them for better user experience.

Building Bootstrap layouts have always been a complex task since the beginning. With Bootstrap 5, there are few additional classes.

Here are 30 great examples of purple website designs. Each layout is structured in a unique manner that excites.

In the world we live in today, web development is already widely used by businesses and other industries. If you want to stay ahead of the competition, you need the best front-end development tools. These

In this article we'll take a detailed look at the opportunities that freelance designers have to use their design skills for passive income.

Code Next community members, Amber Morse and Naia Johnson, share their respective stories as Black Women in tech.

The other day I was working on a blog where each post has a custom color attached to it for a little dose of personality. The author gets to pick that

Menus are like the business card of a cafe, restaurant or bistro. Apart from the atmosphere, the menu provides the sort of lasting impression that parks

In this article, we walk through building out a full-stack real-time and completely serverless application that allows you to create polls! All of the