Med-Mastodon

Preston Maness ☭"This site requires JavaScript to run correctly. Please turn on JavaScript or unblock scripts"That's weird. With scripts blocked, I can read the whole article no problem. I mean, it *is* Hyper TEXT Markup Language, after all. Enabling scripts leads to a pop-up modal begging for an email address.(<a href="https://tenforward.social/tags/substack" class="mention hashtag" rel="nofollow noopener" target="_blank">#substack</a> continues to annoy) <a href="https://tenforward.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a>

benjamin melançonWhat <a href="https://social.coop/tags/libre" class="mention hashtag" rel="nofollow noopener" target="_blank">#libre</a> <a href="https://social.coop/tags/IDE" class="mention hashtag" rel="nofollow noopener" target="_blank">#IDE</a> (integrated development environment for programming code) would y'all want to coalesce around using, supporting, and developing? Asking especially for coding websites and applications with <a href="https://social.coop/tags/PHP" class="mention hashtag" rel="nofollow noopener" target="_blank">#PHP</a>, <a href="https://social.coop/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a>, <a href="https://social.coop/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a>, and <a href="https://social.coop/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> but <a href="https://social.coop/tags/Python" class="mention hashtag" rel="nofollow noopener" target="_blank">#Python</a>, <a href="https://social.coop/tags/Elixir" class="mention hashtag" rel="nofollow noopener" target="_blank">#Elixir</a>, <a href="https://social.coop/tags/Rust" class="mention hashtag" rel="nofollow noopener" target="_blank">#Rust</a>, and <a href="https://social.coop/tags/Go" class="mention hashtag" rel="nofollow noopener" target="_blank">#Go</a> would all be great for us <a href="https://social.coop/@agaric" class="u-url mention" rel="nofollow noopener" target="_blank">@agaric</a> too.<a href="https://social.coop/tags/FLOSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#FLOSS</a> <a href="https://social.coop/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenSource</a> <a href="https://social.coop/tags/FreeSoftware" class="mention hashtag" rel="nofollow noopener" target="_blank">#FreeSoftware</a>

Hacker News 50A valid HTML zip bombLink: <a href="https://ache.one/notes/html_zip_bomb" rel="nofollow noopener" translate="no" target="_blank">https://ache.one/notes/html_zip_bomb</a> Discussion: <a href="https://news.ycombinator.com/item?id=44670319" rel="nofollow noopener" translate="no" target="_blank">https://news.ycombinator.com/item?id=44670319</a><a href="https://social.lansky.name/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a>

Jens Oliver MeiertWhy and How to Write Minimal and Valid HTML, a Link Guide:On using all of HTML’s features and ensuring that HTML code is error-free—two surprisingly underused and unpopular approaches to writing HTML.<a href="https://meiert.com/blog/minimal-and-valid-html/" rel="nofollow noopener" translate="no" target="_blank">https://meiert.com/blog/minimal-and-valid-html/</a><a href="https://mas.to/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://mas.to/tags/minimalism" class="mention hashtag" rel="nofollow noopener" target="_blank">#minimalism</a> <a href="https://mas.to/tags/conformance" class="mention hashtag" rel="nofollow noopener" target="_blank">#conformance</a> <a href="https://mas.to/tags/performance" class="mention hashtag" rel="nofollow noopener" target="_blank">#performance</a> <a href="https://mas.to/tags/optimization" class="mention hashtag" rel="nofollow noopener" target="_blank">#optimization</a>

DailyHTML<code> Displays its contents styled in a fashion intended to indicate that the text is a short fragment of computer code.<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/code" rel="nofollow noopener" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/code</a><a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/DailyHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#DailyHTML</a>

Access42Est-ce toujours une bonne idée d'utiliser l'attribut « aria-label » ?Dans cet article en anglais, <a href="https://mastodon.social/@SteveFaulkner" class="u-url mention" rel="nofollow noopener" target="_blank">@SteveFaulkner</a> propose un tableau récapitulatif des rôles sur lesquels l'attribut est autorisé ou non : <a href="https://a42.fr/aria-label-usages" rel="nofollow noopener" translate="no" target="_blank">https://a42.fr/aria-label-usages</a><a href="https://social.a11y.fr/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a> <a href="https://social.a11y.fr/tags/accessibilit%C3%A9" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibilité</a> <a href="https://social.a11y.fr/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://social.a11y.fr/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a> <a href="https://social.a11y.fr/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a>

