Fosstodon

えいいち（E.C.H）dailycoding - 20250724 / graphic <a href="https://fedibird.com/tags/p5js" class="mention hashtag" rel="nofollow noopener" target="_blank">#p5js</a> <a href="https://fedibird.com/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://fedibird.com/tags/Processing" class="mention hashtag" rel="nofollow noopener" target="_blank">#Processing</a> <a href="https://fedibird.com/tags/generativeart" class="mention hashtag" rel="nofollow noopener" target="_blank">#generativeart</a> <a href="https://fedibird.com/tags/creativecoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#creativecoding</a> <a href="https://fedibird.com/tags/dailycoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#dailycoding</a> code : <a href="https://openprocessing.org/sketch/2694770" rel="nofollow noopener" target="_blank">https://openprocessing.org/sketch/2694770</a>

Abraham Samma🔬🔭👨‍💻It is so easy to build a well structured and performant web app using nothing but vanilla <a href="https://toolsforthought.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a>, CSS and HTML that I wonder why we even use some of these frontend frameworks, bundlers or even npm for that matter. It's probably like a life choice at this point than a serious technical choice. <a href="https://toolsforthought.social/tags/softwaredevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#softwaredevelopment</a>

Wilda SoftwareBardzo przydatny tekst pokazując przykłady, jak pobierać zaawansowane statystyki wydajnościowe z przeglądarki użytkownika i np. wysyłać je na serwer do analizy. Warto o tym wcześniej poinformować użytkownika, ale takie dane to często skarb.<a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mastodon.social/tags/programowanie" class="mention hashtag" rel="nofollow noopener" target="_blank">#programowanie</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a><a href="https://www.freecodecamp.org/news/the-front-end-monitoring-handbook/" rel="nofollow noopener" translate="no" target="_blank">https://www.freecodecamp.org/news/the-front-end-monitoring-handbook/</a>

:rss: DevelopersIOTypeScriptで権限管理ができるCASLを使ってみた <a href="https://dev.classmethod.jp/articles/typescript-casl-first-use/" rel="nofollow noopener" translate="no" target="_blank">https://dev.classmethod.jp/articles/typescript-casl-first-use/</a><a href="https://rss-mstdn.studiofreesia.com/tags/dev_classmethod" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev_classmethod</a> <a href="https://rss-mstdn.studiofreesia.com/tags/TypeScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#TypeScript</a> <a href="https://rss-mstdn.studiofreesia.com/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a>

