Social 📸 Photography

Frontend DogmaHTML-First, Framework-Second: Is JavaScript Finally Growing Up?, by <a href="https://hachyderm.io/@TheNewStack" class="u-url mention" rel="nofollow noopener" target="_blank">@TheNewStack</a>:<a href="https://thenewstack.io/html-first-framework-second-is-javascript-finally-growing-up/" rel="nofollow noopener" translate="no" target="_blank">https://thenewstack.io/html-first-framework-second-is-javascript-finally-growing-up/</a><a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://mas.to/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://mas.to/tags/frameworks" class="mention hashtag" rel="nofollow noopener" target="_blank">#frameworks</a>

Claudio RimannI wrote some words about how I implemented the dark mode on my site, heavily inspired by a post from <a href="https://mastodon.social/@Richr" class="u-url mention" rel="nofollow noopener" target="_blank">@Richr</a> (Thanks a lot for sharing!) with some small adjustments.🔗 <a href="https://claudiorimann.com/dark-mode/" rel="nofollow noopener" translate="no" target="_blank">https://claudiorimann.com/dark-mode/</a><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a>

Alvin Ashcraft 🐿️Announcing TypeScript 5.9 RC | by Daniel Rosenwasser.<a href="https://devblogs.microsoft.com/typescript/announcing-typescript-5-9-rc/" rel="nofollow noopener" translate="no" target="_blank">https://devblogs.microsoft.com/typescript/announcing-typescript-5-9-rc/</a> <a href="https://hachyderm.io/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://hachyderm.io/tags/typescript" class="mention hashtag" rel="nofollow noopener" target="_blank">#typescript</a> <a href="https://hachyderm.io/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://hachyderm.io/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a>

heise DeveloperJavaScript: Reanimated 4 führt neue CSS-basierte Animations-API einReanimated 4 bringt eine CSS-Animations-API für React Native, überarbeitet Zustandsanimationen und passt Worklets sowie das Verhalten von Spring-Animationen an.<a href="https://www.heise.de/news/JavaScript-Reanimated-4-fuehrt-neue-CSS-basierte-Animations-API-ein-10502687.html?wt_mc=sm.red.ho.mastodon.mastodon.md_beitraege.md_beitraege&utm_source=mastodon" rel="nofollow noopener" translate="no" target="_blank">https://www.heise.de/news/JavaScript-Reanimated-4-fuehrt-neue-CSS-basierte-Animations-API-ein-10502687.html?wt_mc=sm.red.ho.mastodon.mastodon.md_beitraege.md_beitraege&utm_source=mastodon</a><a href="https://social.heise.de/tags/IT" class="mention hashtag" rel="nofollow noopener" target="_blank">#IT</a> <a href="https://social.heise.de/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://social.heise.de/tags/news" class="mention hashtag" rel="nofollow noopener" target="_blank">#news</a>

Scripter :verified_flashing:JavaScript Microtasks: A Comprehensive Guide and the Event Loop - CodeDynasty <a href="https://codedynasty.dev/posts/JavaScript-Microtasks-A-deep-look-and-comparision-to-defer" rel="nofollow noopener" translate="no" target="_blank">https://codedynasty.dev/posts/JavaScript-Microtasks-A-deep-look-and-comparision-to-defer</a> <a href="https://social.tchncs.de/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://social.tchncs.de/tags/Microtasks" class="mention hashtag" rel="nofollow noopener" target="_blank">#Microtasks</a>

ECMAScript NewsCelebrating 20 years of MDN <a href="https://mastodon.social/@mdn" class="u-url mention" rel="nofollow noopener" target="_blank">@mdn</a> <a href="https://developer.mozilla.org/en-US/blog/mdn-turns-20/" rel="nofollow noopener" translate="no" target="_blank">https://developer.mozilla.org/en-US/blog/mdn-turns-20/</a><a href="https://mastodon.online/tags/ECMAScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#ECMAScript</a> <a href="https://mastodon.online/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a>

