Veganism Social

Inautilo“Vibe coding seems to live very squarely in the land of prototypes and toys. Promoting software that’s been built entirely using this method would be akin to sending a hacked weekend prototype to production and expecting it to be stable.” — Remy Sharp_____ <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#Programming</a> <a href="https://mastodon.social/tags/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#Coding</a> <a href="https://mastodon.social/tags/VibeCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#VibeCoding</a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#AI</a> <a href="https://mastodon.social/tags/Prototypes" class="mention hashtag" rel="nofollow noopener" target="_blank">#Prototypes</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/Backend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Backend</a> <a href="https://mastodon.social/tags/Debates" class="mention hashtag" rel="nofollow noopener" target="_blank">#Debates</a> <a href="https://mastodon.social/tags/Quotes" class="mention hashtag" rel="nofollow noopener" target="_blank">#Quotes</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Approaches" class="mention hashtag" rel="nofollow noopener" target="_blank">#Approaches</a> Why I’m writing pure HTML/CSS in 2025 · “Building pure HTML/CSS pages is a breeze and a joy.” <a href="https://ilo.im/165j5i" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/165j5i</a>_____ <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener" target="_blank">#Website</a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/Security" class="mention hashtag" rel="nofollow noopener" target="_blank">#Security</a> <a href="https://mastodon.social/tags/SEO" class="mention hashtag" rel="nofollow noopener" target="_blank">#SEO</a> <a href="https://mastodon.social/tags/Hosting" class="mention hashtag" rel="nofollow noopener" target="_blank">#Hosting</a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebPerf</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a>

🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸I've been doing <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDev</a> for <a href="https://mastodon.social/tags/AWS" class="mention hashtag" rel="nofollow noopener" target="_blank">#AWS</a> for a long time using Ubuntu in <a href="https://mastodon.social/tags/WSL" class="mention hashtag" rel="nofollow noopener" target="_blank">#WSL</a> and it just occurred to me I could be using <a href="https://mastodon.social/tags/Amazon" class="mention hashtag" rel="nofollow noopener" target="_blank">#Amazon</a> <a href="https://mastodon.social/tags/Linux" class="mention hashtag" rel="nofollow noopener" target="_blank">#Linux</a> 2023 instead. Any <a href="https://mastodon.social/tags/windows" class="mention hashtag" rel="nofollow noopener" target="_blank">#windows</a> <a href="https://mastodon.social/tags/developers" class="mention hashtag" rel="nofollow noopener" target="_blank">#developers</a> out there doing this?<a href="https://mastodon.social/tags/al2023" class="mention hashtag" rel="nofollow noopener" target="_blank">#al2023</a> <a href="https://mastodon.social/tags/AmazonLinux2023" class="mention hashtag" rel="nofollow noopener" target="_blank">#AmazonLinux2023</a> <a href="https://mastodon.social/tags/CentOS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CentOS</a>

Jake in the desertThe orders of complexity of websites (and what they imply for the design of web platform features) <a href="https://tess.oconnor.cx/2025/06/complexity" rel="nofollow noopener" translate="no" target="_blank">https://tess.oconnor.cx/2025/06/complexity</a><a href="https://c.im/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#design</a> <a href="https://c.im/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://c.im/tags/websites" class="mention hashtag" rel="nofollow noopener" target="_blank">#websites</a> <a href="https://c.im/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a>

Zuri (he/him) 🕐 CETThis year's <a href="https://mastodon.online/tags/StateOfHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#StateOfHTML</a> feature score: 270 pointsWhat's yours?Find out: <a href="https://survey.devographics.com/en-US/survey/state-of-html/2025" rel="nofollow noopener" translate="no" target="_blank">https://survey.devographics.com/en-US/survey/state-of-html/2025</a><a href="https://mastodon.online/tags/StateOfHTML2025" class="mention hashtag" rel="nofollow noopener" target="_blank">#StateOfHTML2025</a> <a href="https://mastodon.online/tags/StateOfHTMLSurvey" class="mention hashtag" rel="nofollow noopener" target="_blank">#StateOfHTMLSurvey</a> <a href="https://mastodon.online/tags/StateOfHTML2025Survey" class="mention hashtag" rel="nofollow noopener" target="_blank">#StateOfHTML2025Survey</a> <a href="https://mastodon.online/tags/StateOfHTMLSurvey2025" class="mention hashtag" rel="nofollow noopener" target="_blank">#StateOfHTMLSurvey2025</a> <a href="https://mastodon.online/tags/StateofSurvey" class="mention hashtag" rel="nofollow noopener" target="_blank">#StateofSurvey</a> <a href="https://mastodon.online/tags/StateofSurveys" class="mention hashtag" rel="nofollow noopener" target="_blank">#StateofSurveys</a> <a href="https://mastodon.online/tags/amCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#amCoding</a> <a href="https://mastodon.online/tags/amProgramming" class="mention hashtag" rel="nofollow noopener" target="_blank">#amProgramming</a> <a href="https://mastodon.online/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDev</a> <a href="https://mastodon.online/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDevelopment</a> <a href="https://mastodon.online/tags/softwareDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#softwareDevelopment</a> <a href="https://mastodon.online/tags/softwareEngineering" class="mention hashtag" rel="nofollow noopener" target="_blank">#softwareEngineering</a>

