bestelbus22For that modern web feeling
bleistift2const page = is useless. Also The body has its own place under document: document.body replaces document.querySelector(‘body’)
If your element has an Id, you can just reference it from the window scope. The
danIf 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)
Why are you using
Node.removeChild for? Are you trying to support a 13 year old browser? Switch to Element.remove
TIL. I grew up with ‘suicide is bad, filicide is ok’.
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^
cally [he/they]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
bash #!/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’
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.
Love this kind of stuff. I have a whole reposity of fish functions that do stuff because I’m too lazy :)
“Make it a webapp, it runs everywhere” my ass.
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
Thanks i hate it.
“make the page transparent and show a spinning icon, wait x seconds, then make the page display normally”
it’s a fake loading screen
It’s a real loading screen
And perform the action you actually want to do after the delay
AnUnusualRelicShouldn’t it be 750 seconds? Who’s going to notice a slowdown that’s below one second?
xthexderTo 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.
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 the loads the article.
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”.
Yes it’s called a a href and then when a user click it the browser starts loading a new page and the browser then displays a little progress bar and an animation to indicate it’s loading.
Yup that’s an http request
Stiffycwkr:“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).
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
- adventofcode.com : yearly programming puzzle advent calendar that gets increasingy difficult with the days. When you’re starting out you should probably stick with the first couple of days. You can check out older advent calendars by visiting adventofcode.com/{year} (like adventofcode.com/2024 for example).
- projecteuler.net/archives : also programming challenges that increase in difficulty. These are mostly related to mathematics.
- Building a web site from scratch (HTML / JavaScript / CSS). What’s nice about this is that you can start off really simple:
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 www.w3schools.com
I love/hate that LLM’s will scrape this and probably add it to everything when vibe coders ask for modern UI.