ECMAScript Newses-toolkit: utility library with Lodash compatibility layer <a href="https://es-toolkit.dev" rel="nofollow noopener" translate="no" target="_blank">https://es-toolkit.dev</a><a href="https://mastodon.online/tags/ECMAScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#ECMAScript</a> <a href="https://mastodon.online/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a>

ratfactorLooks like I'm making a JavaScript Emoji picker now. 🤣 I want keyword searching, but the existing libraries are heavy (the Mastodon web picker is quite good at only 360Kb - but that's still 5x larger than my whole project!)There's a decent amount of duplication in the data (keywords, groups), so I see opportunities to "compress" it by restructuring. 🗜️ This screenshot is a contact sheet made by one of the Ruby scripts I've written to generate minimal sets.<a href="https://mastodon.art/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://mastodon.art/tags/emoji" class="mention hashtag" rel="nofollow noopener" target="_blank">#emoji</a> <a href="https://mastodon.art/tags/unicode" class="mention hashtag" rel="nofollow noopener" target="_blank">#unicode</a>

Hacker News 50The many, many, many JavaScript runtimes of the last decadeLink: <a href="https://buttondown.com/whatever_jamie/archive/the-many-many-many-javascript-runtimes-of-the-last-decade/" rel="nofollow noopener" translate="no" target="_blank">https://buttondown.com/whatever_jamie/archive/the-many-many-many-javascript-runtimes-of-the-last-decade/</a> Discussion: <a href="https://news.ycombinator.com/item?id=44701574" rel="nofollow noopener" translate="no" target="_blank">https://news.ycombinator.com/item?id=44701574</a><a href="https://social.lansky.name/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a>

Gemma 👽Got my pentomino solver demo finetuned. Now it just keeps going thru solutions randomly and shuffling. "But what is it for?" I pretend someone asked. What a sexy question. The answer is: I don't know. :blobcatfingerguns: Just wanted to share and get no attention. It's <a href="https://piipitin.fi/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> and <a href="https://piipitin.fi/tags/threejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#threejs</a> just animating stuff. I've got a mapper that takes a solution string, calculates where the tiles need to be, scatters the, and animates them there, then animates them to be in correct positions, repeat.

Karthikeyan A KFinally, CSS is going to kill React / JavaScript bloatware <a href="https://developer.chrome.com/docs/web-platform/view-transitions/" rel="nofollow noopener" translate="no" target="_blank">https://developer.chrome.com/docs/web-platform/view-transitions/</a><a href="https://mstdn.social/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#React</a> <a href="https://mstdn.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#ReactJS</a> <a href="https://mstdn.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mstdn.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mstdn.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDevelopment</a>

Gemma 👽How to solve a <a href="https://piipitin.fi/tags/pentomino" class="mention hashtag" rel="nofollow noopener" target="_blank">#pentomino</a> in 20 seconds.Okay not really, I knew what the solution was, just animating it with a little recreational <a href="https://piipitin.fi/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> using <a href="https://piipitin.fi/tags/threejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#threejs</a> 3D rendering, It's also using my garbage homemade NES dither shader to mimic the limited color palette. Video is potato quality, but it's actually pretty nice on my screen when it's sharp and crisp.I can feed any solution to it from <a href="https://isomerdesign.com/Pentomino/6x10/solutions.txt" rel="nofollow noopener" translate="no" target="_blank">https://isomerdesign.com/Pentomino/6x10/solutions.txt</a> and it'll just animate it. Can you see why this is my favorite solution?

Aaron Toponce ⚛️:debian:Kind of wishing <a href="https://fosstodon.org/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> had access to RDRAND/RDSEED/RDTSC

