davidbisset.social

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

  • #HTML Form Validation is heavily underused https://expressionstatement.com/html-form-validation-is-heavily-underused – Using specific type attribute values, such as "email", "number", or "url"– Using other input attributes that create constraints, such as "pattern" or "maxlength"– Using the setCustomValidity DOM method of the input #webdev #frontend

  • vscode-web-visual-editor ( urin/vscode-web-visual-editor )

    Edit HTML files visually. Created by urin on Aug 19, 2024.

  • "#HTML Whitespace is Broken" If you wanted to spend the afternoon reading the "War and Peace" sized blog post about HTML (and some #CSS etc) and HTML whitespace this is your jam. "Deep dive" doesn't do this justice (in a good way). https://blog.dwac.dev/posts/html-whitespace/ via @develwithoutacause #webdev

  • Styling links based on their destination #CSS #HTML https://shkspr.mobi/blog/2024/10/styling-links-based-on-their-destination/

  • TinyJS is a lightweight #JavaScript library for dynamically creating #HTML elements "with deep property assignment". https://github.com/victorqribeiro/TinyJS Uses $ and $$() to select elements from the DOM.

  • Trying to explain to my college aged daughter who's taking #ComputerScience about the <hr/> #HTML tag and the question "why?" has come up three times so far. #frontend

  • "Hire #HTML and #CSS people" https://robinrendle.com/notes/hire-html-people/ #webdev

  • Creating a custom cursor for your website #HTML #CSS #webdev https://dev.to/bridget_amana/creating-a-custom-cursor-for-your-website-2jpo?ref=web-design-weekly.com

  • "2024: 0.5% of the Global Top 200 Websites Use Valid #HTML" #webdev #coding https://meiert.com/en/blog/html-conformance-2024/

  • "Two Ways to Create Custom Translated Messaging for #HTML Forms" https://css-tricks.com/two-ways-to-create-custom-translated-messaging-for-html-forms/ #CSS #translation

  • Tweet2Embed ( edent/Tweet2Embed )

    Convert a public Tweet into embedded semantic HTML Created by edent on Aug 08, 2024.

  • jquery-code-scanner ( Glideh/jquery-code-scanner )

    Lightweight handheld code scanner detector Created by Glideh on May 02, 2016.

  • Untitled post 59466

    Why I 🧡 the web: In 1989 Kid Pix 1.0 was released into the public domain and someone did an #HTML /#JavaScript reimplementation: https://kidpix.app/ More:https://github.com/vikrum/kidpix

  • "Here’s What We Learned From the First State of #HTML Survey" https://frontendmasters.com/blog/state-of-html-2023-results-2 "…when asked how they allocated their time between writing HTML/#CSS and JavaScript/TypeScript code, 59% said they spent more than half their time writing #JavaScript – even though the survey was clearly aimed at people interested in HTML."

  • "In Praise Of The Basics" https://www.smashingmagazine.com/2024/05/in-praise-of-the-basics/ "Long live the basics! Long live the “a-ha!” moments that help us all fall in love with the World Wide Web." #webdev #oldschool #html #css

  • Making a tic-tac-toe game with 'randomness' using pure #HTML and #CSS. Without #JavaScript. https://blog.scottlogic.com/2024/05/17/noJS-2-stochastic-boogaloo.html

  • notepadtab.com ( revolter/notepadtab.com )

    Created by revolter on May 12, 2024.

  • matcha.css is a "drop-in semantic styling library in pure #CSS". https://matcha.mizu.sh/ Designed to style #HTML elements similarly to a default browser stylesheet, eliminating the need for users to manually patch their documents. Ideal for fast prototyping, static HTML pages, #Markdown generated documents, etc.

  • tsparticles ( tsparticles/tsparticles )

    tsParticles – Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components. Created by tsparticles on Feb 05, 2020.

  • #HTML attributes vs DOM properties #webdev #frontend https://jakearchibald.com/2024/attributes-vs-properties/

  • tiny-world-map ( tinyworldmap/tiny-world-map )

    tinyworldmap is a tiny world map for offline-first and low-bandwidth web apps Created by tinyworldmap on Apr 14, 2024.

  • "Converting Plain Text To Encoded #HTML With Vanilla #JavaScript" #webdev https://www.smashingmagazine.com/2024/04/converting-text-encoded-html-vanilla-javascript/

  • How to think about #html responsive images. #frontend https://danburzo.ro/responsive-images-html/

  • fancy-ansi ( kubetail-org/fancy-ansi )

    Small JavaScript library for converting ANSI to HTML Created by kubetail-org on Mar 29, 2024.

  • Untitled post 59143

    Nice! Fancy-ANSI is a small #JavaScript library for converting #ANSI to beautiful, browser-safe #HTML. https://github.com/kubetail-org/fancy-ansi #opensource

  • invertornot ( mattismegevand/invertornot )

    API to determine if an image should be inverted for optimal dark-mode rendering. Created by mattismegevand on Mar 19, 2024.

  • "Monolith" is a #CLI tool for saving complete web pages as a single #HTML file. Embeds #CSS, image, and #JavaScript assets all at once, producing a single HTML5 document https://github.com/Y2Z/monolith https://crates.io/crates/monolith