MUO

Web Design

Readers like you help support MUO. When you make a purchase using links on our site, we may earn an affiliate commission. Read More.

latest

A pair of feet seen from above, near the edge of a station platform with “Mind The Gap” written on the floor
CSS
How CSS Gap Adds Space to Enhance Web Layouts

Learn about a handy shortcut property that will help you control spacing between elements.

By 
HTML list code
3 Types of HTML Lists and How to Use Them

Use html lists to group content and style it to match your design, just be sure you’re using the right kind of list.

By 
A series of printed pages, lying on top of each other.
CSS
A Beginner’s Guide to Z-Index in CSS

Learn the basic technique of placing one element in front of another.

By 
Two hands held with thumbs and forefingers extended to form a rectangle in the central foreground of a landscape scene
CSS
3 Easy Ways to Center an Element With CSS

Need to center an HTML element and not sure where to begin? Check out these techniques.

By 
Vector illustration showing layers of web pages stacked, with the topmost layer having a prominent wireframe design on top.
CSS
How to Build a Sticky Header With CSS

This effective and powerful technique is a lot easier to achieve than you might expect.

By 
CSS code snippet showing on a computer screen.
CSS
An Introduction to CSS Transitions for Beginners

Transitions are a basic form of CSS animation that you can use to create beautiful effects.

By 
Paint rollers rolling down the wall with different colours
CSS
4 Ways to Define Colors in CSS

From names to hex to rgb and hsl, discover the many ways CSS lets you describe color.

By 
Somebody holding a marker and a small paper card
CSS
Using CSS Grid for Magazine-Style Layouts

With a handful of styles, you can use this attractive, flexible layout for many types of page content.

By 
Laptop display with code on the screen and a pen holder with pens on the side.
Build Stylish Next.js Forms With React Hook Form and Material UI

Get your forms in order with this combination of functional and design libraries.

By 
A book titled “Stunning CSS” lies on top of a book on JavaScript. A mobile phone lies on top of both.
CSS
Understanding the CSS :nth-child() Selector

This CSS feature is particularly useful for styling tables and complex lists.

By 
React Logo overlaying an image of someone using a laptop and a mobile phone
Create Beautiful Dropdowns With React Select

Liven up your boring dropdowns with this flexible React library.

By 
An open laptop with a code editor showing on screen
CSS
CSS Pseudo-Classes vs. Pseudo-Elements: A Deep Dive

Gain more power over your web designs using these advanced CSS selectors.

By 
A black MacBook monitor showing CSS code
CSS
5 Ways to Learn HTML and CSS With Real UI Challenges

Follow these strategies to unlock your web development skills with interactive learning, creative challenges, and practical experience.

By 
ball on multi-colored surface
Create an Animated Background With HTML and CSS

This simple demo explains how to use CSS animations for interesting visual effects.

By 
Canva website builder on a laptop.
The Pros and Cons of Creating a Website With Canva's Website Builder

Canva's website builder is ideal for design novices who want simplicity, but it might not be the best option if you want more design freedom.

By 
Person holding css3 logo
CSS
A Guide to CSS Grid: Mastering Layouts With Grid Properties

Learn how to use CSS grids for building complex layouts with ease.

By 
A person working on a laptop at a table.
The 6 Best Free WordPress Themes for Beginner Bloggers

Looking to start a blog using WordPress? Consider these themes that are perfect for beginners to pick for their sites.

By 
 Laptop & gadgets on a table
Choosing the Best Website Builder: Google Sites vs. Wix

Picking which website builder to use can be tricky, as each has different strengths. To help you decide which to use, we compare Google Sites and Wix.

By 
Graphic designer illustrating at a table.
8 Web Design Trends We Noticed in 2023

Web design trends come and go, but these 2023 standouts caught our attention—some of which are here to stay post-2023.

By 
Man working on MacBook Air
CSS
How to Inspect Your CSS Animations With Chrome DevTools

Animations are a powerful addition to CSS, but their text form can make them awkward to work with. Chrome’s DevTools to the rescue!

By 
See more articles +