Frontend DogmaI Started Learning JavaScript Again—a Beginner-Friendly Guide to the Basics, by (not on Mastodon or Bluesky):<a href="https://dev.to/dumebii/i-started-learning-javascript-again-a-beginner-friendly-guide-to-the-basics-5f50" rel="nofollow noopener" translate="no" target="_blank">https://dev.to/dumebii/i-started-learning-javascript-again-a-beginner-friendly-guide-to-the-basics-5f50</a><a href="https://mas.to/tags/guides" class="mention hashtag" rel="nofollow noopener" target="_blank">#guides</a> <a href="https://mas.to/tags/fundamentals" class="mention hashtag" rel="nofollow noopener" target="_blank">#fundamentals</a> <a href="https://mas.to/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a>

That HTML Blog & The Spicy WebThe Invoker Commands API is the new hotness for a declarative <a href="https://intuitivefuture.com/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> solution to the problem “click and see something happen!!”However…If we’re inside shadow DOM and the button being clicked is supposed to do a thing via its host component, then uh, nope. 🤨Thankfully there’s always a workaround in the Wide World of the Web, so I’ve written it up and here it is!😁 Yay for building directly on top of platform mechanics. 👏 <a href="https://intuitivefuture.com/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://intuitivefuture.com/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebComponents</a> <a href="https://intuitivefuture.com/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a><a href="https://thathtml.blog/2025/07/more-fun-with-invoker-commands-web-components/" rel="nofollow noopener" translate="no" target="_blank">https://thathtml.blog/2025/07/more-fun-with-invoker-commands-web-components/</a>

Frontend DogmaNever Write Your Own Date Parsing Library, by <a href="https://fediverse.zachleat.com/@zachleat" class="u-url mention" rel="nofollow noopener" target="_blank">@zachleat</a>:<a href="https://www.zachleat.com/web/adventures-in-date-parsing/" rel="nofollow noopener" translate="no" target="_blank">https://www.zachleat.com/web/adventures-in-date-parsing/</a><a href="https://mas.to/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://mas.to/tags/libraries" class="mention hashtag" rel="nofollow noopener" target="_blank">#libraries</a> <a href="https://mas.to/tags/comparisons" class="mention hashtag" rel="nofollow noopener" target="_blank">#comparisons</a> <a href="https://mas.to/tags/time" class="mention hashtag" rel="nofollow noopener" target="_blank">#time</a> <a href="https://mas.to/tags/parsing" class="mention hashtag" rel="nofollow noopener" target="_blank">#parsing</a>

Alvin Ashcraft 🐿️Dew Drop Weekly Newsletter #442 - Week Ending July 25, 2025.<a href="https://zc.vg/lPPY0?m=0" rel="nofollow noopener" translate="no" target="_blank">https://zc.vg/lPPY0?m=0</a> <a href="https://hachyderm.io/tags/dewdrop" class="mention hashtag" rel="nofollow noopener" target="_blank">#dewdrop</a> <a href="https://hachyderm.io/tags/newsletter" class="mention hashtag" rel="nofollow noopener" target="_blank">#newsletter</a> <a href="https://hachyderm.io/tags/aspnetcore" class="mention hashtag" rel="nofollow noopener" target="_blank">#aspnetcore</a> <a href="https://hachyderm.io/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://hachyderm.io/tags/windev" class="mention hashtag" rel="nofollow noopener" target="_blank">#windev</a> <a href="https://hachyderm.io/tags/windowsappsdk" class="mention hashtag" rel="nofollow noopener" target="_blank">#windowsappsdk</a> <a href="https://hachyderm.io/tags/dotnet" class="mention hashtag" rel="nofollow noopener" target="_blank">#dotnet</a> <a href="https://hachyderm.io/tags/unoplatform" class="mention hashtag" rel="nofollow noopener" target="_blank">#unoplatform</a> <a href="https://hachyderm.io/tags/csharp" class="mention hashtag" rel="nofollow noopener" target="_blank">#csharp</a> <a href="https://hachyderm.io/tags/ai" class="mention hashtag" rel="nofollow noopener" target="_blank">#ai</a> <a href="https://hachyderm.io/tags/devops" class="mention hashtag" rel="nofollow noopener" target="_blank">#devops</a> <a href="https://hachyderm.io/tags/agile" class="mention hashtag" rel="nofollow noopener" target="_blank">#agile</a> <a href="https://hachyderm.io/tags/mobiledev" class="mention hashtag" rel="nofollow noopener" target="_blank">#mobiledev</a> <a href="https://hachyderm.io/tags/gamedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#gamedev</a> <a href="https://hachyderm.io/tags/IoT" class="mention hashtag" rel="nofollow noopener" target="_blank">#IoT</a> <a href="https://hachyderm.io/tags/database" class="mention hashtag" rel="nofollow noopener" target="_blank">#database</a> <a href="https://hachyderm.io/tags/m365" class="mention hashtag" rel="nofollow noopener" target="_blank">#m365</a> <a href="https://hachyderm.io/tags/sqlserver" class="mention hashtag" rel="nofollow noopener" target="_blank">#sqlserver</a> <a href="https://hachyderm.io/tags/windows" class="mention hashtag" rel="nofollow noopener" target="_blank">#windows</a> <a href="https://hachyderm.io/tags/powershell" class="mention hashtag" rel="nofollow noopener" target="_blank">#powershell</a>

