davidbisset.social

html

  • Display any CSV file as a searchable, filterable, pretty HTML table. https://github.com/derekeder/csv-to-html-table #CSS #HTML #webdev

  • "Plain Vanilla" "An explainer for doing web development using only vanilla techniques. No tools, no frameworks — just #HTML, #CSS, and #JavaScript." https://plainvanillaweb.com #webdev

  • Fun look at making of "infinite monkeys" experiment (I 🧡 the web btw). If you're into #webdev or #javascript it might be worth a look, not a long read. https://www.lukeschaefer.dev/posts/making-of-monkeys/ I love how the (bad) state management library was called StateFarm. Also reminded that https://lit.dev/ exists. #HTML

  • backdooms ( Kuberwastaken/backdooms )

    A self-contained game that fits inside a QR code inspired by DOOM 1993 and The Backrooms Created by Kuberwastaken on Feb 12, 2025.

  • web-payments-quickstart ( square/web-payments-quickstart )

    Quickstart for using Square’s Web Payments SDK Created by square on Mar 12, 2021.

  • "Default styles for h1 elements are changing" #frontend #webdev #HTML https://developer.mozilla.org/en-US/blog/h1-element-styles/

  • "Rewriting my site in vanilla web" https://leanrada.com/notes/vanilla-web-rewrite/ #webdev #JavaScript #HTML #CSS

  • Nice tool for #frontend developers and others. "Special #HTML Symbols" Copy a wide range of HTML symbols (arrows but lots of other ones, some of which I'm reminded exist. https://symbl.revend.group #webdev #webtools

  • Styling an #HTML dialog modal to take the full height of the viewport https://til.simonwillison.net/css/dialog-full-height #frontend

  • On the #HTML front: "With the command and commandfor attributes, buttons can now perform actions on other elements declaratively." https://developer.chrome.com/blog/command-and-commandfor See: https://html.spec.whatwg.org/multipage/form-elements.html#attr-button-command #webdev #frontend

  • "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

  • A Content List With Bulk Actions Using Ancient #HTML and Modern #CSS https://cloudfour.com/thinks/a-content-list-with-bulk-actions-using-ancient-html-and-modern-css/ #webdev #frontend

  • 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.

  • php-ext ( tnylea/php-ext )

    A chrome extension to show PHP (Laravel) devtools console Created by tnylea on Jan 18, 2025.

  • ascii ( collidingScopes/ascii )

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

  • Building a QR Code #HTML Web Component via https://mstdn.social/@scottjehl https://scottjehl.com/posts/q-r #WebComponent #QR #frontend

  • 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

  • Nice quick #HTML reference: https://htmlreference.io Also one for #CSS: https://cssreference.io #webdev

  • ui ( felix-bohlin/ui )

    A CSS UI library exploring how next-gen HTML & CSS features can change the way we create components. Designed to be used by professional teams as well as tinkering hobbyists. Created by felix-bohlin on Apr 01, 2024.

  • Relatively New Things You Should Know about #HTML Heading Into 2025 (from @chriscoyier.net on @frontendmasters.com) https://frontendmasters.com/blog/bone-up-html-2025/ And yes! Styleable <select>s are coming! 🎉 #CSS #webdev

  • Interesting: PageCrypt is a tool lets you securely password-protect an #HTML file. Unlike other password-protection tools, this tool: Has no server-side components (this tool and its password-protected pages run entirely in #JavaScript). Uses strong encryption. https://pagecrypt.maxlaumeister.com

  • bladewind ( mkocansey/bladewind )

    BladewindUI is a collection of elegant Laravel blade-based UI components spiced with TailwindCSS and Javascript. Created by mkocansey on Apr 10, 2022.

  • nullboard ( apankrat/nullboard )

    Nullboard is a minimalist kanban board, focused on compactness and readability. Created by apankrat on Apr 28, 2019.

  • tufte-css ( edwardtufte/tufte-css )

    Style your webpage like Edward Tufte’s handouts. Created by edwardtufte on Oct 15, 2014.

  • markitdown ( microsoft/markitdown )

    Python tool for converting files and office documents to Markdown. Created by microsoft on Nov 13, 2024.

  • qr-code-generator ( JoaoFranco03/qr-code-generator )

    📱 A QR Code Generator created using Tailwind CSS, HTML, CSS and JavaScript Created by JoaoFranco03 on Feb 19, 2023.

  • Crafting beautiful #HTML glass UI #CSS https://www.tyleo.com/html-glass.html

  • #JavaScript dos and dont's. Tips and best practices. #webdev https://muan.co/posts/javascript "Start with only #HTML, then progressively enhance it, so it can still work without JavaScript. A table can be pure HTML; a sortable table needs only a dash of JavaScript."

  • tailwindcss-forms ( tailwindlabs/tailwindcss-forms )

    A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities. Created by tailwindlabs on Nov 11, 2020.

  • Text fragments : precise linking to specific text within a web page without the need to add an anchor. https://alfy.blog/2024/10/19/linking-directly-to-web-page-content.html Example: https://developer.mozilla.org/en-US/docs/Web/URI/Fragment/Text_fragments#:~:text=without%20relying%20on%20the%20presence%20of%20IDs #HTML #webdev