Rémi EismannOne day, one decomposition A001359: Lesser of twin primes3D graph, threejs - webGL ➡️ <a href="https://decompwlj.com/3Dgraph/Lesser_twin_primes.html" rel="nofollow noopener" translate="no" target="_blank">https://decompwlj.com/3Dgraph/Lesser_twin_primes.html</a> 3D graph Gen, threejs animation ➡️ <a href="https://decompwlj.com/3DgraphGen/Lesser_twin_primes.html" rel="nofollow noopener" translate="no" target="_blank">https://decompwlj.com/3DgraphGen/Lesser_twin_primes.html</a> 2D graph, first 500 terms ➡️ <a href="https://decompwlj.com/2Dgraph500terms/Lesser_twin_primes.html" rel="nofollow noopener" translate="no" target="_blank">https://decompwlj.com/2Dgraph500terms/Lesser_twin_primes.html</a><a href="https://mathstodon.xyz/tags/decompwlj" class="mention hashtag" rel="nofollow noopener" target="_blank">#decompwlj</a> <a href="https://mathstodon.xyz/tags/math" class="mention hashtag" rel="nofollow noopener" target="_blank">#math</a> <a href="https://mathstodon.xyz/tags/mathematics" class="mention hashtag" rel="nofollow noopener" target="_blank">#mathematics</a> <a href="https://mathstodon.xyz/tags/sequence" class="mention hashtag" rel="nofollow noopener" target="_blank">#sequence</a> <a href="https://mathstodon.xyz/tags/OEIS" class="mention hashtag" rel="nofollow noopener" target="_blank">#OEIS</a> <a href="https://mathstodon.xyz/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://mathstodon.xyz/tags/php" class="mention hashtag" rel="nofollow noopener" target="_blank">#php</a> <a href="https://mathstodon.xyz/tags/3D" class="mention hashtag" rel="nofollow noopener" target="_blank">#3D</a> <a href="https://mathstodon.xyz/tags/numbers" class="mention hashtag" rel="nofollow noopener" target="_blank">#numbers</a> <a href="https://mathstodon.xyz/tags/lesser" class="mention hashtag" rel="nofollow noopener" target="_blank">#lesser</a> <a href="https://mathstodon.xyz/tags/twin" class="mention hashtag" rel="nofollow noopener" target="_blank">#twin</a> <a href="https://mathstodon.xyz/tags/primes" class="mention hashtag" rel="nofollow noopener" target="_blank">#primes</a> <a href="https://mathstodon.xyz/tags/PrimeNumbers" class="mention hashtag" rel="nofollow noopener" target="_blank">#PrimeNumbers</a> <a href="https://mathstodon.xyz/tags/graph" class="mention hashtag" rel="nofollow noopener" target="_blank">#graph</a> <a href="https://mathstodon.xyz/tags/threejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#threejs</a> <a href="https://mathstodon.xyz/tags/webGL" class="mention hashtag" rel="nofollow noopener" target="_blank">#webGL</a>

Mac 🟪 Webbgood night<a href="https://mastodon.social/tags/art" class="mention hashtag" rel="nofollow noopener" target="_blank">#art</a> <a href="https://mastodon.social/tags/1bit" class="mention hashtag" rel="nofollow noopener" target="_blank">#1bit</a> <a href="https://mastodon.social/tags/blackandwhite" class="mention hashtag" rel="nofollow noopener" target="_blank">#blackandwhite</a> <a href="https://mastodon.social/tags/solodev" class="mention hashtag" rel="nofollow noopener" target="_blank">#solodev</a> <a href="https://mastodon.social/tags/pixelart" class="mention hashtag" rel="nofollow noopener" target="_blank">#pixelart</a> <a href="https://mastodon.social/tags/%E3%83%89%E3%83%83%E3%83%88%E7%B5%B5" class="mention hashtag" rel="nofollow noopener" target="_blank">#ドット絵</a> <a href="https://mastodon.social/tags/oc" class="mention hashtag" rel="nofollow noopener" target="_blank">#oc</a> <a href="https://mastodon.social/tags/gamedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#gamedev</a> <a href="https://mastodon.social/tags/lowres" class="mention hashtag" rel="nofollow noopener" target="_blank">#lowres</a> <a href="https://mastodon.social/tags/ditherpunk" class="mention hashtag" rel="nofollow noopener" target="_blank">#ditherpunk</a> <a href="https://mastodon.social/tags/doodle" class="mention hashtag" rel="nofollow noopener" target="_blank">#doodle</a> <a href="https://mastodon.social/tags/rasterpunk" class="mention hashtag" rel="nofollow noopener" target="_blank">#rasterpunk</a> <a href="https://mastodon.social/tags/60Grid" class="mention hashtag" rel="nofollow noopener" target="_blank">#60Grid</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> <a href="https://mastodon.social/tags/webapp" class="mention hashtag" rel="nofollow noopener" target="_blank">#webapp</a> <a href="https://mastodon.social/tags/mobiledev" class="mention hashtag" rel="nofollow noopener" target="_blank">#mobiledev</a> <a href="https://mastodon.social/tags/digitalart" class="mention hashtag" rel="nofollow noopener" target="_blank">#digitalart</a> <a href="https://mastodon.social/tags/illustration" class="mention hashtag" rel="nofollow noopener" target="_blank">#illustration</a> <a href="https://mastodon.social/tags/artist" class="mention hashtag" rel="nofollow noopener" target="_blank">#artist</a> <a href="https://mastodon.social/tags/sketch" class="mention hashtag" rel="nofollow noopener" target="_blank">#sketch</a>

