mastodon.world is one of the many independent Mastodon servers you can use to participate in the fediverse.
Generic Mastodon server for anyone to use.

Server stats:

8.1K
active users

#webdev

229 posts165 participants7 posts today
Carl Poppa 🛸<p>A free, browser-based tool for editing your PDFs. All files are processed entirely in your browser, nothing is uploaded to their servers.<br>💈 <a href="https://www.pdfbarber.com/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">pdfbarber.com/</span><span class="invisible"></span></a> <br><a href="https://alpaca.gold/tags/technology" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>technology</span></a> <a href="https://alpaca.gold/tags/tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tech</span></a> <a href="https://alpaca.gold/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://alpaca.gold/tags/indieweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>indieweb</span></a></p>
Juan Fernandes<p>Just read: Prototyping Magic Tricks and Software - <a href="https://blog.jim-nielsen.com/2024/prototyping-magic-and-software/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.jim-nielsen.com/2024/prot</span><span class="invisible">otyping-magic-and-software/</span></a> </p><p><a href="https://indieweb.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://indieweb.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://indieweb.social/tags/JuanLinks" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JuanLinks</span></a></p>
randomMDN<p>🦖 EditContext: textupdate event<br>🟧 Limited availability</p><p><a href="https://developer.mozilla.org/en-US/docs/Web/API/EditContext/textupdate_event" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/API/EditContext/textupdate_event</span></a></p><p>The textupdate event of the EditContext interface fires when the user has made changes to the text or selection of an editable region that's attached to an EditContext instance.</p><p><a href="https://front-end.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Analyses" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Analyses</span></a><br>Three HTTP versions but still messy forms · “We’re still submitting forms like it’s 1985.” <a href="https://ilo.im/165ocj" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/165ocj</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Uploads" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Uploads</span></a> <a href="https://mastodon.social/tags/Forms" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Forms</span></a> <a href="https://mastodon.social/tags/WebApps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebApps</span></a> <a href="https://mastodon.social/tags/Browsers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browsers</span></a> <a href="https://mastodon.social/tags/URL" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>URL</span></a> <a href="https://mastodon.social/tags/HTTP" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTTP</span></a> <a href="https://mastodon.social/tags/Headers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Headers</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/Backend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Backend</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Findings" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Findings</span></a><br>The State of Code · Real-world insights from 7.9 billion lines of code <a href="https://ilo.im/165pz1" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/165pz1</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Security" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Security</span></a> <a href="https://mastodon.social/tags/Reliability" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Reliability</span></a> <a href="https://mastodon.social/tags/Maintainability" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Maintainability</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/TypeScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TypeScript</span></a> <a href="https://mastodon.social/tags/PHP" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PHP</span></a> <a href="https://mastodon.social/tags/Python" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Python</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/Backend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Backend</span></a></p>
Wilda Software<p><a href="https://mastodon.social/tags/PHP" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PHP</span></a> 8.5 zbliża się wielkimi krokami i blogerzy specjalizujący się w tym temacie mają teraz wolną drogę w pisaniu rożnych nowinek wprowadzanych przez nową wersję. Jedną z nich jest adnotacja "NoDiscard", która może być bardzo użyteczna w zabezpieczeniu kodu. Warto jej się przyjrzeć.</p><p><a href="https://mastodon.social/tags/programowanie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programowanie</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a></p><p><a href="https://chrastecky.dev/programming/new-in-php-8-5-marking-return-values-as-important" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">chrastecky.dev/programming/new</span><span class="invisible">-in-php-8-5-marking-return-values-as-important</span></a></p>
Carl Poppa 🛸<p>Here's a cheat sheet for social media and ad specs<br><a href="https://mediacheatsheet.com/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">mediacheatsheet.com/</span><span class="invisible"></span></a> <br><a href="https://alpaca.gold/tags/technology" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>technology</span></a> <a href="https://alpaca.gold/tags/tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tech</span></a> <a href="https://alpaca.gold/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://alpaca.gold/tags/indieweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>indieweb</span></a> <a href="https://alpaca.gold/tags/socialmedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>socialmedia</span></a></p>
Juan Fernandes<p>Just read: Why GOV.UK's Exit this Page component doesn't use the Escape key - <a href="https://beeps.website/blog/2024-10-09-why-govuk-exit-this-page-doesnt-use-escape/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">beeps.website/blog/2024-10-09-</span><span class="invisible">why-govuk-exit-this-page-doesnt-use-escape/</span></a> </p><p><a href="https://indieweb.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://indieweb.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://indieweb.social/tags/JuanLinks" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JuanLinks</span></a></p>
AmyFou 🕊️<p>what controls when submenus open downward vs when they open upward? </p><p>Here on the 'don, my 'emojis' submenu typically opens downward (boo - it often goes past the bottom of the screen) on a first try, and upward (yay! always works) on a second try.</p><p>Screencaps from a submenu in calendly.com that opens downward (yay! all options visible!) when it's the at the top of a list, but upwards (boo! opens *behind* a spacer that obscures several options).</p><p><a href="https://lingo.lol/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> <a href="https://lingo.lol/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://lingo.lol/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://lingo.lol/tags/sorcery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>sorcery</span></a> <a href="https://lingo.lol/tags/oops" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>oops</span></a></p>
Cory Dransfeldt :demi:<p>📝 This site runs on Laravel <a href="https://follow.coryd.dev/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://follow.coryd.dev/tags/Webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Webdev</span></a> <a href="https://follow.coryd.dev/tags/Php" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Php</span></a> <a href="https://follow.coryd.dev/tags/Laravel" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Laravel</span></a></p><p>As I've continued to over-engineer this site, there's been a mounting tension between what is and isn't dynamic. What should be dynamic, what needs to be dynamic, how often a given page or element is updated.</p><p><a href="https://www.coryd.dev/posts/2025/this-site-runs-on-laravel" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">coryd.dev/posts/2025/this-site</span><span class="invisible">-runs-on-laravel</span></a></p>

🦖 ProgressEvent: loaded property
✅ Widely available (from Jul 2015)

developer.mozilla.org/en-US/do

The ProgressEvent.loaded read-only property is a number indicating the size of the data already transmitted or processed. The progress ratio can be calculated by dividing the value of this property by ProgressEvent.total.

The MDN Web Docs logo, featuring a blue accent color, displayed on a solid black background.
MDN Web DocsProgressEvent: loaded property - Web APIs | MDNThe ProgressEvent.loaded read-only property is a number indicating the size of the data already transmitted or processed. The progress ratio can be calculated by dividing the value of this property by ProgressEvent.total.

🎉 Excited to announce our first keynote speaker for DjangoCon US 2025: Carson Gross!

Carson is the creator of HTMX and will be sharing insights on "Lateral Thinking with Withered Technology" - applying Nintendo Game Boy designer Gunpei Yokoi's philosophy to web development.

Can't wait! 🚀

2025.djangocon.us/news/keynote
1

DjangoCon USAnnouncing Our Keynotes: Carson Gross | DjangoCon US 2025DjangoCon US 2025 is a Python and Django focused web development conference in Chicago, Illinois.