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 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
- https://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 https://adventofcode.com/{year} (like https://adventofcode.com/2024 for example).
- https://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:
<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/
ooooh thanks! also the website is for, like, kids to learn code so expect it’ll be simple enough.
oh ok
wait how
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?
