DEV Community

CSS

Cascading Style Sheets (CSS) is a simple language for adding style (e.g., fonts, colors, spacing) to HTML documents. It describes how HTML elements should be displayed.

Posts

👋 Sign in for the ability to sort posts by relevant, latest, or top.
Pure CSS Waterfall/Masonry responsive layout

Pure CSS Waterfall/Masonry responsive layout

1
Comments
1 min read
CSS-only tooltip using popover & anchor

CSS-only tooltip using popover & anchor

2
Comments 2
3 min read
Formatting HTML and CSS For Beginners

Formatting HTML and CSS For Beginners

Comments
2 min read
Tailwind CSS: Using Responsive Design Utilities

Tailwind CSS: Using Responsive Design Utilities

Comments
2 min read
Combining Flexbox and Grid for a Personal Website Landing Page

Combining Flexbox and Grid for a Personal Website Landing Page

3
Comments
4 min read
Getting Started with Insomnia: Sign Up & Download Guide

Getting Started with Insomnia: Sign Up & Download Guide

Comments
2 min read
What is the Difference Between Radix UI and ShadCN?

What is the Difference Between Radix UI and ShadCN?

1
Comments
5 min read
Image Comparison Slider in CSS with 1 line of JS Code

Image Comparison Slider in CSS with 1 line of JS Code

Comments
2 min read
Pausing, Stopping, and Hiding Animations with animation-play-state

Pausing, Stopping, and Hiding Animations with animation-play-state

6
Comments 3
2 min read
Bootstrap: Customizing Dropdowns

Bootstrap: Customizing Dropdowns

Comments
2 min read
Focus on Today: A Project Using HTML, CSS, and JavaScript

Focus on Today: A Project Using HTML, CSS, and JavaScript

11
Comments 5
1 min read
Traffic Light Effect Css

Traffic Light Effect Css

Comments
1 min read
Gradual Blurred Gradience Triangles [CSS Only ! 🤩]

Gradual Blurred Gradience Triangles [CSS Only ! 🤩]

1
Comments
1 min read
Weather App

Weather App

19
Comments 4
2 min read
CSS Box Model: A Beginner-Friendly Guide

CSS Box Model: A Beginner-Friendly Guide

Comments
5 min read
Heartfelt Timer App with HTML/CSS/JS Only!

Heartfelt Timer App with HTML/CSS/JS Only!

14
Comments 4
4 min read
Slidy Growing Nav

Slidy Growing Nav

Comments
1 min read
CSS is Awesome!

CSS is Awesome!

1
Comments
2 min read
CSS Flexbox: Creating a Footer Layout

CSS Flexbox: Creating a Footer Layout

Comments
2 min read
Astral Animation

Astral Animation

Comments
1 min read
Web Components: O Vingador secreto do Front-End que vai fazer seu código decolar!

Web Components: O Vingador secreto do Front-End que vai fazer seu código decolar!

1
Comments
2 min read
`grid` with reveal + resize on `hover`

`grid` with reveal + resize on `hover`

10
Comments 1
1 min read
SCSS: Managing Color Palettes

SCSS: Managing Color Palettes

1
Comments
2 min read
Responsive Web Design: Where and Why You Should Learn It

Responsive Web Design: Where and Why You Should Learn It

Comments
4 min read
Color-Scheme + Fluid Type

Color-Scheme + Fluid Type

1
Comments
1 min read
Box Model in CSS: The Ultimate Guide to Crafting Precise Layouts (Part 2)

Box Model in CSS: The Ultimate Guide to Crafting Precise Layouts (Part 2)

Comments
1 min read
Quickly Design a Smashing Calendar Icon Using Tailwind CSS

Quickly Design a Smashing Calendar Icon Using Tailwind CSS

4
Comments
3 min read
UI Verse

UI Verse

1
Comments
1 min read
CSS Flexbox: Building a Pricing Table

CSS Flexbox: Building a Pricing Table

Comments
2 min read
Using Mixins in Sass

Using Mixins in Sass

7
Comments
4 min read
How to style HTML with matcha.css

How to style HTML with matcha.css

1
Comments
14 min read
Understanding and supporting zoom behaviors on the web

Understanding and supporting zoom behaviors on the web

2
Comments
9 min read
I Built a Collection of 100+ Open-Source SVG Spinners

I Built a Collection of 100+ Open-Source SVG Spinners

20
Comments 1
1 min read
Introduction to CSS

Introduction to CSS

1
Comments 1
2 min read
Por que ninguém fala de Web Components?

Por que ninguém fala de Web Components?

Comments 1
3 min read
JavaScript Use Cases

JavaScript Use Cases

1
Comments
1 min read
Boosting Performance by Removing Unused Files and Dependencies with Knip and PurgeCSS

Boosting Performance by Removing Unused Files and Dependencies with Knip and PurgeCSS

10
Comments 1
3 min read
The convenience of CSS's new @position-try

The convenience of CSS's new @position-try

1
Comments
2 min read
Building cssclip: My Fun Side Project for Frontend Developers

Building cssclip: My Fun Side Project for Frontend Developers

2
Comments
1 min read
Calculator Projects

Calculator Projects

Comments
1 min read
How to center a div?

How to center a div?

Comments
1 min read
CSS Flexbox: Creating a Responsive Sidebar

CSS Flexbox: Creating a Responsive Sidebar

Comments
2 min read
Create an Engaging Voting Widget with Tailwind CSS

Create an Engaging Voting Widget with Tailwind CSS

1
Comments
5 min read
Microsoft está jogando pesado com Web Components e você deveria prestar atenção!

Microsoft está jogando pesado com Web Components e você deveria prestar atenção!

Comments
2 min read
Box Model in CSS: The Ultimate Guide to Crafting Precise Layouts

Box Model in CSS: The Ultimate Guide to Crafting Precise Layouts

2
Comments
2 min read
Transpiling, Do you know what it is?

Transpiling, Do you know what it is?

1
Comments
6 min read
How to create a CSS perfect overlay.

How to create a CSS perfect overlay.

Comments 2
2 min read
JavaScript and CSS Code Minification Guide

JavaScript and CSS Code Minification Guide

1
Comments
6 min read
Speed Up Your Site A Beginner's Guide to rel='preload'

Speed Up Your Site A Beginner's Guide to rel='preload'

Comments
1 min read
SCSS: Using Built-in Functions

SCSS: Using Built-in Functions

1
Comments
2 min read
Subscribe form using HTML and CSS

Subscribe form using HTML and CSS

Comments
1 min read
🚀 Week 3 Recap of My #100DaysOfCode Challenge🚀

🚀 Week 3 Recap of My #100DaysOfCode Challenge🚀

Comments
2 min read
Introducing Gradienty V2: More Than Just Gradients!

Introducing Gradienty V2: More Than Just Gradients!

Comments
2 min read
5 modern CSS features for 2024

5 modern CSS features for 2024

4
Comments 1
1 min read
Do you use text-size-adjust in your global styles?

Do you use text-size-adjust in your global styles?

Comments
3 min read
The search bar expands with animations.

The search bar expands with animations.

Comments
1 min read
CSS Grid: Creating a Gallery Layout

CSS Grid: Creating a Gallery Layout

Comments
2 min read
Subscribe Card by Bootstrap 5.3

Subscribe Card by Bootstrap 5.3

1
Comments 2
1 min read
Mastering Web Performance: Understanding the Pixel Pipeline

Mastering Web Performance: Understanding the Pixel Pipeline

2
Comments
3 min read
Você está ignorando os Web Components?

Você está ignorando os Web Components?

1
Comments
4 min read
loading...