Socket🚨 Supply chain attack alert: A threat actor gained access to Toptal's GitHub org, making 73 repos public and injecting malicious payloads into 10+ npm packages.Full research: <a href="https://socket.dev/blog/toptal-s-github-organization-hijacked-10-malicious-packages-published" target="_blank" rel="nofollow noopener" translate="no">https://socket.dev/blog/toptal-s-github-organization-hijacked-10-malicious-packages-published</a> <a href="https://fosstodon.org/tags/NodeJS" class="mention hashtag" rel="tag">#NodeJS</a> <a href="https://fosstodon.org/tags/JavaScript" class="mention hashtag" rel="tag">#JavaScript</a>

Mathieu PoussinVery nice video from <a href="https://masto.hivane.net/tags/dhh" class="mention hashtag" rel="nofollow noopener" target="_blank">#dhh</a> about a lot of things, the history and future of programming and software engineering, the history of ruby on rails and the love for ruby, the cloud and the cloud-exit, javascript and much more things.6h of nice talks :) <a href="https://www.youtube.com/watch?v=vagyIcmIGOQ" rel="nofollow noopener" translate="no" target="_blank">https://www.youtube.com/watch?v=vagyIcmIGOQ</a><a href="https://masto.hivane.net/tags/dhh" class="mention hashtag" rel="nofollow noopener" target="_blank">#dhh</a> <a href="https://masto.hivane.net/tags/rubyonrails" class="mention hashtag" rel="nofollow noopener" target="_blank">#rubyonrails</a> <a href="https://masto.hivane.net/tags/ruby" class="mention hashtag" rel="nofollow noopener" target="_blank">#ruby</a> <a href="https://masto.hivane.net/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://masto.hivane.net/tags/cloud" class="mention hashtag" rel="nofollow noopener" target="_blank">#cloud</a> <a href="https://masto.hivane.net/tags/cloudexit" class="mention hashtag" rel="nofollow noopener" target="_blank">#cloudexit</a> <a href="https://masto.hivane.net/tags/internet" class="mention hashtag" rel="nofollow noopener" target="_blank">#internet</a> <a href="https://masto.hivane.net/tags/software" class="mention hashtag" rel="nofollow noopener" target="_blank">#software</a> <a href="https://masto.hivane.net/tags/ai" class="mention hashtag" rel="nofollow noopener" target="_blank">#ai</a>

Frontend DogmaHandling JavaScript Event Listeners With Parameters, by <a href="https://mastodon.social/@smashingmag" class="u-url mention" rel="nofollow noopener" target="_blank">@smashingmag</a>:<a href="https://www.smashingmagazine.com/2025/07/handling-javascript-event-listeners-parameters/" rel="nofollow noopener" translate="no" target="_blank">https://www.smashingmagazine.com/2025/07/handling-javascript-event-listeners-parameters/</a><a href="https://mas.to/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://mas.to/tags/events" class="mention hashtag" rel="nofollow noopener" target="_blank">#events</a>

The New StackThinking about learning to code? <a href="https://hachyderm.io/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> is the perfect place to start. This article explains why this dynamic language remains a top choice for building everything from websites to server-side apps. <a href="https://thenewstack.io/introduction-to-javascript/" rel="nofollow noopener" translate="no" target="_blank">https://thenewstack.io/introduction-to-javascript/</a>

