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.
Why your CSS gradient looks muddy in the middle (and the one-line fix)
gotoolsonline profile

Why your CSS gradient looks muddy in the middle (and the one-line fix)

#css #webdev #design #frontend
1
Comments
2 min read
How to Convert Legacy CSS to Tailwind Utility Classes (Without Manual Guesswork)
kasra6 profile

How to Convert Legacy CSS to Tailwind Utility Classes (Without Manual Guesswork)

#tailwindcss #css #webdev #frontend
Comments
2 min read
Base64 makes your image 33% bigger. Here is when that is still the right call
mubeenkhaaan profile

Base64 makes your image 33% bigger. Here is when that is still the right call

#webdev #html #css #tutorial
Comments
4 min read
I pressed select-all and copy on all 79 of our pages: 393 KB of words and 5.3 MB of markup
daniel_pertu profile

I pressed select-all and copy on all 79 of our pages: 393 KB of words and 5.3 MB of markup

#webdev #css #a11y #html
Comments
4 min read
Our public pages hold 5,693 stacking contexts and nine z-indexes, and the drawings that make most of them ignore z-index completely
daniel_pertu profile

Our public pages hold 5,693 stacking contexts and nine z-indexes, and the drawings that make most of them ignore z-index completely

#css #webdev #frontend #svg
Comments
5 min read
I pressed Tab through all 5,495 stops on our site: the order is perfect and 373 of them show no focus ring
daniel_pertu profile

I pressed Tab through all 5,495 stops on our site: the order is perfect and 373 of them show no focus ring

#a11y #css #webdev #tailwindcss
Comments
6 min read
Chrome composites 10 layers on our static FAQ page, and an invisible word is responsible for three of them
daniel_pertu profile

Chrome composites 10 layers on our static FAQ page, and an invisible word is responsible for three of them

#webdev #performance #css #chrome
Comments
5 min read
Our stylesheet declares the same 72 variables twice, and the second copy hides behind a browser sniff dressed as a feature query
daniel_pertu profile

Our stylesheet declares the same 72 variables twice, and the second copy hides behind a browser sniff dressed as a feature query

#css #webdev #tailwindcss #frontend
Comments
5 min read
We deleted a 308-line unlock dialog and replaced it with a scroll and three pulses
daniel_pertu profile

We deleted a 308-line unlock dialog and replaced it with a scroll and three pulses

#react #css #webdev #typescript
Comments
6 min read
Our 76 pages print to 496 sheets of A4, and the plan we recommend is invisible on one of them
daniel_pertu profile

Our 76 pages print to 496 sheets of A4, and the plan we recommend is invisible on one of them

#css #webdev #a11y #frontend
Comments
6 min read
I grepped all 38 pages of our site for accessibility: one h1 each, 1,091 links with names, and a focus ring at 1.82:1
daniel_pertu profile

I grepped all 38 pages of our site for accessibility: one h1 each, 1,091 links with names, and a focus ring at 1.82:1

#a11y #webdev #nextjs #css
Comments
6 min read
text-overflow: ellipsis Does Nothing in a Flex Row? Look at min-width
pixelrecruiting profile

text-overflow: ellipsis Does Nothing in a Flex Row? Look at min-width

#css #frontend #webdev #html
1
Comments 1
4 min read
I got tired of resizing my browser, so I built Samestate
shouvik12 profile

I got tired of resizing my browser, so I built Samestate

#showdev #webdev #css #frontend
1
Comments
2 min read
CSS text-box: text finally centered in its box
richicodes profile

CSS text-box: text finally centered in its box

#css #typography #ui #baseline
Comments
4 min read
Our welcome screen is covered by a CSS rule that deletes itself after three seconds
daniel_pertu profile

Our welcome screen is covered by a CSS rule that deletes itself after three seconds

#css #nextjs #react #webdev
Comments
5 min read
👋 Sign in for the ability to sort posts by relevant, latest, or top.