toad.social

Ana Tudor 🐯My take on creating a simple vertical timeline <a href="https://www.reddit.com/r/css/comments/1n36cih/comment/nbc0b6o/" rel="nofollow noopener" translate="no" target="_blank">https://www.reddit.com/r/css/comments/1n36cih/comment/nbc0b6o/</a>Live demo on <a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener" target="_blank">@codepen</a> <a href="https://codepen.io/thebabydino/pen/ogjagvY" rel="nofollow noopener" translate="no" target="_blank">https://codepen.io/thebabydino/pen/ogjagvY</a><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/cssGrid" class="mention hashtag" rel="nofollow noopener" target="_blank">#cssGrid</a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#code</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#coding</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDev</a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDevelopment</a> <a href="https://mastodon.social/tags/cssLayout" class="mention hashtag" rel="nofollow noopener" target="_blank">#cssLayout</a>

Deni Mintsaev 🇪🇺<a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> now has this new Temporal object for working with dates, and it'll be stable soon!Phew, I was so close to killing myself after working with time zones using the Date object, but I'm glad I held out. Even date-fns didn't reduce the number of work hours I spent bashing my head on the table that much. With Temporal going stable I'll probably only be spending 5-6 hours per week doing that, thanks to type errors and failing tests.<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Temporal" rel="nofollow noopener" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Temporal</a><a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#coding</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a>

Alvin AshcraftBuild Faster with Blazor HTML Editor: Template Insertion Made Easy <a href="https://buff.ly/Uo8Brla" rel="nofollow noopener" target="_blank">buff.ly/Uo8Brla</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23blazor" target="_blank">#blazor</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23aspnetcore" target="_blank">#aspnetcore</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23webdev" target="_blank">#webdev</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23ref" target="_blank">#ref</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23syncfusion" target="_blank">#syncfusion</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23dotnet" target="_blank">#dotnet</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23csharp" target="_blank">#csharp</a> <a href="https://buff.ly/Uo8Brla" rel="nofollow noopener" target="_blank">Build Faster with Blazor HTML ...</a>

Alvin Ashcraft 🐿️Build Faster with Blazor HTML Editor: Template Insertion Made Easy<a href="https://www.syncfusion.com/blogs/post/blazor-html-editor-template-insertion?utm_source=alvinashcraft&utm_medium=email&utm_campaign=alvinashcraft_blog_edmsep25" rel="nofollow noopener" translate="no" target="_blank">https://www.syncfusion.com/blogs/post/blazor-html-editor-template-insertion?utm_source=alvinashcraft&utm_medium=email&utm_campaign=alvinashcraft_blog_edmsep25</a> <a href="https://hachyderm.io/tags/blazor" class="mention hashtag" rel="nofollow noopener" target="_blank">#blazor</a> <a href="https://hachyderm.io/tags/aspnetcore" class="mention hashtag" rel="nofollow noopener" target="_blank">#aspnetcore</a> <a href="https://hachyderm.io/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://hachyderm.io/tags/ref" class="mention hashtag" rel="nofollow noopener" target="_blank">#ref</a> <a href="https://hachyderm.io/tags/syncfusion" class="mention hashtag" rel="nofollow noopener" target="_blank">#syncfusion</a> <a href="https://hachyderm.io/tags/dotnet" class="mention hashtag" rel="nofollow noopener" target="_blank">#dotnet</a> <a href="https://hachyderm.io/tags/csharp" class="mention hashtag" rel="nofollow noopener" target="_blank">#csharp</a>

Marijke LuttekesQuestion related to "end" projects with a versioned backend and versioned frontend; specifically *not* libraries:How do you handle versioning of your frontend (through package.json) and your backend (e.g., pyproject.toml when using Python)?1. Where do you declare the version number(s)? 2. Does your frontend and backend have separate version numbers, or do you use one for the entire app? 3. How do you ensure that all numbers stay in sync? 4. Do you manually upgrade versions, or do you use a script? (Possibly based on conventional commits for semver).<a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a>

