this post was submitted on 25 Mar 2024
77 points (97.5% liked)

Web Development

3454 readers
1 users here now

Welcome to the web development community! This is a place to post, discuss, get help about, etc. anything related to web development

What is web development?

Web development is the process of creating websites or web applications

Rules/Guidelines

Related Communities

Wormhole

Some webdev blogsNot sure what to post in here? Want some web development related things to read?

Heres a couple blogs that have web development related content

CreditsIcon base by Delapouite under CC BY 3.0 with modifications to add a gradient

founded 2 years ago
MODERATORS
snowe
erlingur
Ategon
77
New CSS that can actually be used in 2024 (no hype) (thomasorus.com)
submitted 9 months ago by [email protected] to c/webdev
5 comments fedilink hide all child comments
 

The amount of CSS novelty in the last two to four years has been staggering. Multiple innovations have been released and are now supported in all modern browsers, and some of them fundamentally change how to make websites.

top 5 comments
sorted by: hot top controversial new old
[–] [email protected] 10 points 9 months ago* (last edited 9 months ago)

Nice article. I didn't know about many of these.

I'm glad we can use logical properties now. Dealing with systems that support both LTR (like English) and RTL (like Hebrew and Arabic) languages used to be a pain because we had to have a build script that generated a second CSS bundle with everything flipped (eg converts margin-left to margin-right, border-left to border-right, etc. Logical properties make it a lot easier.

I love the gap property for flexbox... I use that one all the time. Easily solves the "I need padding between all these items, but no padding at the start or end" use case.

[–] [email protected] 6 points 9 months ago

its 2024 if it's not the marquee tag what's the point

[–] [email protected] 4 points 9 months ago (1 children)

I've been waiting so long for :has(), and had no idea it was finally implemented. This is huge for userstyles. Now I should be able to hide retweets and inline ads from Twitter with just a couple lines of css.

[–] [email protected] 6 points 9 months ago

Also, I've gotta say, great article. Very informative and I appreciate the focus on concrete use cases.

[–] [email protected] 2 points 9 months ago

here’s the hype:

🔥🎉🥳