Made this a couple of years ago on @codepen but for some reason never shared it: a hopefully accessible base for a smooth elastic dropdown https://codepen.io/thebabydino/pen/qBJENKM

Based on a thing at a now dead link which did something of the kind with a huge div soup.

Someone hearted this button ripple effect demo on @codepen (coded about half a decade ago) and made me notice it still said "only works in Chromium" - as of last summer, it's cross-browser!

https://codepen.io/thebabydino/pen/LYZpEVy

New Kitten release

• Socket routes now have precendence in the router.

This stops wildcard page routes from capturing the default socket routes that Kitten creates to enable the Streaming HTML workflow.

e.g., Previously, the following route:

/videos/index_[slug].page.js

Could not connect to its default socket (/videos/default.socket) because default.socket would be captured by the [slug] parameter.

Now, it will work as intended as the /videos/default.socket (a socket route) has precendence over index_[slug].page.js (a page route).

Learn more about Kitten’s Streaming HTML workflow here:
https://kitten.small-web.org/tutorials/streaming-html/

Enjoy!

"We’re gambling that the velocity gain from this new tool will not be lost to its maintenance burden"

https://allenpike.com/2025/javascript-fatigue-ssr
#js

this is it, folks! we are in the final week before submissions are due for GOOD INTERNET, a new print periodical magazine about all the things that make the #web fun: things like the #smallweb, the fediverse, the #indieweb, and efforts to actively fight #enshittification. submissions are open until MARCH 15.

check the submission guidelines or sign up for email alerts to be notified when we publish in may!

https://goodinternetmagazine.com

if this is your first time hearing about this, you still have enough time to come up with and write an article or complete a digital #art piece, if you're passionate about the #internet and want to write about it! :) bloggers, it's your time to shine!~

i can't wait to show y'all the incredible stories that have been submitted from all over the 'net, and some of the coolest art i've seen about the web!

thank you to everyone who's been so supportive of this project already. this is why this side of the internet is amazing. please boost, if you can; i want to make sure i did everything i could to include as many diverse voices as i can.

thank you!

original post: https://tilde.zone/@xandra/113913277766098384

10 Cool CodePen Demos from February 2025
https://alvaromontoro.com/10-cool-codepen-demos/2025/02/

An homage to Studio Ghibli, custom ranges, web components, web games, CSS art, mix blend modes showcases... and more!

Little sketch using #p5js with the brush library

https://gitea.com/Qaqelol/JS_Sketches/src/branch/main/MagicRitual

Am I crazy for pushing back on "#JS #SPA frontend by default"?

For 2 years I have been working for the French public service on a business logic app, mostly lists and forms with neat UX.

The tech is boring. PHP, Symfony, Twig templates. Treat: Turbo, Stimulus, custom elements, for those required bits of interactivity.

Hell it works. It's fast. It doesn't break. Been updating deps monthly w/o breaking changes. Never had to rewrite!

Am I crazy, or are we fooled by the JS industrial complex?

Y'all, I'm not done with squircles!

A few days ago I demonstrated utilizing #CSS clip-path and SVG data to round the corners of an element in a more attractive manner.

That #WebComponents demo turned out well, but it got me thinking I might attempt to “squirclize” a grid of thumbnail images, which eventually led me to the html-squircle #JS library for generating refined curve paths.

Now this looks pretty fun! #WebDev

https://thathtml.blog/2025/01/squircle-images-on-the-loose/

I just gave a presentation in our company meeting on my #ScrollDrivenAnimations and #ViewTransitions prototypes and now I think I need a lie down. #CSS #JS

#JS #Temporal is coming.

It's already available in @firefoxnightly behind the `javascript.options.experimental.temporal` pref in about:config.

MDN blog post about Temporal: https://developer.mozilla.org/en-US/blog/javascript-temporal-is-coming/

No way we had valueAsDate and valueAsNumber for inputs all this time???
https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/valueAsDate
https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/valueAsNumber

Did you know that checking if end users want animations or not in your app is a JS one liner?
#accessibility #JS

Supercharge your Linux experience? Check out our guide on how to grant passwordless sudo access for specific commands. It's easier than you think!

#Linux #Sudo #Security #linuxTips #Ubuntu #DeveloperTools #coding #programming #webdev #100DaysOfCode #js #webdev #freeCodeCamp #CodeNewbies

https://qirolab.com/posts/how-to-grant-passwordless-sudo-for-specific-commands-on-linux

Gosh I do love how elegant Playwright + my little Kitten¹ process helper makes it to write end-to-end tests.

Check out the tests for the peer-to-peer web (Small Web) end-to-end encrypted chat example²:

https://codeberg.org/kitten/app/src/branch/main/tests/end-to-end/peer-to-peer.spec.js

That handles the setting up of two instances (place1.localhost:498 and place2.localhost:499) and tests the sending of end-to-end encrypted messages between them.

¹ https://kitten.small-web.org
² https://codeberg.org/kitten/app/src/branch/main/examples/streaming-html/kitten-chat/animated-end-to-end-encrypted

Hello PARTIKLE! https://lukaszkups.net/notes/hello-partikle/

Safari 18.2 beta includes a *lot* of yummy new features for web designers and developers. My personal favorites include `text-box-trim` and `border-clip: border-area`.

If you make websites, we’d love for you to test it out! File any issues at bugs.webkit.org or feedbackassistant.apple.com. Ping me with link/FB number for extra attention.

#css #html #js #webdevelopment #webdesign

https://developer.apple.com/documentation/safari-release-notes/safari-18_2-release-notes

Hi everyone, I am now looking for full-time work! If you have a remote Software Engineer position available and work with #Frontend web tech (#HTML / #CSS / #JS / #TS / #React, etc), #NodeJS (or #Bun / #Deno ), #Kubernetes, or #Nix / #NixOS then please reach out! I love building tools to solve problems and delight users.

For examples of my previous work, links to my projects, and my resume, please see my website: https://jakehamilton.dev

Boosts very much appreciated!

Hi all. Almost done with my project to build a dice game with #JS on #freeCodeCamp, but I'm stuck yet again. I feel like I'm doing what this challenge says to do, but my tests keep failing. Link to post with #code on freeCodeCamp forum: https://forum.freecodecamp.org/t/review-algorithmic-thinking-by-building-a-dice-game-step-14/716885
Link to challenge: https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures-v8/review-algorithmic-thinking-by-building-a-dice-game/step-14
Just posting this everywhere I can in hopes to find someone who can help. Lol I've reviewed my code several times and I'm still stuck.
#JavaScript #coding #programming #learningToProgram #learningToCode