👻 eboy (ectoplasm boy)Want to share your HTML creations and HTML Day inspired art with the Philly community? We'd be happy to collect any contributions to showcase back on the site :) If you end up making a html page during or after the event, or just think your art would vibe deeply with Philly grit regardless of whether you're from Philly, send it our way. Just keep in mind that we're limited in the file sizes we can work with, so we might also talk about image compression etc. before posting. For inspiration on what to make with HTML, you can check out the past <a href="https://post.lurk.org/tags/SundaySites" class="mention hashtag" rel="nofollow noopener" target="_blank">#SundaySites</a> prompts and submit to their collection too.<a href="https://sundaysites.cafe/" rel="nofollow noopener" translate="no" target="_blank">https://sundaysites.cafe/</a> <a href="https://htmldayphilly.neocities.org/" rel="nofollow noopener" translate="no" target="_blank">https://htmldayphilly.neocities.org/</a><a href="https://post.lurk.org/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://post.lurk.org/tags/HTMLEnergy" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTMLEnergy</a> <a href="https://post.lurk.org/tags/HTMLDay" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTMLDay</a> <a href="https://post.lurk.org/tags/indieWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#indieWeb</a> <a href="https://post.lurk.org/tags/meetUp" class="mention hashtag" rel="nofollow noopener" target="_blank">#meetUp</a> <a href="https://post.lurk.org/tags/Philly" class="mention hashtag" rel="nofollow noopener" target="_blank">#Philly</a> <a href="https://post.lurk.org/tags/Philadelphia" class="mention hashtag" rel="nofollow noopener" target="_blank">#Philadelphia</a>

👻 eboy (ectoplasm boy)<a href="https://jawns.club/@ragman" class="u-url mention" rel="nofollow noopener" target="_blank">@ragman</a> and I will be hosting HTML Day in Philadelphia on August 2nd! It's going to be a bit of an improv so you'll help shape what happens :) Come hang out and write some HTML with us. Art supplies to share would be appreciated. Feel free to turn this into an impromptu distro of masks, zines, stickers, or anything else you have to share.<a href="https://htmldayphilly.neocities.org/" rel="nofollow noopener" translate="no" target="_blank">https://htmldayphilly.neocities.org/</a>Can't make it in person? Check out the online event <a href="https://lunaseeker.com/events/htmlday25" rel="nofollow noopener" translate="no" target="_blank">https://lunaseeker.com/events/htmlday25</a> or the official site for other international locations <a href="https://html.energy/html-day/2025/index.html" rel="nofollow noopener" translate="no" target="_blank">https://html.energy/html-day/2025/index.html</a><a href="https://post.lurk.org/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://post.lurk.org/tags/HTMLEnergy" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTMLEnergy</a> <a href="https://post.lurk.org/tags/HTMLDay" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTMLDay</a> <a href="https://post.lurk.org/tags/indieWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#indieWeb</a> <a href="https://post.lurk.org/tags/meetUp" class="mention hashtag" rel="nofollow noopener" target="_blank">#meetUp</a> <a href="https://post.lurk.org/tags/Philly" class="mention hashtag" rel="nofollow noopener" target="_blank">#Philly</a> <a href="https://post.lurk.org/tags/Philadelphia" class="mention hashtag" rel="nofollow noopener" target="_blank">#Philadelphia</a>

🇵🇸 single use plastique 🏴‍☠️really good guide to learning <a href="https://possum.city/tags/HTML" rel="nofollow noopener" target="_blank">#HTML</a> wowee

Python Rennesdifférents outils <a href="https://social.breizhcamp.org/tags/Python" class="mention hashtag" rel="nofollow noopener" target="_blank">#Python</a> d'extraction de contenus web : - le classique <a href="https://pypi.org/project/beautifulsoup4/" rel="nofollow noopener" translate="no" target="_blank">https://pypi.org/project/beautifulsoup4/</a> qui reste très proche du <a href="https://social.breizhcamp.org/tags/DOM" class="mention hashtag" rel="nofollow noopener" target="_blank">#DOM</a> <a href="https://social.breizhcamp.org/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> - <a href="https://pypi.org/project/trafilatura/" rel="nofollow noopener" translate="no" target="_blank">https://pypi.org/project/trafilatura/</a> qui a une approche plutôt orientée attributs-valeurs. Voir l'article de Stéphane Robert : <a href="https://blog.stephane-robert.info/docs/developper/programmation/python/trafilatura/" rel="nofollow noopener" translate="no" target="_blank">https://blog.stephane-robert.info/docs/developper/programmation/python/trafilatura/</a> - <a href="https://github.com/microsoft/markitdown" rel="nofollow noopener" translate="no" target="_blank">https://github.com/microsoft/markitdown</a> qui permet de convertir en <a href="https://social.breizhcamp.org/tags/markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#markdown</a> différents contenus - <a href="https://github.com/matthewwithanm/python-markdownify" rel="nofollow noopener" translate="no" target="_blank">https://github.com/matthewwithanm/python-markdownify</a> qui convertit du HTML en markdown

Adrian Roselli“Brief Note on Figure and Figcaption Support” <a href="https://adrianroselli.com/2025/01/brief-note-on-figure-and-figcaption-support.html" rel="nofollow noopener" translate="no" target="_blank">https://adrianroselli.com/2025/01/brief-note-on-figure-and-figcaption-support.html</a>Unofficial sequel: “Don’t Wrap Figure in a Link” <a href="https://adrianroselli.com/2025/01/brief-note-on-figure-and-figcaption-support.html" rel="nofollow noopener" translate="no" target="_blank">https://adrianroselli.com/2025/01/brief-note-on-figure-and-figcaption-support.html</a><a href="https://toot.cafe/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://toot.cafe/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://toot.cafe/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a>