heise DeveloperBeliebtes JavaScript-Paket is: Malware durch Supply-Chain-AngriffNach einem Phishing-Angriff auf npm-Maintainer war das Paket is, das auf etwa 2,7 Millionen wöchentliche Downloads kommt, mit einem Malware-Loader infiziert.<a href="https://www.heise.de/news/Beliebtes-JavaScript-Paket-is-Malware-durch-Supply-Chain-Angriff-10499614.html?wt_mc=sm.red.ho.mastodon.mastodon.md_beitraege.md_beitraege&utm_source=mastodon" rel="nofollow noopener" translate="no" target="_blank">https://www.heise.de/news/Beliebtes-JavaScript-Paket-is-Malware-durch-Supply-Chain-Angriff-10499614.html?wt_mc=sm.red.ho.mastodon.mastodon.md_beitraege.md_beitraege&utm_source=mastodon</a><a href="https://social.heise.de/tags/IT" class="mention hashtag" rel="nofollow noopener" target="_blank">#IT</a> <a href="https://social.heise.de/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://social.heise.de/tags/Malware" class="mention hashtag" rel="nofollow noopener" target="_blank">#Malware</a> <a href="https://social.heise.de/tags/news" class="mention hashtag" rel="nofollow noopener" target="_blank">#news</a>

Ronnie / Rekkerd.orgDreamtonics updates Synthesizer V Studio 2 Pro to v2.1.1 <a href="https://rekkerd.org/dreamtonics-updates-synthesizer-v-studio-2-pro-to-v2-1-1/" rel="nofollow noopener" translate="no" target="_blank">https://rekkerd.org/dreamtonics-updates-synthesizer-v-studio-2-pro-to-v2-1-1/</a><a href="https://mastodon.social/tags/Dreamtonics" class="mention hashtag" rel="nofollow noopener" target="_blank">#Dreamtonics</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mastodon.social/tags/Lua" class="mention hashtag" rel="nofollow noopener" target="_blank">#Lua</a> <a href="https://mastodon.social/tags/Synthesizer" class="mention hashtag" rel="nofollow noopener" target="_blank">#Synthesizer</a> <a href="https://mastodon.social/tags/vocals" class="mention hashtag" rel="nofollow noopener" target="_blank">#vocals</a>

Liminal witch 🧙‍♀️ SarahTIL crypto.randomUUID() requires https outside of localhost <a href="https://hachyderm.io/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://hachyderm.io/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a>

Recent searches

Search options

Administered by:

Server stats:

#javascript