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.
Create a chessboard using CSS Grid

Create a chessboard using CSS Grid

19
Comments
1 min read
Best practices for container queries

Best practices for container queries

Comments
2 min read
How to Create Beatiful Snackbar Component with Material UI + React + CSS in sx🤔

How to Create Beatiful Snackbar Component with Material UI + React + CSS in sx🤔

4
Comments
4 min read
SvelteKit Fontaine: Reduce Custom Font CLS

SvelteKit Fontaine: Reduce Custom Font CLS

3
Comments
6 min read
How to create reusable HTML snippets for Ghost.io using Figma Dev Mode

How to create reusable HTML snippets for Ghost.io using Figma Dev Mode

4
Comments
10 min read
Yet Another Newsletter LOL: 1000 Dinosaurs

Yet Another Newsletter LOL: 1000 Dinosaurs

8
Comments 2
3 min read
To-Do List

To-Do List

2
Comments
1 min read
Image gallery with smooth hover effect

Image gallery with smooth hover effect

15
Comments
1 min read
How to create a digital Clock using HTML, CSS and Javascript?

How to create a digital Clock using HTML, CSS and Javascript?

24
Comments 5
4 min read
Using Custom Class Selector in Divi

Using Custom Class Selector in Divi

2
Comments
2 min read
Brush up your CSS knowledge 🚀 Part[1 of 2]

Brush up your CSS knowledge 🚀 Part[1 of 2]

4
Comments
4 min read
Create A Random Quote Generator with HTML, CSS, and JavaScript

Create A Random Quote Generator with HTML, CSS, and JavaScript

17
Comments 5
3 min read
My Hover Effect

My Hover Effect

Comments 1
1 min read
10 Cool CodePen Demos (June 2023)

10 Cool CodePen Demos (June 2023)

38
Comments 2
3 min read
Mobile-first approach with HTML and CSS

Mobile-first approach with HTML and CSS

10
Comments 1
38 min read
The Basics of CSS: Everything You Need to Know to Get Started

The Basics of CSS: Everything You Need to Know to Get Started

1
Comments
8 min read
Selecting CSS Classes Ending With The Same Name Using $= Operator

Selecting CSS Classes Ending With The Same Name Using $= Operator

2
Comments
1 min read
What CSS details make forms amazing?

What CSS details make forms amazing?

1
Comments 2
1 min read
Stacking Contexts and why you should go deep on CSS (a personal journey)

Stacking Contexts and why you should go deep on CSS (a personal journey)

1
Comments
8 min read
The best light/dark mode theme toggle in JavaScript

The best light/dark mode theme toggle in JavaScript

323
Comments 23
6 min read
How to create a closing menu icon using HTML and CSS

How to create a closing menu icon using HTML and CSS

1
Comments
2 min read
CSS Website Layout For CSS Website Layout For Dual Screen And Foldable Devices

CSS Website Layout For CSS Website Layout For Dual Screen And Foldable Devices

2
Comments
23 min read
Embarking on a Journey of Front-End Development!

Embarking on a Journey of Front-End Development!

2
Comments
1 min read
A tool to Make CSS Box Shadows Effortlessly

A tool to Make CSS Box Shadows Effortlessly

81
Comments 19
3 min read
These Simple CSS Tricks Will Take Your Website to the Next Level

These Simple CSS Tricks Will Take Your Website to the Next Level

2
Comments 1
4 min read
SVG to CSS Data URL converter with maybe the smallest possible output.

SVG to CSS Data URL converter with maybe the smallest possible output.

7
Comments
1 min read
Styling Input Range Sliders

Styling Input Range Sliders

11
Comments 1
5 min read
Flex-box layout properties and live demo

Flex-box layout properties and live demo

10
Comments
2 min read
CSS's :root Variables. Use it!

CSS's :root Variables. Use it!

19
Comments 1
1 min read
How to create good looking card component?

How to create good looking card component?

7
Comments 5
6 min read
CSS Only Accordion with animations

CSS Only Accordion with animations

2
Comments
2 min read
💪🏿Let's flex . . .

💪🏿Let's flex . . .

7
Comments
3 min read
New CSS-in-JS lightweight packages for React and Preact

New CSS-in-JS lightweight packages for React and Preact

Comments
2 min read
How to Debug CSS (using CSS)

How to Debug CSS (using CSS)

2
Comments 1
2 min read
Top 5 Advanced Tailwind Tips to Supercharge Your Web Development

Top 5 Advanced Tailwind Tips to Supercharge Your Web Development

7
Comments
4 min read
Yet Another Newsletter LOL: Making and Learning

Yet Another Newsletter LOL: Making and Learning

14
Comments 2
3 min read
First bootstrap project

First bootstrap project

3
Comments 1
5 min read
A new CSS-in-JS package for SolidJS

A new CSS-in-JS package for SolidJS

Comments
2 min read
There is a simple solution with CSS

There is a simple solution with CSS

2
Comments
1 min read
Styling React Components with CSS: A Comprehensive Guide

Styling React Components with CSS: A Comprehensive Guide

6
Comments
6 min read
mlut - a new word in the Utility-First CSS approach

mlut - a new word in the Utility-First CSS approach

3
Comments 5
4 min read
How to deploy react app

How to deploy react app

Comments
2 min read
#LearnedToday: Roadmap.sh

#LearnedToday: Roadmap.sh

1
Comments
1 min read
Point of Sale app

Point of Sale app

2
Comments 1
5 min read
How to add a Loader to your React Project

How to add a Loader to your React Project

8
Comments
3 min read
This new HTML attribute will help you with loading states

This new HTML attribute will help you with loading states

Comments
2 min read
Creating Gradient Heading in Divi Using CSS

Creating Gradient Heading in Divi Using CSS

4
Comments
2 min read
Learn How to Build Responsive Navigation Bar with HTML, CSS, and JavaScript

Learn How to Build Responsive Navigation Bar with HTML, CSS, and JavaScript

40
Comments 1
7 min read
CSS in Micro Frontends

CSS in Micro Frontends

91
Comments 8
13 min read
Parallax Scrolling for Beginners

Parallax Scrolling for Beginners

2
Comments
4 min read
Floats in 2023

Floats in 2023

4
Comments 1
7 min read
LGBTQIA+ ally flag in pure CSS

LGBTQIA+ ally flag in pure CSS

Comments
2 min read
[SOLVED] How to fully animate the details HTML element with only CSS and no JavaScript

[SOLVED] How to fully animate the details HTML element with only CSS and no JavaScript

15
Comments 4
5 min read
Understanding The Main and Cross Axes in Flexbox

Understanding The Main and Cross Axes in Flexbox

5
Comments 1
4 min read
How to Design a CSS Card Flip Animation: Creating Flipping Cards on Hover

How to Design a CSS Card Flip Animation: Creating Flipping Cards on Hover

9
Comments 2
8 min read
How to Add CSS to your HTML Pages

How to Add CSS to your HTML Pages

2
Comments 5
2 min read
Using a Single Input for one-time-code

Using a Single Input for one-time-code

206
Comments 25
3 min read
[attribute="value"] vs [attribute*="value"]! Know the difference

[attribute="value"] vs [attribute*="value"]! Know the difference

Comments
2 min read
#LearnedToday: CSS appearance

#LearnedToday: CSS appearance

Comments
1 min read
DAY 25 - Longest String Chain

DAY 25 - Longest String Chain

Comments
3 min read
loading...