davidbisset.social

javascript

  • Don't recommend games, but this is nice. "Bubbles": A vanilla #JavaScript web game. EVER COOLER. You can build your own levels with my builder tool: https://ehmorris.com/bubbles/builder/ and share the levels. https://ehmorris.com/bubbles/ #game

  • Share-on-Bluesky ( 2b-zipper/Share-on-Bluesky )

    Share current tab, links and selected text on Bluesky. Inspired by “Share on Twitter”. Created by 2b-zipper on Feb 19, 2025.

  • "Blob Generator" was my nickname in college. It's now also a real thing, for this #JavaScript #HTML #CSS tutorial: https://webdesign.tutsplus.com/how-to-create-a-blob-generator-tool-in-javascript–cms-109107t #webdev #tutorial

  • This is awesome. 🎉 Agustin Capeletto has created a range of awesome tools at LayoutIt!, including the #CSS Voxel Editor, which showcases the power of pure CSS for #3D rendering (no #JavaScript). https://tympanus.net/codrops/2025/03/03/css-meets-voxel-art-building-a-rendering-engine-with-stacked-grids/

  • Why I 🧡 the web. Someone built this: "Instead of a boring scrollbar thought it would be fun to have an animated stick figure that walks up and down the side of your page when you scroll." 😍 https://focusfurnace.com/scroll_buddy.html #JavaScript #CSS

  • Untitled post 60450

    Pride versioning. Yes. Developers experience pride and shame. I would argue even more if you work in #JavaScript. Via pridever.org #webdev #programming

  • Interesting: Image comparison slider in 6 lines of #JavaScript https://muffinman.io/blog/image-comparison-slider/ @codepen.io – https://codepen.io/stanko/pen/myddXKm #CSS #webdev #frontend

  • Nice. "WebShield" is a wide-spectrum content blocker, akin to uBlock Origin, specifically for #Safari. "No "acceptable ads" and no third party deals ever." #opensource https://github.com/arjpar/WebShield #JavaScript

  • BritCSS ( DeclanChidlow/BritCSS )

    Fixes CSS to use non-bastardised spellings. Created by DeclanChidlow on Feb 20, 2025.

  • faviconic ( nolenroyalty/faviconic )

    what if you could run games in your tab bar? Created by nolenroyalty on Feb 13, 2025.

  • I love it. BritCSS fixes #CSS to use "non-bastardised" spellings using English (traditional) spellings for CSS properties, rather than English (simplified). background-colour vs background-color. 🙂 https://github.com/DeclanChidlow/BritCSS #webdev #JavaScript

  • Why I 🧡 the web. Running #Pong in 240 Browser Tabs 🏓 https://eieio.games/blog/running-pong-in-240-browser-tabs/ #opensource: https://github.com/nolenroyalty/faviconic #JavaScript

  • Build a light/dark mode toggle switch component with #CSS & #JavaScript https://webdesign.tutsplus.com/light-dark-mode-toggle-switch-with-css-javascript–cms-109068t #webdev

  • ULTIMATE-JAVASCRIPT-PROJECT ( deepakkumar55/ULTIMATE-JAVASCRIPT-PROJECT )

    A comprehensive list of 500 JavaScript project ideas for developers of all skill levels. Open-source and community-driven. Created by deepakkumar55 on Jun 01, 2024.

  • A comprehensive list of 500 #JavaScript project ideas for developers of all skill levels. #opensource and community-driven. https://github.com/deepakkumar55/ULTIMATE-JAVASCRIPT-PROJECT "Whether you're a beginner looking for your next coding challenge or an experienced developer seeking inspiration, this list has something for everyone." #webdev #programming

  • #JavaScript Array Methods Cheat Sheet https://dev.to/web_dev-usman/javascript-array-methods-cheat-sheet-the-only-guide-you-need-3ed5

  • Building a Playful Stop-Motion Crayon Cursor in p5.js https://tympanus.net/codrops/2025/02/06/building-a-playful-stop-motion-crayon-cursor-in-p5-js/ Create a playful stop-motion crayon cursor effect with p5.brush.js and smooth animations. #JavaScript

  • Ways you can intentionally break up long, expensive tasks over multiple ticks of the event loop in #JavaScript. https://macarthur.me/posts/long-tasks/ #webdev

  • ascii ( collidingScopes/ascii )

    Turn videos into ASCII pixel art using js and html canvas Created by collidingScopes on Aug 12, 2024.

  • How do you comfort a #Javascript bug? You console it. https://www.codepuns.com/post/771840982014640128/how-do-you-comfort-a-javascript-bug

  • For #JavaScript devs, this is big. Nice overview w/ link to more docs. https://developer.mozilla.org/en-US/blog/javascript-temporal-is-coming/ Replacing Date object. Adds support for time zone and calendar representations, many built-in methods for conversions, comparisons and computations, formatting, etc. #webdev

  • “I’m Going Back to #jQuery in 2025” via @chasingquiet.dev https://marc.boisvertdupras.com/going-back-to-jquery-in-2025/ I still use it to this day even beyond #WordPress if I’m not using a framework. Majority of the sites in the web still do. It just works. #JavaScript #webdev

  • Elemap ( Anbeeld/Elemap )

    TS library allowing to create interactive game maps of various types, rendered using HTML elements and CSS Created by Anbeeld on Dec 26, 2024.

  • Why I 🧡 the web: "Elemap" is a #TypeScript library allowing to create interactive game maps of various types, rendered using #HTML elements and #CSS. Demos:https://anbeeld.com/elemap #opensource https://github.com/Anbeeld/Elemap #gamemaps #JavaScript

  • Untitled post 60269

    Why I 🧡 the web: Someone did a browser port of Pitfall!. 🏃🏻‍♂️ https://meatfighter.com/pitfall-web/ #opensource: https://github.com/meatfighter/pitfall-js #JavaScript #oldschool #games #PitFall

  • yieldy-for-loop ( verlok/yieldy-for-loop )

    A tiny utility for iterating over large arrays (or any iterable) in a non-blocking, “yieldy” way, inspired by the article “Breaking up with long tasks, or how I learned to group loops and wield the yield” (PerfPlanet 2024). It helps avoid freezing the main thread by periodically yielding control back to the browser. Created by…

  • wavesurfer.js ( katspaugh/wavesurfer.js )

    Audio waveform player Created by katspaugh on Mar 04, 2012.

  • Interesting: A tiny #JavaScript utility to "process large loops in a non-blocking way by yielding periodically, ensuring your UI stays responsive even under heavy iteration". https://github.com/verlok/yieldy-for-loop More: https://www.andreaverlicchi.eu/blog/introducing-yieldy-for-loop/

  • Bookmarkable: A curated list of awesome things related to Vite.js https://github.com/vitejs/awesome-vite #JavaScript #Laravel #ViteJS

  • Picyard is a tool for making your code snippets look nice with various themes and languages supported. I've seen apps (paid and free) do this, but if you need a free online solution work a look. https://www.picyard.in/code #frontend #CSS #webdev #JavaScript #PHP