Programming N' Language🚀Added a YouTube link parser to embed videos in posts. 🙌 Kudos to NodeBB for their simple and underrated plugin system. 👉 <a href="https://pnl.dev/topic/950/pnl-reader-simple-elegant-and-transparent" rel="nofollow noopener" translate="no" target="_blank">https://pnl.dev/topic/950/pnl-reader-simple-elegant-and-transparent</a><a href="https://techhub.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://techhub.social/tags/indiehacker" class="mention hashtag" rel="nofollow noopener" target="_blank">#indiehacker</a> <a href="https://techhub.social/tags/edtech" class="mention hashtag" rel="nofollow noopener" target="_blank">#edtech</a> <a href="https://techhub.social/tags/devlog" class="mention hashtag" rel="nofollow noopener" target="_blank">#devlog</a> <a href="https://techhub.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a>

River🚀Added a YouTube link parser to embed videos in posts. 🙌 Kudos to NodeBB for their simple and underrated plugin system. 👉 <a href="https://pnl.dev/topic/950/pnl-reader-simple-elegant-and-transparent" rel="nofollow noopener" translate="no" target="_blank">https://pnl.dev/topic/950/pnl-reader-simple-elegant-and-transparent</a><a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/indiehacker" class="mention hashtag" rel="nofollow noopener" target="_blank">#indiehacker</a> <a href="https://mastodon.social/tags/edtech" class="mention hashtag" rel="nofollow noopener" target="_blank">#edtech</a> <a href="https://mastodon.social/tags/devlog" class="mention hashtag" rel="nofollow noopener" target="_blank">#devlog</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a>

DailyHTML⚠️ DEPRECATED: <xmp> Renders text between the start and end tags without interpreting the HTML in between and using a monospaced font.<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/xmp" rel="nofollow noopener" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/xmp</a><a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/DailyHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#DailyHTML</a>

Zuri (he/him) 🕐 CETsource control main branch progression FOMO<a href="https://mastodon.online/tags/amCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#amCoding</a> <a href="https://mastodon.online/tags/amProgramming" class="mention hashtag" rel="nofollow noopener" target="_blank">#amProgramming</a> <a href="https://mastodon.online/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDev</a> <a href="https://mastodon.online/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDevelopment</a> <a href="https://mastodon.online/tags/softwareDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#softwareDevelopment</a> <a href="https://mastodon.online/tags/softwareEngineering" class="mention hashtag" rel="nofollow noopener" target="_blank">#softwareEngineering</a> <a href="https://mastodon.online/tags/git" class="mention hashtag" rel="nofollow noopener" target="_blank">#git</a> <a href="https://mastodon.online/tags/vcs" class="mention hashtag" rel="nofollow noopener" target="_blank">#vcs</a>

Simon Justesen"PHP is dead!", er... no... ;-)<a href="https://mstdn.dk/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://mstdn.dk/tags/jokes" class="mention hashtag" rel="nofollow noopener" target="_blank">#jokes</a>

Mac 🟪 Webb<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> <a href="https://mastodon.social/tags/retrocomputing" class="mention hashtag" rel="nofollow noopener" target="_blank">#retrocomputing</a> <a href="https://mastodon.social/tags/floppy" class="mention hashtag" rel="nofollow noopener" target="_blank">#floppy</a> <a href="https://mastodon.social/tags/floppydisk" class="mention hashtag" rel="nofollow noopener" target="_blank">#floppydisk</a>

WebGlossary.infoWeb development term of the day:→ HTTP Public Key Pinning<a href="https://webglossary.info/terms/http-public-key-pinning/" rel="nofollow noopener" translate="no" target="_blank">https://webglossary.info/terms/http-public-key-pinning/</a><a href="https://techhub.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://techhub.social/tags/webdevglossary" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdevglossary</a>

Arne BabenhauserheideThe biggest effect is that the page should now be convenient to use over GPRS, 2G, and 3G networks. At least that’s how it looks with devtools throttling (both Firefox and Chromium).I guess that the Link: HTTP header makes the biggest difference there, because it allows the browser to request the style.css long before the inital HTML finished loading.<a href="https://rollenspiel.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a>

