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.5K
active users

#webdev

216 posts171 participants1 post today
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/Approaches" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Approaches</span></a><br>How I build software quickly · Lessons learned as a developer in a small team <a href="https://ilo.im/165agw" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/165agw</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Skills" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Skills</span></a> <a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Programming</span></a> <a href="https://mastodon.social/tags/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Coding</span></a> <a href="https://mastodon.social/tags/Debugging" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Debugging</span></a> <a href="https://mastodon.social/tags/Productivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Productivity</span></a> <a href="https://mastodon.social/tags/Workflows" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Workflows</span></a> <a href="https://mastodon.social/tags/Requirements" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Requirements</span></a> <a href="https://mastodon.social/tags/Drafts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Drafts</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a></p>
Senna 🌷<p>Learned about OG images today. They're the images that appear when you put a link to a website in a social media post. You can put a meta tag in the &lt;head&gt; of your web page that references the image you want to use for this purpose. It's a neat feature that makes your links a little zestier.</p><p><a href="https://mindly.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a></p>
UbuntuPasos para desplegar aplicacion Flask con mod_wsgi y Apache. Apache es el servidor web por excelencia, para desplegar aplicaciones y paginas web. Sin embargo, su funcionamiento en otros stacks, com...<br><br><a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/webdev" target="_blank">#webdev</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/spanish" target="_blank">#spanish</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/linux" target="_blank">#linux</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/programming" target="_blank">#programming</a><br><br><a href="https://dev.to/hpollack/pasos-para-desplegar-aplicacion-flask-con-modwsgi-y-apache-1f8d" rel="nofollow noopener" target="_blank">Origin</a> | <a href="https://awakari.com/sub-details.html?id=Ubuntu" rel="nofollow noopener" target="_blank">Interest</a> | <a href="https://awakari.com/pub-msg.html?id=Ck89usWCMxywrUXPMtIb2b0v9wu&amp;interestId=Ubuntu" rel="nofollow noopener" target="_blank">Match</a>
randomMDN<p>🦖 MouseEvent: WEBKIT_FORCE_AT_MOUSE_DOWN static property 🦖</p><p><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/WEBKIT_FORCE_AT_MOUSE_DOWN_static" 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/MouseEvent/WEBKIT_FORCE_AT_MOUSE_DOWN_static</span></a></p><p>MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWN is a proprietary, WebKit-specific, static numeric property whose value is the minimum force necessary for a normal click.</p><p><a href="https://front-end.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a></p>
Chris Ferdinandi ⚓️<p>⚓️ New Article: Short-wave radio: the original internet <a href="https://ift.tt/M8ZHBTQ" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ift.tt/M8ZHBTQ</span><span class="invisible"></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/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CodeNewbie</span></a></p>
jbz<p>Frontend’s Lost Decade and the Performance Inequality Gap by Alex Russell </p><p><a href="https://gitnation.com/contents/project-fugu-bringing-hardware-capabilities-to-the-web-safely" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">gitnation.com/contents/project</span><span class="invisible">-fugu-bringing-hardware-capabilities-to-the-web-safely</span></a><br><a href="https://indieweb.social/tags/reactjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>reactjs</span></a> <a href="https://indieweb.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://indieweb.social/tags/bloat" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bloat</span></a> <a href="https://indieweb.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/Techniques" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Techniques</span></a><br>Revisit of the Every Layout sidebar · Can modern CSS selectors improve it? <a href="https://ilo.im/165ae9" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/165ae9</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/Layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Layout</span></a> <a href="https://mastodon.social/tags/Navigation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Navigation</span></a> <a href="https://mastodon.social/tags/Sidebar" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Sidebar</span></a> <a href="https://mastodon.social/tags/Columns" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Columns</span></a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebPerf</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/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a></p>
HortusFox<p>🚀 HortusFox version 5.1 released!</p><p>View changelog here:<br><a href="https://github.com/danielbrendel/hortusfox-web/releases/tag/v5.1" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/danielbrendel/hortu</span><span class="invisible">sfox-web/releases/tag/v5.1</span></a></p><p>💚 Thank you for flying with HortusFox</p><p><a href="https://mastodon.social/tags/selfhosted" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>selfhosted</span></a> <a href="https://mastodon.social/tags/selfhosting" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>selfhosting</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/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>opensource</span></a> <a href="https://mastodon.social/tags/foss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>foss</span></a> <a href="https://mastodon.social/tags/gardening" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gardening</span></a> <a href="https://mastodon.social/tags/plants" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>plants</span></a> <a href="https://mastodon.social/tags/horticulture" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>horticulture</span></a> <a href="https://mastodon.social/tags/botany" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>botany</span></a> <a href="https://mastodon.social/tags/agriculture" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>agriculture</span></a> <a href="https://mastodon.social/tags/houseplants" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>houseplants</span></a> <a href="https://mastodon.social/tags/indoorplants" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>indoorplants</span></a> <a href="https://mastodon.social/tags/outdoorplants" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>outdoorplants</span></a> <a href="https://mastodon.social/tags/indiedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>indiedev</span></a></p>
Ian Kluft ✅🖥️📡<p>"Fix This Sign" by XKCD comic (Fediverse mirrors <span class="h-card" translate="no"><a href="https://mastodon.xyz/@xkcd" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>xkcd</span></a></span> <span class="h-card" translate="no"><a href="https://indieweb.social/@xkcdbot" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>xkcdbot</span></a></span> ) - <a href="https://pnw.zone/tags/Crowdfunding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Crowdfunding</span></a> as a primary business model? Just say no. <a href="https://xkcd.com/3113/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">xkcd.com/3113/</span><span class="invisible"></span></a> <a href="https://pnw.zone/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://pnw.zone/tags/tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tech</span></a> <a href="https://pnw.zone/tags/WTF" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WTF</span></a> <a href="https://pnw.zone/tags/humor" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>humor</span></a></p>
DailyHTML<p>&lt;main&gt; </p><p>Represents the dominant content of the body of a document.</p><p><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/main" 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/HTML/Reference/Elements/main</span></a></p><p><a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</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/DailyHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DailyHTML</span></a></p>
Tim :dotnet: :csharp: :blazor:<p>GeoBlazor 4.1.0 is out!</p><p>🗂️ Layer List Updates<br>🗺️ Styled GeoJSON<br>📌 Custom Popups<br>🔖 Bookmarks with Thumbnails<br>🖨️ New Print Widget API</p><p>Read the full announcement <a href="https://23190016.hs-sites.com/geoblazor-4.1-release" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">23190016.hs-sites.com/geoblazo</span><span class="invisible">r-4.1-release</span></a></p><p><a href="https://dotnet.social/tags/blazor" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blazor</span></a> <a href="https://dotnet.social/tags/dotnet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dotnet</span></a> <a href="https://dotnet.social/tags/gis" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gis</span></a> <a href="https://dotnet.social/tags/arcgis" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>arcgis</span></a> <a href="https://dotnet.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a></p>
Chris Ferdinandi ⚓️<p>📺 New Video: Is this REALLY the best way to structure web components!?! <a href="https://www.youtube.com/watch?v=AwAcchY28yA" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/watch?v=AwAcchY28yA</span><span class="invisible"></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/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CodeNewbie</span></a></p>
UmbraCymru<p>📢 2025 Schedule Update! 📢</p><p>July and September are now a social meetups!</p><p><a href="https://umbracocommunity.social/tags/dotnet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dotnet</span></a> <a href="https://umbracocommunity.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://umbracocommunity.social/tags/meetup" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>meetup</span></a> <a href="https://umbracocommunity.social/tags/umbraco" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>umbraco</span></a> <a href="https://umbracocommunity.social/tags/umbracomeetup" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>umbracomeetup</span></a> <a href="https://umbracocommunity.social/tags/cardiff" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cardiff</span></a></p>
MongoDB5 Best Spring Boot + MongoDB + AWS Projects for Fresh Graduates As a software engineering professional helping mentees build their portfolios, I understand the importance of practical projects that...<br><br><a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/springboot" target="_blank">#springboot</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/aws" target="_blank">#aws</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/beginners" target="_blank">#beginners</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/webdev" target="_blank">#webdev</a><br><br><a href="https://dev.to/pkkolla/5-best-spring-boot-mongodb-aws-projects-for-fresh-graduates-52f1" rel="nofollow noopener" target="_blank">Origin</a> | <a href="https://awakari.com/sub-details.html?id=MongoDB" rel="nofollow noopener" target="_blank">Interest</a> | <a href="https://awakari.com/pub-msg.html?id=4wByBz6Np2ayhMGl0zDMLl5aZG4&amp;interestId=MongoDB" rel="nofollow noopener" target="_blank">Match</a>
Web Axe<p>WebAIM Web Accessibility Virtual Training<br>August 20–21, 2025; 12–5pm ET, via Zoom, $600/person <br><a href="https://webaim.org/training/virtual/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">webaim.org/training/virtual/</span><span class="invisible"></span></a><br><a href="https://a11y.info/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a> <a href="https://a11y.info/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://a11y.info/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://a11y.info/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a></p>
Chronocide<p>Question for those who use <a href="https://sunny.garden/tags/screenreaders" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>screenreaders</span></a> (specifically <a href="https://sunny.garden/tags/nvda" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nvda</span></a> with Firefox). How do you get the screenreader to announce the Firefox developer tools? All I seem to get is "Developer Tools frame, Inspector Panel frame, Markup View frame" and no announcement of the actual HTML displayed in the Inspector panel.</p><p>Navigating with the keyboard (arrow keys) doesn't announce anything either, nor does NVDA + arrow keys.</p><p>Retoots would be appreciated!</p><p><a href="https://sunny.garden/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://sunny.garden/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a></p>
WebGlossary.info<p>Web development term of the&nbsp;day:</p><p>→ Command-Query Responsibility Segregation</p><p><a href="https://webglossary.info/terms/command-query-responsibility-segregation/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">webglossary.info/terms/command</span><span class="invisible">-query-responsibility-segregation/</span></a></p><p><a href="https://techhub.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://techhub.social/tags/webdevglossary" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdevglossary</span></a></p>
HACK13<p>Curious how many folks actually host their internet stuff from their home servers? Also, if you do... are you opening up ports on your router, are you using tailscale to a VPS to proxy the traffic, using something like Cloudflare Tunnels or ngrok?</p><p><a href="https://cyberfurz.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://cyberfurz.social/tags/homelab" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>homelab</span></a> <a href="https://cyberfurz.social/tags/selfhost" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>selfhost</span></a> <a href="https://cyberfurz.social/tags/selfhosted" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>selfhosted</span></a></p>
2rZiKKbOU3nTafniR2qMMSE0gwZWhat does Bloody Mary taste like? I wrote an educational scaremonger virus for cybersecurity specialists. 🎭 BloodyMary Trojan Phishing Simulator 📋 Description BloodyMary is an educational too...<br><br><a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/programming" target="_blank">#programming</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/cybersecurity" target="_blank">#cybersecurity</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/webdev" target="_blank">#webdev</a> <a rel="nofollow noopener" class="mention hashtag" href="https://mastodon.social/tags/opensource" target="_blank">#opensource</a><br><br><a href="https://dev.to/toxy4ny/what-does-bloody-mary-taste-like-i-wrote-an-educational-scaremonger-virus-for-cybersecurity-1kfj" rel="nofollow noopener" target="_blank">Origin</a> | <a href="https://awakari.com/sub-details.html?id=2rZiKKbOU3nTafniR2qMMSE0gwZ" rel="nofollow noopener" target="_blank">Interest</a> | <a href="https://awakari.com/pub-msg.html?id=3rkYLqxdFUT2mQBpekXFdNVWMHw&amp;interestId=2rZiKKbOU3nTafniR2qMMSE0gwZ" rel="nofollow noopener" target="_blank">Match</a>
Alvin Ashcraft 🐿️<p>Dew Drop – July 10, 2025 (#4456)</p><p><a href="https://www.alvinashcraft.com/2025/07/10/dew-drop-july-10-2025-4456/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">alvinashcraft.com/2025/07/10/d</span><span class="invisible">ew-drop-july-10-2025-4456/</span></a></p><p><a href="https://hachyderm.io/tags/dotnet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dotnet</span></a> <a href="https://hachyderm.io/tags/ai" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ai</span></a> <a href="https://hachyderm.io/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://hachyderm.io/tags/csharp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>csharp</span></a> <a href="https://hachyderm.io/tags/windowsdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>windowsdev</span></a> <a href="https://hachyderm.io/tags/cloud" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cloud</span></a> <a href="https://hachyderm.io/tags/mobiledev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mobiledev</span></a> <a href="https://hachyderm.io/tags/devops" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>devops</span></a> <a href="https://hachyderm.io/tags/visualstudio" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>visualstudio</span></a> <a href="https://hachyderm.io/tags/dewdrop" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dewdrop</span></a></p>