LobstersNPM 'accidentally' removes Stylus package, breaks builds and pipelines <a href="https://lobste.rs/s/2i7to2" rel="nofollow noopener" translate="no" target="_blank">https://lobste.rs/s/2i7to2</a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/security" class="mention hashtag" rel="nofollow noopener" target="_blank">#security</a> <a href="https://www.bleepingcomputer.com/news/security/npm-accidentally-removes-stylus-package-breaks-builds-and-pipelines/" rel="nofollow noopener" translate="no" target="_blank">https://www.bleepingcomputer.com/news/security/npm-accidentally-removes-stylus-package-breaks-builds-and-pipelines/</a>

Andrew MalekAn article about <a href="https://techhub.social/tags/Angular" class="mention hashtag" rel="nofollow noopener" target="_blank">#Angular</a> 20 - "an appreciation of how the framework has evolved over time, how it’s improved, and how the core team has more or less made the right decisions at important times." <a href="https://techhub.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://blog.logrocket.com/angular-has-grown-up/" rel="nofollow noopener" translate="no" target="_blank">https://blog.logrocket.com/angular-has-grown-up/</a>

Greg Slepak<a class="hashtag" href="https://crib.social/tag/javascript" rel="nofollow noopener" target="_blank">#JavaScript</a> developers: do not use `npx`, ever. Use <a class="u-url mention" href="https://fosstodon.org/@deno_land" rel="nofollow noopener" target="_blank">@deno_land</a>'s `deno run` instead with appropriate sandboxing flags. Example: <a href="https://github.com/okTurtles/chel/pull/58/files" rel="nofollow noopener" target="_blank">https://github.com/okTurtles/chel/pull/58/files</a> <a class="hashtag" href="https://crib.social/tag/nodejs" rel="nofollow noopener" target="_blank">#nodejs</a> <a class="hashtag" href="https://crib.social/tag/npx" rel="nofollow noopener" target="_blank">#npx</a> <a class="hashtag" href="https://crib.social/tag/infosec" rel="nofollow noopener" target="_blank">#infosec</a> <a class="hashtag" href="https://crib.social/tag/security" rel="nofollow noopener" target="_blank">#security</a>

SimI'm making a JS game that uses a licensed spritesheet. Since I cannot distribute the image, I need to implement a minimal protection layer. Are there any existing tools that allow me to scramble images during build , and unscramble them on load at runtime? I know that's not bulletproof, but it's just to comply with the license.Simply bundling it as b64 is not enough, as the browser can display the image natively (though I guess I could scramble the b64 itself).<a href="https://hachyderm.io/tags/gamedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#gamedev</a> <a href="https://hachyderm.io/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://hachyderm.io/tags/vite" class="mention hashtag" rel="nofollow noopener" target="_blank">#vite</a>

Michael :donor:The JS ecosystem really never disappoints.«Jordan Harband alerted the public that the is package was compromised due to another maintainer’s account being hijacked»«Socket has confirmed both 3.3.1 and 5.0.0 of the is package as malicious.»<a href="https://socket.dev/blog/npm-is-package-hijacked-in-expanding-supply-chain-attack" rel="nofollow noopener" translate="no" target="_blank">https://socket.dev/blog/npm-is-package-hijacked-in-expanding-supply-chain-attack</a><a href="https://infosec.exchange/tags/threatintel" class="mention hashtag" rel="nofollow noopener" target="_blank">#threatintel</a> <a href="https://infosec.exchange/tags/npm" class="mention hashtag" rel="nofollow noopener" target="_blank">#npm</a> <a href="https://infosec.exchange/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://infosec.exchange/tags/is" class="mention hashtag" rel="nofollow noopener" target="_blank">#is</a> <a href="https://infosec.exchange/tags/supplychain" class="mention hashtag" rel="nofollow noopener" target="_blank">#supplychain</a> <a href="https://infosec.exchange/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a> <a href="https://infosec.exchange/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a>

