<p>A polyfill for the HTML switch element. <span class="h-card"><a href="https://toot.cafe/@tomayac" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>tomayac</span></a></span> shares a polyfill, bringing near-native <input type="checkbox" switch> to browsers beyond Safari, with accessibility mapping, high-contrast tweaks, and FOUC-safe loading. <a href="/tags/html/" rel="tag">#html</a> <a href="/tags/polyfill/" rel="tag">#polyfill</a></p><p><a href="https://blog.tomayac.com/2026/01/12/a-polyfill-for-the-html-switch-element/" rel="nofollow" class="ellipsis" title="blog.tomayac.com/2026/01/12/a-polyfill-for-the-html-switch-element/"><span class="invisible">https://</span><span class="ellipsis">blog.tomayac.com/2026/01/12/a-</span><span class="invisible">polyfill-for-the-html-switch-element/</span></a></p>
html
<p>wow I don't even know `<data>` HTML tag exists <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/data" rel="nofollow" class="ellipsis" title="developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/data"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/HTML/Reference/Elements/data</span></a></p><p><a href="/tags/html/" rel="tag">#HTML</a> <a href="/tags/webdev/" rel="tag">#WebDev</a></p>
<p>New year, new role <span class="h-card"><a href="https://mastodon.social/@Mastodon" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>Mastodon</span></a></span>! </p><p>Our core team is looking for a senior Front-end Developer to elevate the web UI/UX experience for our users. </p><p>Ideally:</p><p>1. You are highly skilled in accessible and semantic <a href="/tags/html/" rel="tag">#HTML</a><br>2. Proficient in modern <a href="/tags/css/" rel="tag">#CSS</a><br>3. Experienced with <a href="/tags/javascript/" rel="tag">#Javascript</a>, <a href="/tags/typescript/" rel="tag">#Typescript</a> and complex React/Redux applications</p><p>This remote full-time position requires a 4-hour overlap with the CET timezone.</p><p>For more info/to apply:<br><a href="https://jobs.ashbyhq.com/mastodon/6a0953c4-812b-4697-b5b3-ea0a2ae402c0" rel="nofollow" class="ellipsis" title="jobs.ashbyhq.com/mastodon/6a0953c4-812b-4697-b5b3-ea0a2ae402c0"><span class="invisible">https://</span><span class="ellipsis">jobs.ashbyhq.com/mastodon/6a09</span><span class="invisible">53c4-812b-4697-b5b3-ea0a2ae402c0</span></a></p><p><a href="/tags/fedihire/" rel="tag">#FediHire</a> <a href="/tags/getfedihired/" rel="tag">#GetFediHired</a> <a href="/tags/hiring/" rel="tag">#hiring</a> <a href="/tags/frontend/" rel="tag">#frontend</a></p>
<p>If you've been thinking about setting up your own website, you should check out <a href="https://neocities.org" rel="nofollow"><span class="invisible">https://</span>neocities.org</a> and <a href="https://glitch.com" rel="nofollow"><span class="invisible">https://</span>glitch.com</a>, which will let you make one for free.</p><p>Not interested in diving into HTML and CSS quite yet?</p><p>Here's a little tool I made that can help!</p><p><a href="https://simplepagebuilder.app" rel="nofollow"><span class="invisible">https://</span>simplepagebuilder.app</a></p><p>And some more resources to get you started: <a href="https://stefanbohacek.com/blog/resources-for-keeping-the-web-free-open-and-poetic/" rel="nofollow" class="ellipsis" title="stefanbohacek.com/blog/resources-for-keeping-the-web-free-open-and-poetic/"><span class="invisible">https://</span><span class="ellipsis">stefanbohacek.com/blog/resourc</span><span class="invisible">es-for-keeping-the-web-free-open-and-poetic/</span></a></p><p><a href="/tags/personalwebsite/" rel="tag">#PersonalWebsite</a> <a href="/tags/website/" rel="tag">#website</a> <a href="/tags/indieweb/" rel="tag">#indieweb</a> <a href="/tags/html/" rel="tag">#html</a></p>
<p>New blog post: <a href="https://mergiraf.org" rel="nofollow"><span class="invisible">https://</span>mergiraf.org</a>, a syntax-aware merge driver for <a href="/tags/git/" rel="tag">#Git</a>.</p><p>Supports <a href="/tags/java/" rel="tag">#Java</a>, <a href="/tags/rust/" rel="tag">#Rust</a>, <a href="/tags/golang/" rel="tag">#Golang</a>, <a href="/tags/javascript/" rel="tag">#javascript</a>, <a href="/tags/cpp/" rel="tag">#cpp</a>, <a href="/tags/csharp/" rel="tag">#csharp</a>, <a href="/tags/html/" rel="tag">#html</a>, <a href="/tags/json/" rel="tag">#json</a>, <a href="/tags/yaml/" rel="tag">#yaml</a> and <a href="/tags/xml/" rel="tag">#xml</a> so far, and it's quite easy to add support for more thanks to <a href="/tags/treesitter/" rel="tag">#treesitter</a>.</p><p><a href="https://antonin.delpeuch.eu/posts/mergiraf-a-syntax-aware-merge-driver-for-git/" rel="nofollow" class="ellipsis" title="antonin.delpeuch.eu/posts/mergiraf-a-syntax-aware-merge-driver-for-git/"><span class="invisible">https://</span><span class="ellipsis">antonin.delpeuch.eu/posts/merg</span><span class="invisible">iraf-a-syntax-aware-merge-driver-for-git/</span></a></p><p>Get it on <a href="/tags/codeberg/" rel="tag">#Codeberg</a>: <a href="https://codeberg.org/mergiraf/mergiraf" rel="nofollow"><span class="invisible">https://</span>codeberg.org/mergiraf/mergiraf</a></p>
<p>The annual celebration of HTML, HTML Day 2025 is coming up on August 2.</p><p>"On Saturday, August 2nd, 2025, we'll be gathering in places around the world to write and celebrate HTML."</p><p>via <a href="https://xoxo.zone/@waxy/114921694060600175" rel="nofollow" class="ellipsis" title="xoxo.zone/@waxy/114921694060600175"><span class="invisible">https://</span><span class="ellipsis">xoxo.zone/@waxy/11492169406060</span><span class="invisible">0175</span></a></p><p><a href="/tags/theweb/" rel="tag">#TheWeb</a> <a href="/tags/internet/" rel="tag">#internet</a> <a href="/tags/indieweb/" rel="tag">#IndieWeb</a> <a href="/tags/htmlday/" rel="tag">#HTMLDay</a> <a href="/tags/htmlday2025/" rel="tag">#HTMLDay2025</a> <a href="/tags/html/" rel="tag">#html</a> <a href="/tags/personalwebsites/" rel="tag">#PersonalWebsites</a> <a href="/tags/poeticweb/" rel="tag">#PoeticWeb</a></p>
<p>我不允许任何人没有看过 neal.fun 新出的项目：生命的尺度 size of life</p><p>从 DNA 到世界上最大的单体生物，依然是高质量的交互，动画，背景音乐，不看后悔。</p><p>右上角可以切换英制单位和公制单位。</p><p>右下角可以将当前生物和其他一种生物进行对比...</p><p><a href="https://neal.fun/size-of-life/" rel="nofollow"><span class="invisible">https://</span>neal.fun/size-of-life/</a></p><p><a href="/tags/fun/" rel="tag">#fun</a> <a href="/tags/webdev/" rel="tag">#webdev</a> <a href="/tags/html/" rel="tag">#html</a> <a href="/tags/1link1day/" rel="tag">#1link1day</a> <a href="/tags/长毛象安利大会/" rel="tag">#长毛象安利大会</a></p>
<p>🦉 <br> 🍋🌽🕊🌿 🐬🌱 🥦 🪵<br> 🍐 🦢🦢🦭 🐛🐛 🍈 🪷🌲 🍑<br> 🌷 🦀 🫐 🦃 🥥🦢 🪰 🐡🐥 🥜<br> 🌹 🍏 🪳 🌾 🦭 🐣 🌳 <br> 🦃 🐋 🥦🌱🦀🪱 🕸 🪳 🐙🫐 💐 <br> 🐚🍃 🎄 🍃🕊🕷🌱 🌻🍀 🥒 <br> 🧚 🍋 🐋 🐣🐙 <br><a href="https://screwlisp.small-web.org/lispgames/NicCLIM-example-html-table/" rel="nofollow" class="ellipsis" title="screwlisp.small-web.org/lispgames/NicCLIM-example-html-table/"><span class="invisible">https://</span><span class="ellipsis">screwlisp.small-web.org/lispga</span><span class="invisible">mes/NicCLIM-example-html-table/</span></a><br>Not an overly heady <a href="/tags/commonlisp/" rel="tag">#commonLisp</a> <a href="/tags/gamedev/" rel="tag">#gamedev</a> <a href="/tags/devlog/" rel="tag">#devlog</a> <a href="/tags/example/" rel="tag">#example</a> for my <a href="/tags/nicclim/" rel="tag">#NicCLIM</a> (Using <a href="/tags/mcclim/" rel="tag">#McCLIM</a>) . </p><p><a href="/tags/programming/" rel="tag">#programming</a> <a href="/tags/html/" rel="tag">#html</a></p>