Alvin Ashcraft 🐿️Dew Drop – September 1, 2025 (#4487)<a href="https://www.alvinashcraft.com/2025/09/01/dew-drop-september-1-2025-4487/" rel="nofollow noopener" translate="no" target="_blank">https://www.alvinashcraft.com/2025/09/01/dew-drop-september-1-2025-4487/</a><a href="https://hachyderm.io/tags/dotnet" class="mention hashtag" rel="nofollow noopener" target="_blank">#dotnet</a> <a href="https://hachyderm.io/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://hachyderm.io/tags/csharp" class="mention hashtag" rel="nofollow noopener" target="_blank">#csharp</a> <a href="https://hachyderm.io/tags/windowsdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#windowsdev</a> <a href="https://hachyderm.io/tags/ai" class="mention hashtag" rel="nofollow noopener" target="_blank">#ai</a> <a href="https://hachyderm.io/tags/mobiledev" class="mention hashtag" rel="nofollow noopener" target="_blank">#mobiledev</a> <a href="https://hachyderm.io/tags/cloud" class="mention hashtag" rel="nofollow noopener" target="_blank">#cloud</a> <a href="https://hachyderm.io/tags/visualstudio" class="mention hashtag" rel="nofollow noopener" target="_blank">#visualstudio</a> <a href="https://hachyderm.io/tags/database" class="mention hashtag" rel="nofollow noopener" target="_blank">#database</a> <a href="https://hachyderm.io/tags/dewdrop" class="mention hashtag" rel="nofollow noopener" target="_blank">#dewdrop</a>

Alvin AshcraftDew Drop – September 1, 2025 (#4487) <a href="https://buff.ly/zHNED5k" rel="nofollow noopener" target="_blank">buff.ly/zHNED5k</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23dotnet" target="_blank">#dotnet</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23webdev" target="_blank">#webdev</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23csharp" target="_blank">#csharp</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23windowsdev" target="_blank">#windowsdev</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23ai" target="_blank">#ai</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23mobiledev" target="_blank">#mobiledev</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23cloud" target="_blank">#cloud</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23visualstudio" target="_blank">#visualstudio</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23database" target="_blank">#database</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23dewdrop" target="_blank">#dewdrop</a> <a href="https://www.alvinashcraft.com/2025/09/01/dew-drop-september-1-2025-4487/" rel="nofollow noopener" target="_blank">Dew Drop – September 1, 2025 (...</a>

Alvaro MontoroNew comiCSS cartoon: Trust issues <a href="https://comicss.art/comics/206/" rel="nofollow noopener" translate="no" target="_blank">https://comicss.art/comics/206/</a>When you've worked with CSS long enough, you stop trusting anything: Gray vs DarkGray, Bold vs Bolder, SeaGreen vs MediumSeaGreen vs DarkSeaGreen vs LightSeaGreen... No wonder CSS Developers have trust issues!<a href="https://front-end.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://front-end.social/tags/comic" class="mention hashtag" rel="nofollow noopener" target="_blank">#comic</a> <a href="https://front-end.social/tags/cartoon" class="mention hashtag" rel="nofollow noopener" target="_blank">#cartoon</a> <a href="https://front-end.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDev</a> <a href="https://front-end.social/tags/joke" class="mention hashtag" rel="nofollow noopener" target="_blank">#joke</a>

@haitchfiveIt was bound to happen that I'd attempt this. <a href="https://github.com/ha1tch/marquee/blob/main/examples/nowser/nowser.go" rel="nofollow noopener" translate="no" target="_blank">https://github.com/ha1tch/marquee/blob/main/examples/nowser/nowser.go</a> I added a new code example to MARQUEE (the little html renderer widget I wrote based on raylib-go), and it now shows how to implement a small web browser using it.Of course, you can't view many "real" web pages with it yet, because most webpages are full of garbage. But in due time, I may be able to demonstrate that the real purpose of implementing nowser is not to browse pages (nowser! duh!), but to use it as something that can allow us to begin to think beyond the existing paradigm.For now, it's one lovely little widget!<a href="https://oldbytes.space/tags/marquee" class="mention hashtag" rel="nofollow noopener" target="_blank">#marquee</a> <a href="https://oldbytes.space/tags/nowser" class="mention hashtag" rel="nofollow noopener" target="_blank">#nowser</a> <a href="https://oldbytes.space/tags/antiexplorer" class="mention hashtag" rel="nofollow noopener" target="_blank">#antiexplorer</a> <a href="https://oldbytes.space/tags/retrocomputing" class="mention hashtag" rel="nofollow noopener" target="_blank">#retrocomputing</a> <a href="https://oldbytes.space/tags/neoretro" class="mention hashtag" rel="nofollow noopener" target="_blank">#neoretro</a> <a href="https://oldbytes.space/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://oldbytes.space/tags/browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#browser</a>

Marian DörkTIL about the element - and that some folks voice their disdain for bloated web frameworks far more vehemently than i ever could:<a href="https://justfuckingusehtml.com" rel="nofollow noopener" translate="no" target="_blank">https://justfuckingusehtml.com</a><a href="https://vis.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://vis.social/tags/StaticWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#StaticWeb</a> <a href="https://vis.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a>

Chris Ferdinandi ⚓️⚓️ New Article: Solidarity means everyone <a href="https://ift.tt/5GwiUBQ" rel="nofollow noopener" translate="no" target="_blank">https://ift.tt/5GwiUBQ</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontEndDeveloper</a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#100DaysOfCode</a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener" target="_blank">#CodeNewbie</a>

jbz⚡You no longer need JavaScript<a href="https://lyra.horse/blog/2025/08/you-dont-need-js/" rel="nofollow noopener" translate="no" target="_blank">https://lyra.horse/blog/2025/08/you-dont-need-js/</a><a href="https://indieweb.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://indieweb.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://indieweb.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a>

lloydiA little update to my WCAG Lookup tool - it now appears as a sidebar panel. I was finding that on some sites (such as GitHub), focus management on the host page was stealing focus from the tool's dialog. So, now it looks like this (tool appears in a sidebar and can remain there until you're done with it).<a href="https://chromewebstore.google.com/detail/look-up-wcag-scs-wcag-suc/koppadkncigccambhpcmgilnphmaahad" rel="nofollow noopener" translate="no" target="_blank">https://chromewebstore.google.com/detail/look-up-wcag-scs-wcag-suc/koppadkncigccambhpcmgilnphmaahad</a> <a href="https://mastodon.social/tags/tooling" class="mention hashtag" rel="nofollow noopener" target="_blank">#tooling</a> <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a> <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a>

Axel RauschmayerLearning web development: JSON and processing files in Node.js <a href="https://2ality.com/2025/08/javascript-json-processing-files.html" rel="nofollow noopener" translate="no" target="_blank">https://2ality.com/2025/08/javascript-json-processing-files.html</a><a href="https://fosstodon.org/tags/2ality" class="mention hashtag" rel="nofollow noopener" target="_blank">#2ality</a> <a href="https://fosstodon.org/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://fosstodon.org/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a>

𝕂𝚞𝚋𝚒𝚔ℙ𝚒𝚡𝚎𝚕HTML WebDev in rauer Sprache

Andrew Wooldridge 🐲<a href="https://jslegenddev.substack.com/p/the-struggle-of-wrapping-a-javascript" rel="nofollow noopener" translate="no" target="_blank">https://jslegenddev.substack.com/p/the-struggle-of-wrapping-a-javascript</a> using NW.js as a way to create apps / games <a href="https://social.lol/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://social.lol/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://social.lol/tags/gamedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#gamedev</a>

David BissetThe Rise of Hybrid PHP: Blending <a href="https://phpc.social/tags/PHP" class="mention hashtag" rel="nofollow noopener" target="_blank">#PHP</a> with <a href="https://phpc.social/tags/Go" class="mention hashtag" rel="nofollow noopener" target="_blank">#Go</a> and <a href="https://phpc.social/tags/Rust" class="mention hashtag" rel="nofollow noopener" target="_blank">#Rust</a><a href="https://yekdeveloper.com/p/4-the-rise-of-hybrid-php" rel="nofollow noopener" translate="no" target="_blank">https://yekdeveloper.com/p/4-the-rise-of-hybrid-php</a> <a href="https://phpc.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://phpc.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a>

Bjarne Oldrup2/2Microsoft Copilot dissed its cousin Microsoft Edge. I don't endorse AI, but I figured if any AI understood Microsoft Edge, it would be Microsoft Copilot. I guess the AI family affairs are more human like than I expected.<a href="https://mastodon.green/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.green/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a> <a href="https://mastodon.green/tags/ScreenReader" class="mention hashtag" rel="nofollow noopener" target="_blank">#ScreenReader</a> <a href="https://mastodon.green/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.green/tags/MicrosoftEdge" class="mention hashtag" rel="nofollow noopener" target="_blank">#MicrosoftEdge</a> <a href="https://mastodon.green/tags/LangAttribute" class="mention hashtag" rel="nofollow noopener" target="_blank">#LangAttribute</a> <a href="https://mastodon.green/tags/TTSFail" class="mention hashtag" rel="nofollow noopener" target="_blank">#TTSFail</a>

Anurag GuptaStop just consuming technology. Learn how things work and build a better and fair digital ecosystem.<a href="https://makertube.net/w/9n7Uy3LXXw7qyWNrK8ieCx" rel="nofollow noopener" translate="no" target="_blank">https://makertube.net/w/9n7Uy3LXXw7qyWNrK8ieCx</a><a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdevelopment</a> <a href="https://mastodon.social/tags/server" class="mention hashtag" rel="nofollow noopener" target="_blank">#server</a> <a href="https://mastodon.social/tags/pagination" class="mention hashtag" rel="nofollow noopener" target="_blank">#pagination</a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/php" class="mention hashtag" rel="nofollow noopener" target="_blank">#php</a> <a href="https://mastodon.social/tags/mysql" class="mention hashtag" rel="nofollow noopener" target="_blank">#mysql</a> <a href="https://mastodon.social/tags/tutorial" class="mention hashtag" rel="nofollow noopener" target="_blank">#tutorial</a> <a href="https://mastodon.social/tags/CodingTutorial" class="mention hashtag" rel="nofollow noopener" target="_blank">#CodingTutorial</a> <a href="https://mastodon.social/tags/LearnToCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#LearnToCode</a> <a href="https://mastodon.social/tags/CodeWithMe" class="mention hashtag" rel="nofollow noopener" target="_blank">#CodeWithMe</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/OnlineEducation" class="mention hashtag" rel="nofollow noopener" target="_blank">#OnlineEducation</a> <a href="https://mastodon.social/tags/EdTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#EdTech</a>

Jonathan SchofieldDear <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDev</a> folks, If you’re going to insist on hobbling the base markup layer of the web as part of your mission to reinvent it with JavaScript, at least have the courtesy to be honest. The correct statement here from osf.io would appear to be “For *any* functionality of this site, we have made it necessary to enable JavaScript. We didn’t have to but our practice is guided by bad ideas.”

Recent searches

Search options

Administered by:

Server stats:

#webdev