Is it finally possible to align things on the first try with CSS?
this post was submitted on 29 Aug 2025
214 points (95.3% liked)
Technology
85893 readers
4982 users here now
This is a most excellent place for technology news and articles.
Our Rules
- Follow the lemmy.world rules.
- Only tech related news or articles.
- Be excellent to each other!
- Mod approved content bots can post up to 10 articles per day.
- Threads asking for personal tech support may be deleted.
- Politics threads may be removed.
- No memes allowed as posts, OK to post as comments.
- Only approved bots from the list below, this includes using AI responses and summaries. To ask if your bot can be added please contact a mod.
- Check for duplicates before posting, duplicates may be removed
- Accounts 7 days and younger will have their posts automatically removed.
Approved Bots
founded 3 years ago
MODERATORS
No.
Lol, I am on chromium 138 and it still doesn't work!
Nevermind, it was vertical centering. I see. Progress!
horizontal centering is justify-content: center
If display is flex.
Goes without saying.
Depends on your knowledge, of course. 👍
I love CSS, every time I do frontend work I get to learn it all over again.
Oh dear, how long before CSS malware?
a few years ago I read an article about CSS-based fingerprinting, where they were using media queries to load specific tracking pixels. no JS required.
Someone made CSS Minecraft. That was impressive.
Don’t give’em ideas….
The problem with CSS is that it’s not very intuitive and too flexible. You need to know how display and position works to understand the basic centering a div example. If you forget to change the display to flex you don’t get an error, it’s still valid CSS. You can examine the element in the browser but you’ll need to know to look for the issue there.
Then you’ll need to inline and block elements, etc.
And it’s a pretty unique system in general.
Clickbait. Actual less sensational point is in the text:
Not every site needs JavaScript.
Exactly!
The one I build for work definitely does since we do things like manipulate 3D models. The majority of sites just present information and costs would go down significantly if they used a static site generator.
The ability to do some basic calculations is what was missing in CSS from the start, IMHO. You don't want paragraph text to be too narrow or too wide as it would become unreadable, so a rule like "at least 20 ems, and then whichever is smaller of 100% or 80 ems centered on the page". But that required either really convoluted layout and rules, or just to work it out with JS after the page is loaded.
Would have been even better if we'd got Donald Knuth involved in the early CSS efforts, with some LaTeX-like attention to the details. There's no reason that computers can't render beautiful text, but it's rare for one person to be an expert typesetter and an expert programmer.
People use JavaScript for styling? Gross. Never liked JS, it's necessary for some things but I don't get building a 10mb site when a 0.1mb site is HTML/CSS would suffice.
Remember building for IE4/5 and had to check everything looked good with out JS because a lot of people had it disabled.
I learned to code CSS 25 years ago customizing pages in Neopets. It isn't hard to learn at all. I was 20 at the time with no coding experience.
CSS now is... a tad more complicated than it was 25 years ago, FYI.
I still code. IF you keep practicing it isn't hard. The article made some great points about people that focused on JAVA and ignored other things.
First of all, the article talks about JavaScript, not Java. Secondly, who writes "Java" in all caps?
Oracle, maybe
let me get this straight. if we learn it 20 years ago, and we keep practicing, it's not hard, is that right?
Life hacks. Get on board.
I have always been intimidated by CSS. Is a random background color possible without JavaScript? Like https://notpurple.com/ ?
How timely a question: https://webkit.org/blog/17285/rolling-the-dice-with-css-random/
tl;dr: CSS is getting genuine random for exactly that soon
(Not my code)
https://codepen.io/beben-koben/pen/eYPNew
You might be able to use this idea and set the animation to 0 seconds.
On second thought I don’t think it’ll work.
Nice to see posts from lobsters making it over here
The only language worse than JS is CSS...