DailyHTML<menu> A semantic alternative to ul, but treated by browsers as no different than ul.<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/menu" rel="nofollow noopener" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/menu</a><a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/DailyHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#DailyHTML</a>

Andy Carolan :prami:One of the most fun projects I've worked on recently was the illustration for <a href="https://htmlforpeople.com/" rel="nofollow noopener" translate="no" target="_blank">https://htmlforpeople.com/</a> with <a href="https://social.lol/@bw" class="u-url mention" rel="nofollow noopener" target="_blank">@bw</a> I especially love how Blake animated the SVGs I delivered! (note to self... I really should add this to my portfolio!)<a href="https://social.lol/tags/Illustration" class="mention hashtag" rel="nofollow noopener" target="_blank">#Illustration</a> <a href="https://social.lol/tags/Work" class="mention hashtag" rel="nofollow noopener" target="_blank">#Work</a> <a href="https://social.lol/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#Design</a> <a href="https://social.lol/tags/Animation" class="mention hashtag" rel="nofollow noopener" target="_blank">#Animation</a> <a href="https://social.lol/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a>

Web AxeLet's say it yet again: the placeholder attribute is a hint, not a label. <a href="https://html5accessibility.com/stuff/2025/07/21/super-short-note-placeholder-perfidy/" rel="nofollow noopener" translate="no" target="_blank">https://html5accessibility.com/stuff/2025/07/21/super-short-note-placeholder-perfidy/</a> <a href="https://a11y.info/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a> <a href="https://a11y.info/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://a11y.info/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdevelopment</a> <a href="https://a11y.info/tags/forms" class="mention hashtag" rel="nofollow noopener" target="_blank">#forms</a> <a href="https://a11y.info/tags/UIDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIDesign</a> <a href="https://a11y.info/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdesign</a> <a href="https://a11y.info/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a>

Chip ButtyI'm pretty sure I should be able to create a slide deck in html, svg, css and no javascript. Tooltips via css and the slide moving via css.Does this sound doable? <a href="https://functional.cafe/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://functional.cafe/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a>

Frontend DogmaSuper Short Note: Placeholder Perfidy, by <a href="https://mastodon.social/@SteveFaulkner" class="u-url mention" rel="nofollow noopener" target="_blank">@SteveFaulkner</a>:<a href="https://html5accessibility.com/stuff/2025/07/21/super-short-note-placeholder-perfidy/" rel="nofollow noopener" translate="no" target="_blank">https://html5accessibility.com/stuff/2025/07/21/super-short-note-placeholder-perfidy/</a><a href="https://mas.to/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://mas.to/tags/placeholders" class="mention hashtag" rel="nofollow noopener" target="_blank">#placeholders</a>

👻 eboy (ectoplasm boy)Someone will be hosting a HTML day online ! <a href="https://lunaseeker.com/events/htmlday25" rel="nofollow noopener" translate="no" target="_blank">https://lunaseeker.com/events/htmlday25</a><a href="https://html.energy/html-day/2025/index.html" rel="nofollow noopener" translate="no" target="_blank">https://html.energy/html-day/2025/index.html</a><a href="https://post.lurk.org/tags/HTMLEnergy" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTMLEnergy</a> <a href="https://post.lurk.org/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://post.lurk.org/tags/sundaySites" class="mention hashtag" rel="nofollow noopener" target="_blank">#sundaySites</a>

André PolykanineI hate modern frontend with its <a href="https://dragonscave.space/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> frameworks zoo, with people not even wanting to learn semantic <a href="https://dragonscave.space/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> and making their disgusting design with two tags, <div> and , like uneducated parrots knowing only two words. I totally understand why things like Turbo, Stimulus and HTMX exist, I wish they were more spread in the web though. Oh yeah, and I want a <a href="https://dragonscave.space/tags/backend" class="mention hashtag" rel="nofollow noopener" target="_blank">#backend</a> job.

Adrian RoselliState of HTML survey: <a href="https://survey.devographics.com/en-US/survey/state-of-html/2025/?source=your-mom" rel="nofollow noopener" translate="no" target="_blank">https://survey.devographics.com/en-US/survey/state-of-html/2025/?source=your-mom</a>The questions are not my priorities. Browser vendors might be getting biased feedback.For example, 3½ questions out of 7 on color pickers for the Forms section (the first section). Forms. The things you use to gather user input.<a href="https://toot.cafe/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a>

BitsTailwind is the worst of all worlds<a href="https://colton.dev/blog/tailwind-is-the-worst-of-all-worlds/" rel="nofollow noopener" translate="no" target="_blank">https://colton.dev/blog/tailwind-is-the-worst-of-all-worlds/</a><a href="https://mastodon.online/tags/blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#blog</a> <a href="https://mastodon.online/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://mastodon.online/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://mastodon.online/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a>

Recent searches

Search options

Administered by:

Server stats:

#html