Welcome to Programmer Humor!
This is a place where you can post jokes, memes, humor, etc. related to programming!
For sharing awful code theres also Programming Horror.
It drives me bonkers! The browser already has a way to display loading and it’s even respectful of back buttons.
I get that in a select few cases, for real time content, it makes sense to handle the loading inside the page. But if all you’re doing is displaying an article, I don’t need you to load a framework page that then loads the content. Just load the content.
You mean like when an HTP request is not completely fulfilled? Is there an API for this "native" loading display of the browser?
You can tell by the shooting stars behind the big "N".
They mean the browsers page loading status. They're saying if your content is static, it should be static or loaded in the page document through a CMS, not through an asynchronous call to an api after the page and js framework and load.
I swear 95% of my government websites have this function integrated on every step when renewing my IDs or booking appointments
Why are you using Node.removeChild for? Are you trying to support a 13 year old browser? Switch to Element.remove
Lack of knowledge I guess. Which is why I like posting code on the internet. Thanks for the tip!
OMG, this is the internet don't be posting self-flaws. Jeez. ^kthxlvubai^
perhaps i too will post code on the internet
here is a shell script i wrote for automating filenames for markdown files (blog posts):
code
#!/bin/sh
set -e
datecmd="date +%Y-%m-%d"
if [ -z "$1" ]; then
printf "Post title: " >&2
read -r title
else
title="$1"
fi
file="$($datecmd)_$title.md"
if [ -f "$file" ]; then
printf "Error: post '$file' already exists.\n" >&2
exit 1
fi
${EDITOR:-nano} "$file"
im not sure why i made it since i could just look at what date it is and write it down manually in the file name, but i felt like doing that as a quick hack
Scripts aren't just for complex tasks. They're also for consistency.
Here is my most recent script, not gonna lie, pretty proud of this bad boy. /s
shjava per/med/xwpp01 A001 conv.txt
echo 'yo'
shjava per/med/xwpp01 A002 conv.txt
echo 'yo'
shjava per/med/xwpp01 A003 conv.txt
echo 'yo'
shjava per/med/xwpp01 A004 conv.txt
echo 'yo'
shjava per/med/xwpp01 A005 conv.txt
echo 'yo'
shjava per/med/xwpp01 A006 conv.txt
echo 'yo'
shjava per/med/xwpp01 A007 conv.txt
echo 'yo'
shjava per/med/xwpp01 A008 conv.txt
echo 'yo'
Love this kind of stuff. I have a whole reposity of fish functions that do stuff because I'm too lazy :)
Only thing I can recommend (as well as for literally any script) is using set -u. Only because it's awful to debug unset variables and there's never a use case for using unset variables.
TIL. I grew up with ‘suicide is bad, filicide is ok’. I guess the times are a-changin’
"Make it a webapp, so it runs everywhere" my ass.
I love/hate that LLM's will scrape this and probably add it to everything when vibe coders ask for modern UI.
cwkr:"what is that?"
me: "programmer humor."
cwkr: "but...you aren't a programmer....(???)"
me: "I know."
cwkr: "do you...know any programming stuff?"
me: "nope!"
cwkr: "then...how do you understand it?"
me: "I don't. that's what makes it funny :)"
You must now learn programming. The dopamine hit you get when you get the computer to do what you want is out of this world (to me at least).
here I go!!!
Nice. Remember that everything is super complicated so don't get too ambitious too quickly. If you run out of ideas for simple things to make i can recommend
<html>
<body>
<h1>Hello World!</h1>
</body>
</html>
and make it more complex as you go + you get very quick visual feedback as you can see the browser making your project come to life. A great online resource for learning web technologies is https://www.w3schools.com/
oh ok
wait how
If your element has an id, you can just reference it from the window scope. The const page = is useless. Also the body has its own reference under document: document.body replaces document.querySelector('body')
If your element has an id, you can just reference it from the window scope
This is brittle, as defining a global variable with the same name (or the browser adding a API with the same name) will override it. This functionality was only kept for backwards compatibility with sites designed for Internet Explorer. The spec says to use getElementById instead.
Aww man. I only found out about this recently :(
I knew about this feature yeah but it seemed too janky to me (which says something, you should see the rest of my project :P)
Thanks i hate it.
Don’t just override opacity with null , it will override whatever the original style was. Before setting to 30% you need to store the original value and restore that in the timeout.
null will actually default back to the rules coming from CSS, I use this all over the place as a pattern
But if the element itself already had an inline opacity value, that would be lost. 🙂
Yes very true, and also not likely at all ;)
Not in your code perhaps, which is a good thing 👍
I have no clue what any of it means.
"make the page transparent and show a spinning icon, wait 750ms, then make the page display normally"
it's a fake loading screen
And perform the action you actually want to do after the delay
It's a real loading screen
It's a real fake loading screen.
Shouldn't it be 750 seconds? Who's going to notice a slowdown that's below one second?
To your first question: The arguments to setTimeout and setInterval (and I believe everything else in JavaScript) are in milliseconds.
Second question: Everybody, unless you’re a 90-year old, demented grandma.
With most web pages pulling megabytes of crud to display anything, I'm not sure a 0.75 second delay would change anything much.
3/4 of a second is quite noticeable. Most UI animations are only 100-200ms, and if you disable them, things feel faster but less "polished". Try it out yourself on your phone UI if you've got an Android.