- cross-posted to:
- programmerhumor@lemmy.ml
- cross-posted to:
- programmerhumor@lemmy.ml
Okay but how do u center a div in 2025
Ask the browser nicely while using please and thanks.
Depends if you’re centering the div or the things in the div. Which has probably been the main issue since CSS was invented.
If using plain CSS, usually it’s enough to set
width
appropriately, andmargin-left
andmargin-right
toauto
.If using a Modern Frontend/CSS Framework, then may God have mercy on your poor soul.
(Seriously I just started a new project with TailwindCSS and I’m so confused. But not entirely desperate yet.)
So what is the point of these frameworks if they make it harder?
If you spend a lot of time on a single framework, you will transcend and become a sort of frontend diety, growing multiple extra limbs allowing you to type in CSS classes faster than any mere mortal
Until everyone moves over to the next thing and you start from 0 again. Web dev is a nightmare.
I’m doing a small hobby project (a ladder/ranking system for playing beer sports with my community), and I tried out Tailwind.
I gave up and loaded Bootstrap instead, but I will probably end up just writing all the CSS myself.
Seems so silly to have 15 CSS classes on a single DOM element…
While centering div, you add one to 2023.
If you define what you mean by centering I’ll give you a straight answer.
Vertically? Horizontally? Center the text or the entire box? Compared to the viewport, the parent container or the entire page?
“Centering” isn’t as straight forward as you’d think, and what you actually want usually depends on the situation.
Nah, just flex them boxes
Yeah that works if you wanna center a box of content it relative to the parent container, either horizontally or vertically. For other situations we’ve got different tools
You count half the pixels and put them in a margin-left
My experience is that the programmers from the first row very much still exist. My theory is that the number of programmers from the first row stayed the about same or even increased slightly. There are so many more so called “programmers” overall now, however, that in relation the first row programmers are much rarer now. And to be fair, you don’t need a programmer capable of programming entire games in assembly to center a div.
And vice versa, you don’t need to know how to centre a div to create a game in assembler. I’m comfortable using pointers and managing memory, but don’t ask me to do anything with web UI.
I’m guessing that someone who figured out how to keep a high score box centered on screen using assembly will figure it out to do it with CSS.
The reverse, not so much…
But you dont what the code of the assembly-style centered div in your codebase. Because nobody will be able to read it and understand what it even does. There are abstraction specific ways to solve problems and the right way to do something in assembly is not the right way to do it in CSS.
Agreed, in my limited experience with both CSS is like the conceptual opposite of assembly. When I do web design I tell it what I want to look like but can’t see how it’s getting there because that’s done for me. Assembly is the lowest level of abstraction we’ve got and it took me ages to write a little program for class that returns an argument in it (Jasmin VM) and then get GCC to compile it.
I would say that CSS is like doing an incantation that magically makes the site look good if you do it right, and assembly is like building something by hand.
Can’t exit Vim
Ah yes, the legendary filter
I first tried vi in the early 90s, before I had easy access to online resources. I had to open a new shell and kill the vi process to exit it. Next time I dialed into my usual BBS I asked how to exit that thing. But since then I’ve liked it, because vi has been on every system I ever ssh’ed into.
I can exit Vim, it just feels like trying to rip out the dashboard and the interiors from a family car because race cars also lack them. Kate is a good speedy alternative to VSCode, not to mention it also does not have Microsoft’s greedy hands on it.
I don’t get your analogy, but (neo)vim is a full featured IDE if you configure it to be one
:x
it says I don’t have permission
QA: “Yeah, Hi. Can you look at this defect ticket?”
Reading ticket details…
Me: “Let me guess. Is [whatshisname] responsible for this?”
QA: “Yeah.”
Me: “Get him to fix it.”
QA: “I tried. Like four times.”
Me: Sigh “I’ll take care of it.”
QA: “Thank you!”
I recently learned you can’t put a form into another form
I recently learned you cant put a form into another form
I once had a junior calling me in a panic because he didn’t know how to quit nano. NANO!
Do you remember the “press any key to exit”? Someone asked where is the “any” key.
Nano nano!
drinks water with finger
Ork humor. Love it.
Nano… Like… The one that has all the keybinds permanently shown at the bottom of the screen?
Onscreen instructions unclear, pressed Shift+6+X. Still stuck in Nano.
Burnt into the old LCD screen.
And your retinas.
Yeah, that one…
That deserves a “do you know how to read?”, because the exit command is on the lower part of the screen for nano
I had an intermediate not understand how to read a pipe-delimited text file.
Read as in, with their eyes? Or how to ingest it into some other app/script? Cos I’m vaguely aware that awk can be used in some way for this, but wouldn’t have a clue how.
The former.
80s programmers hated Unix, btw. Look up Unix Haters Handbook, it’s a free and funny read
Unix Haters Handbook
https://en.wikipedia.org/wiki/The_UNIX-HATERS_Handbook
Didn’t knew this. It has 360 pages, wow!
EDIT:
The Macintosh on which I type this has 64MB: Unix was not designed for the Mac. What kind of challenge is there when you have that much RAM?
hehe
I prefer the MIT link, it’s faster 😁
Unix does so many stupid things and we’re still stuck with some of them. Especially the terminal section still applies today.
Hey buddy, if I fix one bug and cause three more, it’s called job security. Where’s my medal?
Getting to keep your job is your medal then.
I have to say, I’m pretty sure those guys were in the past too.
I feel very confident in my understanding of random 8 bit CPUs and their support chips, but asking me to center a div is like this xkcd.
tar --help
(joke)
YOU FOOL! THE ACTUAL COMMAND WAStar -?
That dash looks an awful lot like an em-dash
Normal:
-
Em:
–
That reminds me of this Elle Cordova short: https://youtube.com/shorts/ky0YOo7_Y0o
I’ve never understood why people are so intimidated by tar
tar -eXtract Ze Vucking File
Nobody wants to deliberately use the wrong compression type when extracting, so modern tar will figure out the compression itself if you just point it at a file. So
tar -xf filename
works on almost anything. You don’t need to remember which flag to use on a.tar.bz2
file and which one for a.tar.xz
file.That doesn’t give me a memorable mnemonic though.
tar -eXtract File
yeah, but then how am I supposed to remember “tar” ? :P
Tape ARchive -eXtract File
Thanks! This will definitely help me to remember it from now on.
Me 6 months from now:
tar -EZVF
Me in 6 months "
how to install winzip using terminal"
It is sticky and pretty much ruins clothes.
It is “backwards” from some other commands — usually you run copy/rsync/link from source to destination, but with tar the destination (tarball) is specified before the source (directory/files).
That, and the flags not needing dashes always just throws me for a loop.
And the icing on the cake is that I don’t use tar for tarring that often, so I lose all muscle memory (untaring a tgz or tar.bz2 is frequent enough that I can usually get that right at least…).
I almost never create a tarball, so I have to look up the syntax for that. Which is as simple as
man tar
. But as far as extracting it almost couldn’t be easier,tar xf <tarball>
and call it a day. Or if you want to list the contents without extracting,tar tf <tarball>
. Unless you’re using an ancient version of tar, it will detect and handle whatever compression format you’re using without you having to remember if you needz
orJ
or whatever.
I got tired of looking up the options for each possible combination of archiving + compression, so today I have a “magic” bash function that can extract almost any format.
Then for compressing, I only use
zip
, which doesn’t need any args other than the archive name and the thing you’re compressing. It needs-r
when recursing on dirs, but unlike “eXtract” and “Ze”, that’s a good mnemonic.
Love the shoutout to Margaret Hamilton
The majority of “programmers in the past” should be women actually, but our meme formats are still too patriarchal to express that in 2025.
“Creates a whole game in assembly” is probably referring to roller coaster tycoon, which was written by a man. (lots of other games were written in asm, like many NES games, but I’d wager RCT was what they were alluding to)
So were “computers”. It used to be a job, delegated mostly to women. The JD is doing calculations day in and day out.
We need to bring back 2010-2012 rage comic memes. All we needed was a badly cut-out blonde wig to trans Derp’s gender.
The glory days of Derp and Derpina
Obligatory Grace Hopper
The moon landing by hand wouldn’t have been as funny without the over the top body builders first.
“too patriarchal” no one was thinking of “furthering the goals of the patriarchy” or whatever your delusions tell you.
It’s just people making memes, and most people who make memes who are guys will make memes with guys in them, because they identify with them the most.
Your brain dead take is pure cancer.
I agree with you: I never intended to imply explicit anti-diversity intentions or even awareness of the biases embedded in our culture.
Implicit bias refers to the attitudes or stereotypes that affect our understanding, actions, and decisions in an unconscious manner. Implicit biases are activated involuntarily, unconsciously, and without one’s awareness or intentional control (see, e.g., Greenwald & Krieger, 2006; Kang, et al., 2012; Nier, 2005; Rudman, 2004a)
The large initial percentage of female coders was due to computer having been a female job, because secretary was. Their role within companies didn’t change, what changed is that they were using machines to do the computing instead of doing it by hand.
We’re kinda lucky to have the woke trifecta (Ada, Grace, Alan) (first programmer (woman), inventor of compilers (woman), absolute unit (gay)) to keep the chuds at bay. Even if we weren’t all socially inept nerds (or pretending to be so to bosses) there’s only so much you can do, culturally, if the population is growing exponentially. Uncle Bob (yes I know he’s a chud) did the maths at some point IIRC it was something like the number of programmers doubling every two years. Which also means that at any one point in time roughly 2/3rds of programmers have no idea what they’re doing, which explains the javascript ecosystem.
So many great points in a short comment. I love your high bandwidth writing style!
Dude. Chill. Ain’t nobody giving a shit about your take on someone else’s take.
I once had an intern attempt to install sudo using NPM and when that didn’t work he asked ChatGPT “Why can’t I install sudo from NPM?” while I’m trying to explain it to him.
He was smart, but somehow knew very little about commercial computers despite being on the verge of getting his master’s in computer science.
“Wait why can’t I install windows iso from vscode extension store?”
Bottom right has always happened, just create bugs yourself and then fix them to keep your job
“jubilationtcornpone is a great dev. He closes more tickets than anyone.”
It’s easy, just use @media and padding to the left side of the div to put it in the centre for each screen size.
div { margin: auto; }
One of my favourite game dev stories from the 1980s is the story of Elite. It was a game people thought couldn’t be made. Most devs thought hardware wasn’t powerful enough and publishers thought it wouldn’t be fun enough.
It was one of the first properly 3D open world video games ever made. I think when it released it sold nearly as many copies as there were home computers that could run it.
In order to make the game small enough to fit on a cassette tape they had to ditch basic and program the entire game, world in assembly.
There’s a fantastic video about it here: https://youtu.be/lC4YLMLar5I
In order to make the game small enough to fit on a cassette tape they had to ditch basic and program the entire game, world in assembly.
Putting aside the fact that the majority of commercial games of the time were written in assembly (or other low-level languages) just as a matter of course, I strongly suspect that programming the game in assembly was an execution speed issue, and not a cassette space issue. Regular audio cassettes easily held enough data to fill an average 8-bit home computer’s memory many times over, whether that data was machine code or BASIC instruction codes.
Elite Dangerous is the most recent installment of the series started by that game
the game small enough to fit on a cassette tape
Holy hell, that is OLD old. We’re talking about the beginnings of digital time here. Had the first web constellations formed yet? How fast did you crank your CPU?
Yeah, I played it a lot, and a similar one called aviator which was a kinda flight sim. There wasn’t really much of an internet back then but stuff was easy to copy on tapes.
You couldn’t crank your CPU in the olden days, it’d make games run in fast forward.
Hey now. Searching stack overflow circia 2011 to 2018 was an Art. You had to know enough to find the correct question that wasn’t deleted because a mod thought it was a duplicate of another question
Before that you had to hang out on flipside or other gamedev sites and show your worthiness before begging for information.
I was so proud when they shared the DS hack (basically a homebrew SDK made by trial and error by some people) so that I could make small games on it.
Also to find the actual correct answer three comments down because the one that was voted highest worked, but was actually a really shit way to do the thing being asked
I often found the correct answers in the comments of an answer
After a while you got know which stack overflow questions were a waste of time, and you used that knowledge for years.