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

Web Development

3554 readers
12 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
[email protected]
[email protected]
[email protected]
77
New CSS that can actually be used in 2024 (no hype) (thomasorus.com)
submitted 10 months ago by [email protected] to c/[email protected]
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 10 months ago* (last edited 10 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 10 months ago

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

[–] [email protected] 4 points 10 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 10 months ago

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

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

here’s the hype:

🔥🎉🥳