davidbisset.social

webdev

  • A typeface for creating sparklines in text without code. https://github.com/aftertheflood/sparks?tab=readme-ov-file Works on both the desktop and the web where it works without #Javascript, though it does require a modern-ish web browser. #font #frontend #webdev

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

  • My hobby these days seems to be collecting blog posts on developer experiences with coding and #AI. From the "it's God" (rolling my eyes) to "it's trash" (bias exploded). Most of them land in some range in the middle. Adding this to my read list:https://manuel.kiessling.net/2025/03/31/how-seasoned-developers-can-achieve-great-results-with-ai-coding-agents/ #CursorAI #webdev

  • Offline #Javascript #PubSub between browser tabs https://simon-frey.com/tabsub/ #webdev

  • Wow if you are a #frontend or #CSS nerd, then come for the in-depth on anchor tags, stay maybe for the site design which is nice. https://thirty-five.com/overengineered-anchoring #webdev

  • Minimal #CSS only blurry image placeholders https://leanrada.com/notes/css-only-lqip/ #frontend #webdev

  • Some free "thick" cursive fonts: https://cssauthor.com/best-free-thick-cursive-fonts #fonts #webdev

  • Untitled post 60527

    "In your code have you ever named a variable badly AND wrote a bad comment?" 🤔 #webdev #memes

  • Debunking native in-browser spell-jacking. "For input fields that handle sensitive information, such as passwords, personal details, or proprietary data, ensure the spellcheck attribute is set to false." (TLDR: Being on the safe side) https://medium.com/doctolib/debunking-native-in-browser-spell-jacking-0fccdc06373b #frontend #webdev

  • This is close to my take on #AI #webdev #programming as I've seen. https://kyrylo.org/software/2025/03/27/learn-to-code-ignore-ai-then-use-ai-to-code-even-better.html AI is a x10 multiplier – but 10x good or 10x not so good. If you know code then use it as a tool, it's good IMO. But just like copy/pasting from StackOverview without looking, using it blindly or with ignorance…

  • Untitled post 60508

    "Dad, my professor said I should treat #programming as a playground – experiment and have fun." 🤔 #memes #webdev #lifechoices

  • How to get those nice "super crispy" #SVG icons. https://persevering.substack.com/p/super-crispy-svg-icons #frontend #webdev

  • Styling Counters in #CSS https://css-tricks.com/styling-counters-in-css/ #frontend #webdev

  • 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

  • "Classless.css" is a new lightweight #CSS framework with “zero desire to add classes”. I know a few of these exist, and this one looks nice. Probably good for rapid prototyping or simple blogs. https://digitallytailored.github.io/Classless.css/ #webdev

  • Nice quick way to preview links to see how it looks in different social platforms. https://metacheck.appstate.co/ #webtools #webdev

  • Untitled post 60492

    .van { .van { .car { color: blue; } }} #meme #webdev #css

  • Untitled post 60482

    "We need a BIG launch for our website 🚀 but don't have a NASA or SpaceX budget." 🤔 #memes #webdev #mentos

  • If you’re using #CursorAi these are some useful tips. (I’ve seen noticeable improvement in execution when you tell it to ask you questions before providing answers on more complex requests). #AI #webdev https://www.nickcraux.com/blog/cursor-tips

  • Untitled post 60477

    “There were two #WordPress themes with the same name so I just picked one.” 🤔 #memes #webdev

  • 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

  • Untitled post 60456

    “Our solution is to put the slow performing code on a faster server.” 🤔 #memes #webdev #programming

  • Interesting if you're into #BlueSky and #atproto https://blog.tangled.sh/intro "Tangled: new social-enabled #Git collaboration platform built on top of AT Protocol." "Devs have complete ownership of their code #opensource communities can freely self-govern… coding can be social and fun again." #webdev

  • 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

  • Agreed. "Knowing #CSS is mastery to Frontend Development." https://helloanselm.com/writings/knowing-css-is-mastery-to-frontend-development via https://mastodon.social/@helloanselm "You won’t be a master at frontend development if you don’t understand underlying mechanisms of a language." #webdev #frontend

  • superglue is an #opensource server that sits as a layer between complex #API and your application. "Fetch data from JSON and XML APIs, as well as CSV and #Excel files in seconds." https://superglue.cloud/ https://github.com/superglue-ai/superglue #TypeScript #WebDev

  • Untitled post 60431

    “We asked our intern to touch things you said not to touch. I’m sure the code looks fine though.” 🤔 #memes #webdev

  • Just because you have spent years in [fill in the blank] platform / tech doesn't mean you are giving up or "betraying it" by exploring rivals, competitors, or different tech entirely. Tactfully expanding your knowledge is a must for those in #webdev. Gives you more options but makes you a better developer.