Arne BabenhauserheideOne of the images showing very late is the apple-favicon for which I set explicit fetchpriority="low", because it just isn’t important to the content, only to mark bookmarks and tabs and such.The main change: <a href="https://hg.sr.ht/~arnebab/draketo/rev/a86121f8649b3f0fcc083680866234435cbbae14#org-templates/level-0.org" rel="nofollow noopener" translate="no" target="_blank">https://hg.sr.ht/~arnebab/draketo/rev/a86121f8649b3f0fcc083680866234435cbbae14#org-templates/level-0.org</a>Also a prefetch header via .htaccess to save 5-15ms time for the CSS file: <a href="https://hg.sr.ht/~arnebab/draketo/rev/a86121f8649b3f0fcc083680866234435cbbae14#site/.htaccess" rel="nofollow noopener" translate="no" target="_blank">https://hg.sr.ht/~arnebab/draketo/rev/a86121f8649b3f0fcc083680866234435cbbae14#site/.htaccess</a><a href="https://rollenspiel.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a>

Arne BabenhauserheideI went down the asset load optimization rabbit hole this morning: preload- and prefetch.For <a href="https://www.draketo.de" rel="nofollow noopener" translate="no" target="_blank">https://www.draketo.de</a>:- plain - DOM content loaded: 128ms - load: 282ms - preload: - DOM: 149ms - load: 217ms - prefetch: - DOM: 123ms - load: 202msPreloading delayed the time till users saw content (DOM content loaded). Prefetching reduces flickering of the images loaded.Multiple runs show the images 10ms later with prefetch.⇒ add <link rel="prefetch" for CSS assets. <a href="https://rollenspiel.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a>

Marius GundersenI wish the <a href="https://mastodon.social/tags/github" class="mention hashtag" rel="nofollow noopener" target="_blank">#github</a> edit in place feature had an amend checkbox<a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a>

Nouvelle-Techno.frNouveau en CSS :CSS peut désormais changer dynamiquement une propriété selon une custom property.Pas besoin de JS. Fonction expérimentale, testée sous Chrome Canary.📹 <a href="https://youtube.com/shorts/GuPirEbYoJo" rel="nofollow noopener" translate="no" target="_blank">https://youtube.com/shorts/GuPirEbYoJo</a><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://mastodon.social/tags/moderncss" class="mention hashtag" rel="nofollow noopener" target="_blank">#moderncss</a> <a href="https://mastodon.social/tags/stylequery" class="mention hashtag" rel="nofollow noopener" target="_blank">#stylequery</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a>

btreeMy log calendar week 30 / 2025 is available: <a href="https://github.com/vbd/Fieldnotes/blob/main/public-log/2025-cw30.md" rel="nofollow noopener" translate="no" target="_blank">https://github.com/vbd/Fieldnotes/blob/main/public-log/2025-cw30.md</a> Everyone is welcome to read, have fun and a good time! <a href="https://mastodon.social/tags/golang" class="mention hashtag" rel="nofollow noopener" target="_blank">#golang</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/development" class="mention hashtag" rel="nofollow noopener" target="_blank">#development</a> <a href="https://mastodon.social/tags/vim" class="mention hashtag" rel="nofollow noopener" target="_blank">#vim</a> <a href="https://mastodon.social/tags/agile" class="mention hashtag" rel="nofollow noopener" target="_blank">#agile</a> <a href="https://mastodon.social/tags/ai" class="mention hashtag" rel="nofollow noopener" target="_blank">#ai</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener" target="_blank">#Techniques</a> Exploring the Performance Extensibility API · How Chrome’s performance panel can show your own data <a href="https://ilo.im/165neu" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/165neu</a>_____ <a href="https://mastodon.social/tags/Measurement" class="mention hashtag" rel="nofollow noopener" target="_blank">#Measurement</a> <a href="https://mastodon.social/tags/Visualization" class="mention hashtag" rel="nofollow noopener" target="_blank">#Visualization</a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebPerf</a> <a href="https://mastodon.social/tags/Timeline" class="mention hashtag" rel="nofollow noopener" target="_blank">#Timeline</a> <a href="https://mastodon.social/tags/Chrome" class="mention hashtag" rel="nofollow noopener" target="_blank">#Chrome</a> <a href="https://mastodon.social/tags/DevTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#DevTools</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a>

DailyHTML<nav> Represents a section of a page whose purpose is to provide navigation links.<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/nav" rel="nofollow noopener" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/nav</a><a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/DailyHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#DailyHTML</a>

Recent searches

Search options

Administered by:

Server stats:

#WebDev