#JavaScript that scales

[clonecoding-en]

Exploring Web Animation: CSS vs. JavaScript

This article delves into the realm of web animation, exploring a wide range of techniques used to enhance the visual allure and interactivity of websites. The piece discusses the implementation of various animations using both CSS and JavaScript, highlighting the unique benefits each approach offers. While both CSS and JavaScript can achieve similar animation effects, the article suggests that, in most cases, using CSS is the preferred option due to its advantages.

The article delves into the fundamental concepts and practical examples of different animation techniques, such as transitions, keyframe animations, transforms, rotation and spin, scaling, fade in/fade out, and blinking effects. By showcasing how these techniques can be executed using both CSS and JavaScript, the article aims to empower designers and developers to make informed decisions about which method to choose for their animations. Additionally, the article emphasizes the recommendation to lean towards using CSS for animations, highlighting its benefits in terms of performance, simplicity, and consistent behavior across browsers and devices.

[kimyoonmiauthor]

Writer tip: Repeating a character trait doesn't make it true.

"he/she/they were clever." said ad nauseum doesn't make it true. Prove it in the text, demonstrate it.

I mean you could tell me. And you could show me the university certificate, but it doesn't make it true and I won't believe you.

s/He was an inventor. Fine. He was an inventor, then demonstrate it in the text. Are they a one-trick pony and can't apply it after you introduce it? Then I think he stole the invention. He doesn't know how it works, can't demonstrate it being useful in other applications, can't figure out how to invent anything on the spot, has no mind of being an engineer. I don't believe you. Give me the mindset of the person.

The person was intelligent... again, demonstrate this is true in the text by them using words in context that makes them sound emotionally and intellectually intelligent. I'd be much more impressed if they were explaining fancy mathematical theory to a three year old using three-year old language than I would be them using long multi-syllabic words at random. That takes extra intelligence, to me. Fermat's Theorem AND be sensitive enough to get a Three year old's attention, hold it, and get the kid to understand. That's like intelligence on steroids.

It's not show or tell in this case, it's *actually put it into the text* instead of slamming me with the character trait over and over.

If I went around telling everyone every ten seconds I was smart, and I was clever, would you believe me? If I said I got into Yale, maybe you would wince and ask something like, Iunno, were you a nepo?

But if I told you I watched an episode of MacGyver and then broke apart a mechanical pencil for the spring and used some sticky tack to fix a screen door. That would lead some credence to how I was smart.