JCONOur next <a href="https://mastodon.social/tags/JCON2025" class="mention hashtag" rel="nofollow noopener" target="_blank">#JCON2025</a> session is live: '<a href="https://mastodon.social/tags/Java" class="mention hashtag" rel="nofollow noopener" target="_blank">#Java</a> developer-friendly frontends: Build <a href="https://mastodon.social/tags/UIs" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIs</a> without the <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> hassle' with Jago de VreedeHave you ever needed to build a <a href="https://mastodon.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> as a <a href="https://mastodon.social/tags/backend" class="mention hashtag" rel="nofollow noopener" target="_blank">#backend</a> <a href="https://mastodon.social/tags/developer" class="mention hashtag" rel="nofollow noopener" target="_blank">#developer</a> but didn’t want to …Grab your coffee and hit play: <a href="https://youtu.be/voxFwPkVgPA" rel="nofollow noopener" translate="no" target="_blank">https://youtu.be/voxFwPkVgPA</a><a href="https://mastodon.social/tags/JCON" class="mention hashtag" rel="nofollow noopener" target="_blank">#JCON</a> <a href="https://mastodon.social/tags/productivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#productivity</a>

Socket🚨 New Threat Research: We uncovered 4 malicious packages (3 on npm, 1 on PyPI) with 56,000+ downloads, all delivering surveillance malware capable of keylogging, screen capture, and webcam access.Here’s what we found: <a href="https://socket.dev/blog/surveillance-malware-hidden-in-npm-and-pypi-packages" target="_blank" rel="nofollow noopener" translate="no">https://socket.dev/blog/surveillance-malware-hidden-in-npm-and-pypi-packages</a> <a href="https://fosstodon.org/tags/NodeJS" class="mention hashtag" rel="tag">#NodeJS</a> <a href="https://fosstodon.org/tags/JavaScript" class="mention hashtag" rel="tag">#JavaScript</a> <a href="https://fosstodon.org/tags/Python" class="mention hashtag" rel="tag">#Python</a>

Marquis de GeekHere's me showing off some <a href="https://ohai.social/tags/graphics" class="mention hashtag" rel="nofollow noopener" target="_blank">#graphics</a>, from my 20 years in <a href="https://ohai.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://ohai.social/tags/development" class="mention hashtag" rel="nofollow noopener" target="_blank">#development</a>: <a href="https://ohai.social/tags/Mandelbrot" class="mention hashtag" rel="nofollow noopener" target="_blank">#Mandelbrot</a> 1 of 2 - obsfuscated and optimised to zoom in real-time, even back in the day! <a href="https://www.sgxengine.com/examples/mandelbrot/html5/mandel.htm" rel="nofollow noopener" translate="no" target="_blank">https://www.sgxengine.com/examples/mandelbrot/html5/mandel.htm</a> <a href="https://ohai.social/tags/sgx" class="mention hashtag" rel="nofollow noopener" target="_blank">#sgx</a> <a href="https://ohai.social/tags/sfx" class="mention hashtag" rel="nofollow noopener" target="_blank">#sfx</a>

FOSSASIAStay ahead in the game of <a href="https://floss.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> security!From common pitfalls to advanced protection techniques, learn how to secure your apps from the ground up. Watch Dheeraj Joshi share actionable insights to safeguard your frontend code.Click here: <a href="https://youtu.be/Jvv6gv5nsJc" rel="nofollow noopener" translate="no" target="_blank">https://youtu.be/Jvv6gv5nsJc</a>

Frontend DogmaThe Untold Story of JavaScript, by (not on Mastodon or Bluesky):<a href="https://www.youtube.com/watch?v=X3IA65a8dMg" rel="nofollow noopener" translate="no" target="_blank">https://www.youtube.com/watch?v=X3IA65a8dMg</a><a href="https://mas.to/tags/videos" class="mention hashtag" rel="nofollow noopener" target="_blank">#videos</a> <a href="https://mas.to/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://mas.to/tags/history" class="mention hashtag" rel="nofollow noopener" target="_blank">#history</a>

Recent searches

Search options

Administered by:

Server stats:

#javascript