Is it finally possible to align things on the first try with CSS?
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: centerIf 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.
Yeah, of course you can add front end interactivity with css, but you still need JavaScript to run your server-side.
If I told this to 2005 me he’d think I flipped my lid. 😜
2005: Because server side is PHP… Obviously.
Ew, I used node.js for years and I am very glad I stopped. There are much better options…
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.
this was a fun read! I haven’t done much web UI in years, so it was nice to learn about some of the new, nice things that are available. i don’t think I’d remember some of the more advanced stuff though.
Nice to see posts from lobsters making it over here
The only language worse than JS is CSS…