(BTW, he wasn't fixing a screen door in the episode).

If I told you I used dental floss to make a locking door open from the other side, you might believe me (It was a lunchroom push door. I'd gone to the dentist the previous day and had it in my pocket. I got sick of getting up for the door, so rigged it.)

BTW, this isn't a copy-paste moment, but to think up your own creative solutions to problems and try to borrow the mindset of everything can be fixed with duct tape, for example.

In another words, the more I demonstrate the logic, the mindset, then you'll start to believe me.

This person was creative. Still doesn't make it true. This person did avante garde paintings challenging colonialism and a dying planet using mixed mediums and trash, might tip those scales.

Frankly, I don't care if you tell me, or if you show me, just demonstrate it on the page it's true instead of repeating it over and over at me.

Go MacGyver with your engineer. Know your art movements for your artist. Know your pirouettes for your ballerinas. Pick up at least a fraction of the mindsets, so when Iunno, a computer engineer looks at someone saying the UX person told them that the program functions, but it doesn't actually work, it makes sense. (I saw a Japanese drama do this brilliantly, BTW, and I was delighted. On the flip side, I've seen people try to pass HTML and Javascript as "programming" especially badly formatted Javascript. I'm looking at you Square Space. WTF was with that badly formatted Javascript and calling that "programming". I may lack game, but seriously, that's not a good advertisement. Look, our program spits out terrible javascript and we don't know what programming and scripting is...) This is why the best writers are nerds. Wok Hei for your Chinese chef. I spent 3 hours looking up old waterwheels to get the engineering.

Again, don't use AI to get there, do the work and find an edge to play with. A gap. Because AI can't find gaps. A lot of professions have mindsets or varying mindsets. And if you capture that, you'll get ahead. Did I watch Cells at Work because doctors highly recommended the anime, yes I did. But I also picked up how doctors think.

BTW, dropping into process story structure for a little bit to demonstrate the impact or the brilliance of a chef, a painter, an engineer, etc usually tips people over the edge. It doesn't have to consume that long in the book either.

[gabessquishytum]

Dream's a software developer (I could see either as an architect for that large-scale view mentality or as the Senior level dev that keeps getting asked to move into management type positions and just straight up refuses because he's been doing code happily for the past fifteen years and doesn't plan on changing that now).

He enjoys his job enough. He likes computers and code. It functions exactly as told (for better or worse) and appreciates the straightforwardness of it all. He's a bit insufferable to work with, but if you have an issue, he'll readily help (just be prepares for critiques on your code in the process).

Hob works at the same company as Dream, but as a front-end dev. The work he does for his day job is kinda boring. All standard corporate style web design. No fancy scripts or fun colors. But in his spare time, he weaves Javascript and CSS like a wizard and creates magical, animated scenes across the page. Would it be easier to just make a video and play it on the page instead? Sure, but where's the fun in that?

Dream and Hob get paired together on a small side project for work. Hob does the front-end work, Dream does the back-end. They get on each other's nerves at first, until Dream spots Hob tinkering with his personal code on their lunch break and is honestly a bit in awe. He's found code beautiful in its own right (the way one appreciates a well-oiled machine) but he's never seen it wielded in such a fashion before. This is the moment he falls just a little bit (read: a lotta bit) in love with Hob. He was already starting to fall for that endless charm and wit of his anyways.

The company hits the first quarter of the New Year and with it come layoffs. Hob gets fired along with some other devs from Dream's same team (a younger pair of devs: Matthew and Jessamy). A fellow named Will comes along to help Dream finish the project in Hob's stead and Dream hates every moment of it. He misses Hob, more than he ever thought he would.

So, in an impulsive rush of anger and longing, he quits the company because how dare it toss someone as good as Hob Gadling out the door without a thought? He's halfway to the café he and Hob had started frequenting together when he realizes that he's just thrown away a career fifteen years in the making. But when he finally gets to the café and sees Hob tapping away on his laptop, he knows he's made the right choice.

Dream slides into the seat across from him and proposes that they build something wonderful together. So they create a small business of their own. They become a freelance web dev team (and steal Jessamy and Matthew as well) and with their skills combined, they take off. It's not huge, but for their size, they're incredibly popular. And Dream's certain he's never enjoyed his work more than when he's working beside Hob.

Later on, Hob proposes to Dream via a custom website with the most beautiful web animations he's ever seen before. And of course, he says yes.

(If you're curious about what inspired this, here's the website: http://www.species-in-pieces.com)

This is such a good concept for a story!!! I really really love aus where Dream and Hob are coworkers. Dream being the grumpy, awkward guy who hides behind his coffee mug while Hob is the popular, chatty one who tries to get Dream involved in fun office activities or socialising after work - it makes so much sense to me.

And Dream quitting his long-term dream job because he's mad that genuinely talented people have been laid off? I love it. Dream just has this inate appreciation for hard work and good art, and that's exactly what Hob (and Jessamy and Matthew) do. How dare the stupid company not understand that they're firing people who deserve to thrive and grow in an environment which actually appreciates them? Everyone is shocked that Dream has quit (not only that, he sends around an email to everyone in the company from the ceo all the way down to the work experience guy, outlining exactly why he quit) because he seemed to be the type to play by the rules and never leave his comfort zone. Apparently, Hob has really helped him bloom into a much more confident person, able to express his principles and strive for better.

And Hob isn't surprised, because he always knew that Dream had the courage, talent and ambition to strike out on his own. Maybe he just needed a bit of love and understanding. Which Hob is only too happy to provide.

Their work together sometimes involves long hours and stress, but Dream wouldn't ever want to go back to the slightly soulless corporation where he used to be. Even if he's tired and a little frustrated by Hob’s disorganised workspace, Dream is perfectly content. There's nothing better than curling up in Hob’s lap while he taps away on a line of code. Plus, he has a great time building their wedding website. Hob got to propose, so Dream gets to celebrate their upcoming marriage with his own expression of love through code. The theme colours are, of course, black and red <3

[darkmaga-returns]

Internet censorship tactics are happening on a grand scale in secrecy. The establishment is scrubbing internet achieves across numerous platforms in an attempt to reframe public opinion and ultimately rewrite history.

Archive.org has been tracking websites since 1994, but recently, it has stopped collecting data in real-time. The website stopped archiving on October 8, 2024, with a curious explanation: Archive.org faced a Denial of Service attack (DDOS) that nearly wiped it out. Who would be targeting such a service?

The platform released the following message:Last week, along with a DDOS attack and exposure of patron email addresses and encrypted passwords, the Internet Archive’s website javascript was defaced, leading us to bring the site down to access and improve our security. The stored data of the Internet Archive is safe and we are working on resuming services safely. This new reality requires heightened attention to cyber security and we are responding. We apologize for the impact of these library services being unavailable.

A librarian for the organization said that they expect the service to be restored but was unable to provide details. “While the Wayback Machine has been in read-only mode, web crawling and archiving have continued. Those materials will be available via the Wayback Machine as services are secured.” This means that individual websites may scrub content from their site without any third-party having the ability to capture it.

Now, this is not a one-off issue. Good cache just so happened to cease service shortly after Archive.org was hacked. The service would provide users with a cached version of the website they were viewing. Google offered no explanation. It’s Google – they have the server capacity to continue this service.

The items that have not been scrubbed from the internet have been hidden by Big Tech. Joe Rogan’s viral interview with Donald Trump secured over 34 million views. Yet, Google and YouTube have altered their search engines to make the video difficult to find. Rogan was forced to post the full three-hour interview on X, one of the final frontier of free speech

AI search tools have been corrupted. Alexa, owned by Amazon, once provided a view count for various websites and services. Alexa was not originally the in-home device that we are familiar with as the company was developed independently and purchased by Amazon in 1999. Amazon coincidentally named its in-home tool “Alexa” in 2014. The company quietly removed the web ranking tool in 2022 with no explanation.

I do not offer ad space on this website as I do not want to be beholden to any third parties. We keep our services open and archive our content for future use. There is a reason that Big Tech is suddenly masking the internet while leaving no trace. They say history belongs to the victors. The establishment will ensure that they have the final say in how our stories are told to future generations.

[hauntinginprogress]

neocities heracles trials: from a chaotic newbie

okay so i want to actually start posting here and i finally got it through my thick skull that this is LITERALLY A BLOG. i'm supposed to blog. so here's a blog post.

anyways, for context, i've been working on my neocities for a while now, recently started over to make things more original and more me. another thing to note is that i'm using VScode.

the issue here is that i have zero well not exactly zero but i lack any professional/academic background experience with making websites. the html isn't the issue (thankfully) but holy shit dude...css+javascript implementation . basic styling with css is no biggie, right? absolutely, however...may i introduce: smooth transitions + the absolutely tragic fact that the <marquee> tag is deprecated an accessibility issue.

so, my first goal day one was to recreate a marquee animation through css. so i tried to simply implement this incredibly useful bit of code into my site (in which if you're interested i totally think my failure to get it working was user error so please check it out it works great if you're not me) but, lo and behold, despite me getting it to work in my V1 project, i could not, for the life of me, get it to work. so i, not too familiar with css animation and completely lost when it comes to javascript, started grasping at straws. i ended up finding this tutorial and, with some improvisation since the tutorial is for webflow and i'm manually writing everything, managed to make my own css recreation of a marquee effect essentially from scratch, and even learned about the animation-play-state css attribute so i could pause the effect when the marquee is hovered over! victory, basically.

then, i looked around the many cool and absolutely awesome sites on neocities to get inspiration, and then i was like "hey what if i made a custom button background image" and with some trial and error, made myself a pretty decent base (for now) with aseprite, and learned more about the program in the meantime which is always a plus.

then i decided that i wanted to do more with the buttons. i wanted to make it animate on hover. not too hard right? you'll...you'll see why i struggled...in a moment...

anyways, i settled on a simple shrink animation. which THIS i could do with ease, messed around a bit, got the keyframes, assigned that to the button:hover and all of that and all was good!...until i realized that once i stopped hovering over it, it snapped back to its original scale instead of transitioning smoothly again. THIS is where the "fun" began.

see, although i can wrap my head around things easily when it comes to css, i have to constantly look up what the proper syntax for everything is because otherwise i'll mess everything up. and through my research i had conducted (aka surfing through multiple blogs and reddit posts alongside other things on random forum websites) i had discovered the very neat transition attribute.

but we'll have to return to this because i have adhd, and i ended up getting distracted during this process. see, originally i had decided that the button would change it's visual to appear like it was pressed when the user's mouse hovered over it. then i was like "i don't think this makes sense" so i changed it so that the button wouldn't change its background image unless the user actually clicked on it. so i did that. then i had to make sure that the button wouldn't magically scale up again so i had to transform the styling and blah blah blah those details aren't really that important ANYWAYS the actual important bit about this is that if you use the transition attribute and there's a change in background images that change will also be transitioned unless you set the transition to only apply to a specific change. and i didn't know that originally. so every time i tried to fix things up with a transition so the button wouldn't snap back to it's original size out of nowhere the background would slooowly change as well and i actually got so frustrated with this that i wanted to burn something down because that's a totally normal reaction i guess. anyways, then i started frantically searching for answers on the topic and EVERY. SINGLE. THING. THAT I FOUND. INCLUDED JAVASCRIPT.

i do not know javascript. i have not learned anything about it unlike css and html. it SCARES me and it is FRUSTRATING. but i thought i'd try it anyways. news flash that shit didn't work at all and i almost thought about scrapping the animation entirely especially when it randomly stopped working when i made certain changes, but i ended up eventually figuring out what i mentioned earlier (CSS transitions and the fact that you can assign them to only affect a specific change instead of everything) so with some dabbling here and there i eventually managed to finally figure out how to make everything smooth through pure css and although it still snaps if the element hasn't finished animating i'm happy with it.

moving on to another thing, i wanted to then make a sound effect play when you click the button. yes, we are still talking about buttons. THIS i could not do with css, like, at all. javascript admittedly is for interactivity and i had already been bending the rules quite a bit with the animations since those teechnically should've been done with javascript as well but this? this was impossible without javascript. so i found a free mp3, and searched up a nice little tutorial on the very basics of javascript.

little did I know that apparently, this would be my own personal little hell.

see, no matter how many times i tried a different script, the sound just would not work like at all. i'd do everything in what i assumed to be the correct way, and no matter what, it would not play. knowing that i'd just have to revisit this, i decided it was best to just sort of put it on the back burner.

and this is where i wish i could say this is the end of my absolutely gobstopping rant. however, i cannot.

see, one thing that i really like that i've seen in a lot of other people's sites is draggable windows. i think they're sick. but this ALSO requires javascript, but i didn't think this could POSSIBLY be that bad since so many people did it.

...right?.......right? guys. right?

MOTHERFUCKER I WAS SO WRONG.

see, it turns out that a lot of people do this sort of thing with jQuery, specifically for user interfaces. but vscode doesn't have a "user friendly" way to get jquery to work with it. and because i don't want to mess with program files, i decided that logically speaking jquery just makes writing things in js scripts less complicated and doesn't introduce things that are impossible in vanilla javascript so i decided i could suffer a little bit and try and do things without jquery.

this led me to looking at many sites with draggable windows to look at their own scripts, in which every single time i tried replicating things i FAILED.

i eventually stumbled upon a nice code that worked. but the issue with it - in which unfortunately i can't find it, else i'd link it - is that it works with not only element classes but also a specific ID. see, this would be fine if i only wanted ONE draggable element. but i want multiple. and i thought that maybe if i just duplicated the script and dedicated it to a different ID and changed function names it would work but nooo life cannot be this easy apparently. so after setting up my webmaster status window, getting that to work, i tried doing the aforementioned method for what will eventually be a guestbook of sorts. it failed.

so i decided, "hey i'll revisit this later!!" and i went on to finding a way to implement a status widget into my site. this honestly was really easy as i ended up stumbling upon status.cafe . so i registered, eventually got my account activated, and i got it working in my live port of vscode just fine!! all is good in the world.

well that's what i thought until i found out that since i had created my neocities account in march of 2024, and i'm unemployed since i'm still in high school hence i have a free account, that i could not. use the widget. in neocities. so i tried finding a work around, found this handy guide (which is genuinely useful by the way) and set up things through a RSS feed instead which is essentially just a work around that complies with the security restrictions of neocities that i'm bound by. anyways, this works great but i literally just can't customize it to how i want so this is another fail. then i find imood.com which, although is NICE, doesn't suit what i want on its own. so i'm at a loss here too.

so, again, another thing to put to the side i suppose.

so i started working on getting my guestbook, browsed through people's homepages again, and found chattable . and you probably think i have another paragraph complaining about this but honestly i can't write about something when i can't figure out how to even create a chat to implement onto my site in the first place so...y'know.

plus, i honestly have no clue if it'll work on my site either due to security restrictions so this is fun!!

anyways, after dealing with all of this, i finally decided it was about time i ported what i had so far over onto my neocities account. which isn't actually that hard i just had to wipe all of my files, overwrite the content in my index.html file there and paste in what i have now, and then upload my new files. but for some god awful reason after i went through all of this chrome just. kept depending on my old stylesheet??? so i had to clear some of my browsing data and eventually everything was loading properly for me.

and THIS is finally the end of my ridiculous documentation concering my neocities adventure so far.

i have no doubts i'll end up ranting here AGAIN about all of this but for now this is all i have on my plate...besides finally caving and learning javascript for real and continuing to learn more about html and css. hopefully one day i'll stop having such frequent issues but now is not the time and i doubt that'll be anytime soon either.

moral of the story, if you want to start something new and pick up a new hobby, please for the love of all that is of substance in this world don't go in completely blind like i've done if you're going to be making a project of some sorts. it will only lead to many misfortunes.

anyways you can see what i currently have done in my neocities here, make suggestions or give advice in the notes and whatnot i don't know.

[elkement]

Clovery Coppery Citadel

Again - as in my last traditional drawing - my mathematical tower with a clover-leaf shaped base. Aa special case of my spherical functions - an "orbital" with infinitely extended lobes!

Playing mainly with colors here! This combo (navy/violet + orange/dark yellow + light grey) or something close to it is one of my favorites. It is always fascinating how different the same colors look when contrasted with a different "partner color", and also depending on the texture.

The original is 5000x5000 pixels and scaled down above, and I am adding a cut-out also at the original resolution:

Created with hand-crafted JavaScript code based on threejs, no AI.

(Silly title as usual, but I can't wait to use it as a seed for Found Poetry!)

[mariacallous]

The hacker ecosystem in Russia, more than perhaps anywhere else in the world, has long blurred the lines between cybercrime, state-sponsored cyberwarfare, and espionage. Now an indictment of a group of Russian nationals and the takedown of their sprawling botnet offers the clearest example in years of how a single malware operation allegedly enabled hacking operations as varied as ransomware, wartime cyberattacks in Ukraine, and spying against foreign governments.

The US Department of Justice today announced criminal charges today against 16 individuals law enforcement authorities have linked to a malware operation known as DanaBot, which according to a complaint infected at least 300,000 machines around the world. The DOJ’s announcement of the charges describes the group as “Russia-based,” and names two of the suspects, Aleksandr Stepanov and Artem Aleksandrovich Kalinkin, as living in Novosibirsk, Russia. Five other suspects are named in the indictment, while another nine are identified only by their pseudonyms. In addition to those charges, the Justice Department says the Defense Criminal Investigative Service (DCIS)—a criminal investigation arm of the Department of Defense—carried out seizures of DanaBot infrastructure around the world, including in the US.

Aside from alleging how DanaBot was used in for-profit criminal hacking, the indictment also makes a rarer claim—it describes how a second variant of the malware it says was used in espionage against military, government, and NGO targets. “Pervasive malware like DanaBot harms hundreds of thousands of victims around the world, including sensitive military, diplomatic, and government entities, and causes many millions of dollars in losses,” US attorney Bill Essayli wrote in a statement.

Since 2018, DanaBot—described in the criminal complaint as “incredibly invasive malware”—has infected millions of computers around the world, initially as a banking trojan designed to steal directly from those PCs' owners with modular features designed for credit card and cryptocurrency theft. Because its creators allegedly sold it in an “affiliate” model that made it available to other hacker groups for $3,000 to $4,000 a month, however, it was soon used as a tool to install different forms of malware in a broad array of operations, including ransomware. Its targets, too, quickly spread from initial victims in Ukraine, Poland, Italy, Germany, Austria, and Australia to US and Canadian financial institutions, according to an analysis of the operation by cybersecurity firm Crowdstrike.

At one point in 2021, according to Crowdstrike, Danabot was used in a software supply-chain attack that hid the malware in a javascript coding tool called NPM with millions of weekly downloads. Crowdstrike found victims of that compromised tool across the financial service, transportation, technology, and media industries.

That scale and the wide variety of its criminal uses made DanaBot “a juggernaut of the e-crime landscape,” according to Selena Larson, a staff threat researcher at cybersecurity firm Proofpoint.

More uniquely, though, DanaBot has also been used at times for hacking campaigns that appear to be state-sponsored or linked to Russian government agency interests. In 2019 and 2020, it was used to target a handful of Western government officials in apparent espionage operations, according to the DOJ's indictment. According to Proofpoint, the malware in those instances was delivered in phishing messages that impersonated the Organization for Security and Cooperation in Europe and a Kazakhstan government entity.

Then, in the early weeks of Russia's full-scale invasion of Ukraine, which began in February 2022, DanaBot was used to install a distributed denial-of-service (DDoS) tool onto infected machines and launch attacks against the webmail server of the Ukrainian Ministry of Defense and National Security and Defense Council of Ukraine.

All of that makes DanaBot a particularly clear example of how cybercriminal malware has allegedly been adopted by Russian state hackers, Proofpoint's Larson says. “There have been a lot of suggestions historically of cybercriminal operators palling around with Russian government entities, but there hasn't been a lot of public reporting on these increasingly blurred lines,” says Larson. The case of DanaBot, she says, “is pretty notable, because it's public evidence of this overlap where we see e-crime tooling used for espionage purposes.”

In the criminal complaint, DCIS investigator Elliott Peterson—a former FBI agent known for his work on the investigation into the creators of the Mirai botnet—alleges that some members of the DanaBot operation were identified after they infected their own computers with the malware. Those infections may have been for the purposes of testing the trojan, or may have been accidental, according to Peterson. Either way, they resulted in identifying information about the alleged hackers ending up on DanaBot infrastructure that DCIS later seized. “The inadvertent infections often resulted in sensitive and compromising data being stolen from the actor's computer by the malware and stored on DanaBot servers, including data that helped identify members of the DanaBot organization,” Peterson writes.

The operators of DanaBot remain at large, but the takedown of a large-scale tool in so many forms of Russian-origin hacking—both state-sponsored and criminal—represents a significant milestone, says Adam Meyers, who leads threat intelligence research at Crowdstrike.

“Every time you disrupt a multiyear operation, you're impacting their ability to monetize it. It also creates a bit of a vacuum, and somebody else is going to step up and take that place,” Meyers says. “But the more we can disrupt them, the more we keep them on their back heels. We should rinse and repeat and go find the next target.”

[david-goldrock]

Rate the following languages by any scale you'd like:

English

Русский

עברית

C

JavaScript

עברית

English

C

Русский

JavaScript

[bharatpatel1061]

Static Typing in Dynamic Languages: A Modern Safety Net

Content: Traditionally, dynamic languages like Python and JavaScript traded compile-time type safety for speed and flexibility. But today, optional static typing—via tools like TypeScript for JavaScript or Python’s typing module—brings the best of both worlds.

Static types improve code readability, tooling (like autocompletion), and catch potential errors early. They also make refactoring safer and large-scale collaboration easier.

TypeScript’s popularity showcases how adding types to JavaScript empowers developers to manage growing codebases with greater confidence. Similarly, using Python’s type hints with tools like mypy can improve code robustness without sacrificing Python’s simplicity.

For teams prioritizing long-term maintainability, adopting static typing early pays dividends. Organizations, including Software Development, advocate for using typing disciplines to future-proof projects without overcomplicating development.

Static typing is not about perfection; it’s about increasing predictability and easing future changes.

Start by adding types to critical parts of your codebase—public APIs, core data models, and utility libraries—before expanding to the entire project.

[orbitwebtech]

When it comes to building high-performance, scalable, and modern web applications, Node.js continues to stand out as a top choice for developers and businesses alike. It’s not just another backend technology it’s a powerful runtime that transforms the way web apps are developed and experienced.

Whether you're building a real-time chat app, a fast eCommerce platform, or a large-scale enterprise tool, Node.js has the flexibility and speed to meet your needs.

⚡ High Speed – Powered by Google’s V8 engine.

🔁 Non-blocking I/O – Handles multiple requests smoothly.

🌐 JavaScript Everywhere – Frontend + backend in one language.

📦 npm Packages – Huge library for faster development.

📈 Built to Scale – Great for real-time and high-traffic apps.

🤝 Strong Community – Get support, updates, and tools easily.

Your next web app? Make it real-time, responsive, and ridiculously efficient. Make it with Node.js.

[gordonramsei]

⟢ ∘ ｡ DELICATE + DREAMER ⦂ SEPTEMBER 2023 , THEME & PAGE .

delicate + delicate dreamer is a theme and page combo designed to be used together for either a single muse page , a main , or anything else that speaks to u ! both the theme and the page are available to the coding and theme tier as a special treat for my supporters this month . alternatively , u can purchase each code by itself or as a pack on payhip . enjoy the codes !

please give this post a reblog & a like & take care of urself ! keep hydrated & pet a cute animal today !

∘ ｡⟣ specs for delicate :

single  ,  large  sidebar  image  .

(  optional  )  sidebar accent images that scale up on hover  .

(  optional  )  hover - able title  or stagnant title .

(  optional  )  toggle the visibility of the title for a more minimalistic look .

offers accessible font  sizing  option .

offers  390px  post  sizing  .

animated pinned post marquee .

one  editable  link  for  u  to  use  for  whatever  .

6  editable  links  in  the  nav  tab  .

subtle  fade  in  tab  animation  .

ooc info box + description in the nav tab .

complete  list  of  credits  and  inspirations  are  detailed  in  the  code  .

∘ ｡⟣ specs for delicate dreamer :

100% javascript free page !

animated marquee title .

a bio / stats page .

favorites page w/ spotify playlist and outfit inspo images .

an aesthetic page with 9 boxes that display text upon hover .

live previews : delicate , delicate dreamer .

payhip purchase links : delicate ( theme only ) , delicate dreamer ( page only ) , delicate dreamer pack ( theme + page )

become a patreon to get access to these codes and many others by clicking the source link !

[clonecoding-en]

Exploring Web Animation: CSS vs. JavaScript

This article delves into the realm of web animation, exploring a wide range of techniques used to enhance the visual allure and interactivity of websites. The piece discusses the implementation of various animations using both CSS and JavaScript, highlighting the unique benefits each approach offers. While both CSS and JavaScript can achieve similar animation effects, the article suggests that, in most cases, using CSS is the preferred option due to its advantages.

The article delves into the fundamental concepts and practical examples of different animation techniques, such as transitions, keyframe animations, transforms, rotation and spin, scaling, fade in/fade out, and blinking effects. By showcasing how these techniques can be executed using both CSS and JavaScript, the article aims to empower designers and developers to make informed decisions about which method to choose for their animations. Additionally, the article emphasizes the recommendation to lean towards using CSS for animations, highlighting its benefits in terms of performance, simplicity, and consistent behavior across browsers and devices.

[deardarlinggames]

Devblog 1

Hi! My name is Wendy, I'm a software developer, and the creator of Dear Darling Games. I'm going to be using Tumblr as a more relaxed and unpolished blog. For now, because I don't know how to format a blog post professionally quite yet. Later, I'll want a break from the structure of it, and have many things I feel I can chat about.

About me! I'm currently twenty two years old, and my goal is to be a solo game developer with a heavy focus on visual novel RPGs. I have no experience, and I'll be logging and citing my entire process as I learn to the best of my ability. Even figuring out the right questions to ask has been quite the task.

Tonight, I'm starting at square one. I'm using an IdeaPad laptop, and operate on a night-shift schedule due to work and life circumstances. This means most updates will be around four in the morning for me. I'm head of household in many ways, so sometimes I will have to step away for a day or two to get my affairs in order.

Here's all I'm learning, planning to learn as of now, and what I have so far.

Planning to learn: HTML, CSS, JavaScript, Godot Engine, Procreate, and Blender. 2D paper-doll animation, rigging, video editing, layering, how to use Alpha lock... Sound design - cello, violin, piano, flute, foley techniques, and general sound equipment. Navigate and create - a website, a put together GitHub profile, and my first game pair; a 2D Mouse themed VN RPG, and a 2D farming game inspired by Zombie Farm with significant changes to the storyline, main mechanics, and characters. In essence, a reworked fan remake, and it will be free to play. I will also be learning how to navigate matters of intellectual property, copyrighting, and more in that area. Finally, I'll be learning Bootstrap, Sass, and React and Redux to create Single Page Applications.

Learning now?: HTML, CSS, Godot Engine, Procreate. Foley techniques, and I've officially gotten down plucking scales on my cello. No luck with the bow yet... I'm refreshing my guitar skills, and saving for a keyboard. I'm utilizing RPG Maker to start familiarizing myself with very, very basic aspects of how to communicate with the computer. Plus, it gives fast results which help lulls in attention span for learning how to do it all myself. I am not planning on publishing a game with RPG maker for *professional* purposes to illustrate learning or ability, but it is very fun to use.

What I've got: Full storyline and pathway branching for decisions, voice bits and character voices [done by me], snacks, water, and a dedicated workspace. Character sketches on paper, most of the dialogue, a working title for both, and most of the battle and other systems planned. It feels like all that's left to do is code and Learn How to Draw Digitally, but that's sure a lot when you have to break it down into all the little steps and refocus those into groups and whatnot. I also have a GitHub profile and joined their Developer Program, I have this tumblr, a Jira account to break down tasks and to-dos in a more manageable way, and my Neocities website has officially been set up to the point of Having It.

I'll release a pinned post with my production announcements later.

fin: 4:04AM

[watchmorecinema]

Normally I just post about movies but I'm a software engineer by trade so I've got opinions on programming too.

Apparently it's a month of code or something because my dash is filled with people trying to learn Python. And that's great, because Python is a good language with a lot of support and job opportunities. I've just got some scattered thoughts that I thought I'd write down.

Python abstracts a number of useful concepts. It makes it easier to use, but it also means that if you don't understand the concepts then things might go wrong in ways you didn't expect. Memory management and pointer logic is so damn annoying, but you need to understand them. I learned these concepts by learning C++, hopefully there's an easier way these days.

Data structures and algorithms are the bread and butter of any real work (and they're pretty much all that come up in interviews) and they're language agnostic. If you don't know how to traverse a linked list, how to use recursion, what a hash map is for, etc. then you don't really know how to program. You'll pretty much never need to implement any of them from scratch, but you should know when to use them; think of them like building blocks in a Lego set.

Learning a new language is a hell of a lot easier after your first one. Going from Python to Java is mostly just syntax differences. Even "harder" languages like C++ mostly just mean more boilerplate while doing the same things. Learning a new spoken language in is hard, but learning a new programming language is generally closer to learning some new slang or a new accent. Lists in Python are called Vectors in C++, just like how french fries are called chips in London. If you know all the underlying concepts that are common to most programming languages then it's not a huge jump to a new one, at least if you're only doing all the most common stuff. (You will get tripped up by some of the minor differences though. Popping an item off of a stack in Python returns the element, but in Java it returns nothing. You have to read it with Top first. Definitely had a program fail due to that issue).

The above is not true for new paradigms. Python, C++ and Java are all iterative languages. You move to something functional like Haskell and you need a completely different way of thinking. Javascript (not in any way related to Java) has callbacks and I still don't quite have a good handle on them. Hardware languages like VHDL are all synchronous; every line of code in a program runs at the same time! That's a new way of thinking.

Python is stereotyped as a scripting language good only for glue programming or prototypes. It's excellent at those, but I've worked at a number of (successful) startups that all were Python on the backend. Python is robust enough and fast enough to be used for basically anything at this point, except maybe for embedded programming. If you do need the fastest speed possible then you can still drop in some raw C++ for the places you need it (one place I worked at had one very important piece of code in C++ because even milliseconds mattered there, but everything else was Python). The speed differences between Python and C++ are so much smaller these days that you only need them at the scale of the really big companies. It makes sense for Google to use C++ (and they use their own version of it to boot), but any company with less than 100 engineers is probably better off with Python in almost all cases. Honestly thought the best programming language is the one you like, and the one that you're good at.

Design patterns mostly don't matter. They really were only created to make up for language failures of C++; in the original design patterns book 17 of the 23 patterns were just core features of other contemporary languages like LISP. C++ was just really popular while also being kinda bad, so they were necessary. I don't think I've ever once thought about consciously using a design pattern since even before I graduated. Object oriented design is mostly in the same place. You'll use classes because it's a useful way to structure things but multiple inheritance and polymorphism and all the other terms you've learned really don't come into play too often and when they do you use the simplest possible form of them. Code should be simple and easy to understand so make it as simple as possible. As far as inheritance the most I'm willing to do is to have a class with abstract functions (i.e. classes where some functions are empty but are expected to be filled out by the child class) but even then there are usually good alternatives to this.

Related to the above: simple is best. Simple is elegant. If you solve a problem with 4000 lines of code using a bunch of esoteric data structures and language quirks, but someone else did it in 10 then I'll pick the 10. On the other hand a one liner function that requires a lot of unpacking, like a Python function with a bunch of nested lambdas, might be easier to read if you split it up a bit more. Time to read and understand the code is the most important metric, more important than runtime or memory use. You can optimize for the other two later if you have to, but simple has to prevail for the first pass otherwise it's going to be hard for other people to understand. In fact, it'll be hard for you to understand too when you come back to it 3 months later without any context.

Note that I've cut a few things for simplicity. For example: VHDL doesn't quite require every line to run at the same time, but it's still a major paradigm of the language that isn't present in most other languages.

Ok that was a lot to read. I guess I have more to say about programming than I thought. But the core ideas are: Python is pretty good, other languages don't need to be scary, learn your data structures and algorithms and above all keep your code simple and clean.

[biggaybunny]

Modern software sucks shit because modern software development sucks shit. No one knows what they're doing and when they do they'll usually be told to do something else anyway. Non-transferrable skills are treated as transferrable; "programming" is an extremely broad field that we are still just beginning to map out. I'm not trying to oversell it here, I have no agenda, I just need to try and convey some perspective here that you can do a lot of different shit with computers, and lumping it all under "writing software" is kind of like lumping all "machines" together and expecting engineers who work with things like planes, cars, pumps, and cranes to be able to figure each other's shit out. There's some specialization happening in the field, but to be honest, most companies are pretty slow to catch on (outside of, yknow, searching resumes for whatever buzzword we're using now)

That's only the beginning of it, too. I don't know I could actually fit all the reasons software development sucks shit into one post. Basically, businesses hate the way software is made. They want software assembly lines, I've had as much said to me by a manager before. They want software products that are specced out, assembled, and shipped out. And that *really, really* doesn't work. Most of the time, when it comes to developing a software "product", they don't even know what they actually want or need. A lot of software bloat comes from early development work that had to be course corrected or repurposed; it's like being a sculptor and having someone behind you try to describe what they want sculpted, but also they're rushing you and don't understand what's even possible to do with sculpting in the first place.

The other thing companies hate about making software is that you can't throw just throw more people at the problem. It's like that math problem "If an orchestra of 50 people can play Beethoven's 5th in 40 minutes, how fast can an orchestra of 500 people play it?" That's how the people in charge want software to work, and after decades of absolute horseshit business paradigms (agile, kanban, scrum, agile-at-scale, extreme programming yes it's called that, etc) it's very clear that this will NEVER be the case, but by god that's not going to stop companies from trying. Because it's about maximizing profits, right? You couldn't possibly get better returns by like, investing in employee retention (dogshit in the business btw) or employee QoL. Just get more people fresh out of a javascript bootcamp and throw them at the issue until something works. So software development gets diced up into thousands of little pieces that can be worked on simultaneously and then glued back together, and as you'd expect end up as dysfunctional Frankenstein monsters. Plus, none of your employees are actually improving at software development because they're only allowed to see such a small piece of the puzzle.

And at the end, it just has to work. Not be good, work. Which is why companies skimp on QA all the time, and then undermine the QA they do invest in. The corner cutting is everywhere. Because it saves costs, you see. Why invest in QA? Just don't write broken code, obviously (this is not how this works). How much security do we need, really? Corner cut, corner cut, corner cut. Rush, rush, rush. Is it any wonder that the cleanest pieces of software tend to be made by small teams or even individuals, working on their own timeframe?

I could've summed up this entire post with "capitalism sucks" but I wanted to explain more. Software development isn't going to get good in a couple years. It's not going to get good in ten years. It's going to suck absolute shit for the foreseeable future. Corporate software, anyway. Maybe if open-source software got a little more love and support... well, who knows.

[elkement]

Cubed Oscillations - Awakening

Finally, I've created the high-resolution versions for my mini-series Cubed Oscillations: Rainbow-colored 3D Lissajous figures and their white 2D projections.

Looking at them again, I also give each one a name instead of calling it just Cubed Oscillations #1. This one is: Awakening.

Here is a cut-out at the original resolution - as I really like how the lines / tubes have turned out!

Created with JavaScript Code based on threejs, using tube geometries instead of plain lines. The original images are 6600x6600 pixels, scaled down to 1200x1200 for sharing. The details are 1000x1000 pixels at the original resolution. I had shared images directly created at 1200x1200 pixels in August.

Also available on INPRNT - as fine art print, sticker, poster, metal or acrylic print, mini-print, art card: