Med-Mastodon

DjangoCon US :django: :python:🚨 LAST CALL for DjangoCon 2025! 🚨Today is your final chance to: ✅ Book your hotel at the discounted group rate ✅ Secure your ticket AND get the exclusive conference swag (t-shirt + tote bag!)Don't miss out on: 🐍 Amazing Django talks & workshops 🤝 Networking with the community 🎁 Limited edition conference gear 🏨 Discounted hotel rates⏰ Midnight deadline - register NOW!<a href="https://2025.djangocon.us/" rel="nofollow noopener" translate="no" target="_blank">https://2025.djangocon.us/</a> <a href="https://fosstodon.org/tags/DjangoCon2025" class="mention hashtag" rel="nofollow noopener" target="_blank">#DjangoCon2025</a> <a href="https://fosstodon.org/tags/Django" class="mention hashtag" rel="nofollow noopener" target="_blank">#Django</a> <a href="https://fosstodon.org/tags/Python" class="mention hashtag" rel="nofollow noopener" target="_blank">#Python</a> <a href="https://fosstodon.org/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://fosstodon.org/tags/LastChance" class="mention hashtag" rel="nofollow noopener" target="_blank">#LastChance</a>

Mark GardnerAm I the only one whose eyes glaze over when reviewing code that drops a big blob of <a href="https://mastodon.phoenixtrap.com/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> into the diff?<a href="https://mastodon.phoenixtrap.com/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.phoenixtrap.com/tags/SoftwareEngineering" class="mention hashtag" rel="nofollow noopener" target="_blank">#SoftwareEngineering</a>

Chris Ferdinandi ⚓️⚓️ New Article: Two types of coders. Two types of code bases. <a href="https://ift.tt/4xT7ZyN" rel="nofollow noopener" translate="no" target="_blank">https://ift.tt/4xT7ZyN</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>

Joe CrawfordTuesday! Front End Study Hall! Join us for an informal space where we examine web pages and their styles, try to fix bugs and show what can be done and how to make sense of CSS and HTML+! 6pm BST/10am PDT/1pm EDT <a href="https://events.indieweb.org/2025/08/front-end-study-hall-034-UzkXwuTEzyuG" rel="nofollow noopener" translate="no" target="_blank">https://events.indieweb.org/2025/08/front-end-study-hall-034-UzkXwuTEzyuG</a> <a href="https://xoxo.zone/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#IndieWeb</a> <a href="https://xoxo.zone/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a>

Inautilo<a href="https://mastodon.social/tags/Business" class="mention hashtag" rel="nofollow noopener" target="_blank">#Business</a> <a href="https://mastodon.social/tags/Announcements" class="mention hashtag" rel="nofollow noopener" target="_blank">#Announcements</a> European search index goes live · Ecosia starts to use an independent search index <a href="https://ilo.im/1660kp" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/1660kp</a>_____ <a href="https://mastodon.social/tags/Ecosia" class="mention hashtag" rel="nofollow noopener" target="_blank">#Ecosia</a> <a href="https://mastodon.social/tags/EUSP" class="mention hashtag" rel="nofollow noopener" target="_blank">#EUSP</a> <a href="https://mastodon.social/tags/SEO" class="mention hashtag" rel="nofollow noopener" target="_blank">#SEO</a> <a href="https://mastodon.social/tags/SearchEngine" class="mention hashtag" rel="nofollow noopener" target="_blank">#SearchEngine</a> <a href="https://mastodon.social/tags/Ethics" class="mention hashtag" rel="nofollow noopener" target="_blank">#Ethics</a> <a href="https://mastodon.social/tags/Privacy" class="mention hashtag" rel="nofollow noopener" target="_blank">#Privacy</a> <a href="https://mastodon.social/tags/Transparency" class="mention hashtag" rel="nofollow noopener" target="_blank">#Transparency</a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</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>

Stu RobsonWhat's that‽ I managed to carve out some time to go through the reading backlog for <a href="https://news.design.systems" rel="nofollow noopener" translate="no" target="_blank">https://news.design.systems</a>? There's a fresh email prep'd and ready for 10am today? You've still not signed up?🙏🖤 <a href="https://front-end.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a> <a href="https://front-end.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://front-end.social/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontEnd</a> <a href="https://front-end.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a>

.:\dGh/:.The writing was on the wall the moment <a href="https://mastodon.social/tags/Laravel" class="mention hashtag" rel="nofollow noopener" target="_blank">#Laravel</a> raised USD $60M from investments.Eventually they would have to shove in <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#AI</a> because of shareholders.<a href="https://laravel-news.com/laravel-boost-your-ai-coding-starter-kit" rel="nofollow noopener" translate="no" target="_blank">https://laravel-news.com/laravel-boost-your-ai-coding-starter-kit</a><a href="https://mastodon.social/tags/PHP" class="mention hashtag" rel="nofollow noopener" target="_blank">#PHP</a> <a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#Programming</a> <a href="https://mastodon.social/tags/ArtificialIntelligence" class="mention hashtag" rel="nofollow noopener" target="_blank">#ArtificialIntelligence</a> <a href="https://mastodon.social/tags/MCP" class="mention hashtag" rel="nofollow noopener" target="_blank">#MCP</a> <a href="https://mastodon.social/tags/LaravelBoost" class="mention hashtag" rel="nofollow noopener" target="_blank">#LaravelBoost</a> <a href="https://mastodon.social/tags/Claude" class="mention hashtag" rel="nofollow noopener" target="_blank">#Claude</a> <a href="https://mastodon.social/tags/Copilot" class="mention hashtag" rel="nofollow noopener" target="_blank">#Copilot</a> <a href="https://mastodon.social/tags/Cursor" class="mention hashtag" rel="nofollow noopener" target="_blank">#Cursor</a> <a href="https://mastodon.social/tags/Junie" class="mention hashtag" rel="nofollow noopener" target="_blank">#Junie</a> <a href="https://mastodon.social/tags/SoftwareDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#SoftwareDevelopment</a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDevelopment</a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</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/Code" class="mention hashtag" rel="nofollow noopener" target="_blank">#Code</a>

OblomovI have a question for <a href="https://sociale.network/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://sociale.network/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDev</a> experts. I have an object element with a nested element to be shown as fallback when the object can't be rendered by the UA. Is there a way to render the object element differently depending on whether it is supported or not?(Motivation: the object is inline-block, but I would like the nested element to be a simple inline.)

Ryosukenice to see what you can do with a good design system and a few solid components <a href="https://mastodon.gamedev.place/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#ReactJS</a> <a href="https://mastodon.gamedev.place/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a>

Jon HenshawI just updated my Google News Guide, which was first written in 2019. A lot has changed since then, but most of the fundamental recommendations remain the same. If you're curious about how to get your site to appear in Google News, feel free to give it a read.<a href="https://coywolf.com/guides/google-news/" rel="nofollow noopener" translate="no" target="_blank">https://coywolf.com/guides/google-news/</a><a href="https://henshaw.social/tags/Google" class="mention hashtag" rel="nofollow noopener" target="_blank">#Google</a> <a href="https://henshaw.social/tags/SEO" class="mention hashtag" rel="nofollow noopener" target="_blank">#SEO</a> <a href="https://henshaw.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a>

Chris Ferdinandi ⚓️⚓️ New Article: At my worst <a href="https://ift.tt/9IWoU5a" rel="nofollow noopener" translate="no" target="_blank">https://ift.tt/9IWoU5a</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>

Joe Lanmananyone switched from sass to modern css? Is there anything missing? <a href="https://hachyderm.io/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://hachyderm.io/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a>

AlisA short(ish) guide to <a class="u-in-reply-to" href="https://maho.dev/2024/02/a-guide-to-implement-activitypub-in-a-static-site-or-any-website/" rel="nofollow noopener" target="_blank">implementing ActivityPub</a>, applicable to basically any website (including static ones . . . sort of).I admit I got most of the way through this for <a href="https://alisfranklin.com/" rel="nofollow noopener" target="_blank">alisfranklin.com</a>, before scrapping it and going with a more straightforward <a href="https://cryptid.house/@alisfranklin" rel="nofollow noopener" target="_blank">crossposting script</a> (with the ability to implement something <a href="https://schafe-sind-bessere-rasenmaeher.de/tech/static-comments-for-my-static-blog/" rel="nofollow noopener" target="_blank">along these lines</a> for importing comments). Mostly because as soon as you start getting into anything involving following, receiving interactions, etc., you start having to mess around with digital signing and a bunch of other stuff I couldn’t be arsed with. Might I go back and have another crack at it at some point? Maybe! But . . . not for now.<a rel="nofollow noopener" class="hashtag u-tag u-category" href="https://alis.me/-/activitypub/" target="_blank">#activitypub</a> <a rel="nofollow noopener" class="hashtag u-tag u-category" href="https://alis.me/-/tech/" target="_blank">#tech</a> <a rel="nofollow noopener" class="hashtag u-tag u-category" href="https://alis.me/-/webdev/" target="_blank">#webdev</a>

FirebaseBrowser-based SSH terminal? 🤯[WeTTY](<a href="https://github.com/butlerx/wetty" rel="nofollow noopener" translate="no" target="_blank">https://github.com/butlerx/wetty</a>) lets you access your server's terminal directly from your browser via HTTP/S. Perfect for quick access or sharing temporary terminal sessions without client installs. Streamlined and efficient!<a href="https://mastodon.social/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#opensource</a> <a href="https://mastodon.social/tags/devtools" class="mention hashtag" rel="nofollow noopener" target="_blank">#devtools</a> <a href="https://mastodon.social/tags/SSH" class="mention hashtag" rel="nofollow noopener" target="_blank">#SSH</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/terminal" class="mention hashtag" rel="nofollow noopener" target="_blank">#terminal</a>Would you use this in your next project?

TheEvilSkeletonTo elaborate on my hostility against WebKit: WebKit does nothing but get in my way whenever I work on literally any website.<del>When I rewrote nouveau's website in late 2023, it worked perfectly fine on Firefox (Gecko) and Chromium (Blink), but was broken on Epiphany/Safari (WebKit). The logo, which is an SVG, would not adapt to dark style, because, to this day, WebKit still does not support <a href="https://bugs.webkit.org/show_bug.cgi?id=199134" rel="nofollow noopener" target="_blank"><code>prefers-color-scheme</code> in SVGs</a>. So, as a workaround, instead of having one SVG file for both color schemes, we have one <a href="https://gitlab.freedesktop.org/freedesktop/freedesktop-wiki-templates/-/blob/46b293948e9cf2b440200ad1b1bf921d2c925279/ikiwiki/new/basewiki/style.css#L55" rel="nofollow noopener" target="_blank">SVG file for light style</a>, and <a href="https://gitlab.freedesktop.org/freedesktop/freedesktop-wiki-templates/-/blob/46b293948e9cf2b440200ad1b1bf921d2c925279/ikiwiki/new/basewiki/style.css#L17" rel="nofollow noopener" target="_blank">one for dark style</a>.</del> Edit: This feature is currently considered nonstandard and is only written as a draft. WebKit behaves appropriately, see: <a href="https://estradiol.city/@ity/115006860569752730" rel="nofollow noopener" translate="no" target="_blank">https://estradiol.city/@ity/115006860569752730</a>Another example: On my website, some elements are intentionally made to be unselectable using <code>user-select: none;</code>, such as the command-line decoration and the “Table of Contents” text, but on WebKit, these elements continue to be selectable because it does not properly <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/user-select#browser_compatibility" rel="nofollow noopener" target="_blank">support the <code>user-select</code> property</a>. And no, using the vendor prefix is completely unacceptable, especially considering that it <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/user-select#syntax" rel="nofollow noopener" target="_blank">behaves differently</a>.Lastly, WebKit does not yet fully support the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/::marker#browser_compatibility" rel="nofollow noopener" target="_blank"><code>::marker</code> pseudo-element</a>. This means, in my articles, numbered list items in the table of contents are completely wrong and don't represent the same numbers as headings.Apple has consistently proved that they don't care about WebKit, because otherwise browsers like Safari and Epiphany would have worked as well as they do on Firefox and Chromium. There's absolutely no reason to force WebKit onto iOS and iPadOS if they're not even willing to invest in WebKit. Likewise, Apple employees working on WebKit should really stop calling themselves “WebKit evangelists” if their inferior engine regularly gets in developers’ way. So yes, WebKit sucks, and this is 100% on Apple. I don't care about being harsh. Apple is a multi-trillion dollar company, most of which came from exploiting people. The least they can do is invest in their projects.For clarity, my hostility towards WebKit is purely targeted at Apple's lack of involvement with WebKit, not the browsers using it.<a href="https://social.treehouse.systems/tags/WebKit" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebKit</a> <a href="https://social.treehouse.systems/tags/Apple" class="mention hashtag" rel="nofollow noopener" target="_blank">#Apple</a> <a href="https://social.treehouse.systems/tags/iOS" class="mention hashtag" rel="nofollow noopener" target="_blank">#iOS</a> <a href="https://social.treehouse.systems/tags/iPadOS" class="mention hashtag" rel="nofollow noopener" target="_blank">#iPadOS</a> <a href="https://social.treehouse.systems/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://social.treehouse.systems/tags/Web" class="mention hashtag" rel="nofollow noopener" target="_blank">#Web</a> <a href="https://social.treehouse.systems/tags/Safari" class="mention hashtag" rel="nofollow noopener" target="_blank">#Safari</a>

Chris Ferdinandi ⚓️⚓️ New Article: The Rakree <a href="https://ift.tt/esoqECH" rel="nofollow noopener" translate="no" target="_blank">https://ift.tt/esoqECH</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>

𝕂𝚞𝚋𝚒𝚔ℙ𝚒𝚡𝚎𝚕OpenFreeMapOpenFreeMap lets you display custom maps on your website and apps for free.🗺️ <a href="https://openfreemap.org" rel="nofollow noopener" translate="no" target="_blank">https://openfreemap.org</a><a href="https://chaos.social/tags/openfreemap" class="mention hashtag" rel="nofollow noopener" target="_blank">#openfreemap</a> <a href="https://chaos.social/tags/openstreetmap" class="mention hashtag" rel="nofollow noopener" target="_blank">#openstreetmap</a> <a href="https://chaos.social/tags/maps" class="mention hashtag" rel="nofollow noopener" target="_blank">#maps</a> <a href="https://chaos.social/tags/custom" class="mention hashtag" rel="nofollow noopener" target="_blank">#custom</a> <a href="https://chaos.social/tags/forfree" class="mention hashtag" rel="nofollow noopener" target="_blank">#forfree</a> <a href="https://chaos.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://chaos.social/tags/python" class="mention hashtag" rel="nofollow noopener" target="_blank">#python</a> <a href="https://chaos.social/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#js</a> <a href="https://chaos.social/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#opensource</a> <a href="https://chaos.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdesign</a> <a href="https://chaos.social/tags/app" class="mention hashtag" rel="nofollow noopener" target="_blank">#app</a> <a href="https://chaos.social/tags/apps" class="mention hashtag" rel="nofollow noopener" target="_blank">#apps</a>

randomMDN🦖 ARIA: feed role 🦖<a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/feed_role" rel="nofollow noopener" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/feed_role</a>A feed is a dynamic scrollable list of articles in which articles are added to or removed from either end of the list as the user scrolls. A feed enables screen readers to use the browse mode reading cursor to both read and scroll through a stream of rich content that may continue scrolling infinitely by loading more content as the user reads.<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/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a>

FirebaseTired of Google Analytics? Meet Umami! 🚀A super-lightweight, fast, and privacy-focused analytics solution you can self-host. Track website visits, referrers, and more without compromising user data. Easy setup, beautiful dashboard.Check it out: <a href="https://github.com/umami-software/umami" rel="nofollow noopener" translate="no" target="_blank">https://github.com/umami-software/umami</a><a href="https://mastodon.social/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#opensource</a> <a href="https://mastodon.social/tags/analytics" class="mention hashtag" rel="nofollow noopener" target="_blank">#analytics</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/privacy" class="mention hashtag" rel="nofollow noopener" target="_blank">#privacy</a> <a href="https://mastodon.social/tags/devtools" class="mention hashtag" rel="nofollow noopener" target="_blank">#devtools</a>Would you switch from GA to Umami?

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Approaches" class="mention hashtag" rel="nofollow noopener" target="_blank">#Approaches</a> All humans, always · How to get the robots to dance for you <a href="https://ilo.im/165t0t" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/165t0t</a>_____ <a href="https://mastodon.social/tags/Business" class="mention hashtag" rel="nofollow noopener" target="_blank">#Business</a> <a href="https://mastodon.social/tags/Communication" class="mention hashtag" rel="nofollow noopener" target="_blank">#Communication</a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#AI</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</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>

Recent searches

Search options

Administered by:

Server stats:

#WebDev