Mastodon

Steve LeachWooooHoooo!!!! I've been testing and fixing and testing and fixing <a href="https://sigmoid.social/tags/markdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#markdown</a> rendering today.I've now got an <a href="https://sigmoid.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> header I'm happy with, complete with obsessively tweaked code blocks and block quotes.And <a href="https://sigmoid.social/tags/MathJax" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathJax</a> Finally Works!!!! Lovely typeset equations (after much frustration).Plus tables that look like tables, footnotes that footnote, and hypothetically tables of content that will be content to function (yet to test).Way too much thinking about <a href="https://sigmoid.social/tags/typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typography</a> for one day.

:rss: Qiita - 人気の記事【ウマ娘】エイプリルフール2025特設サイトの構造を調べる【BoC'z we＼n】 <a href="https://qiita.com/hrel11/items/341b9d84a12eafd3bf98?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://qiita.com/hrel11/items/341b9d84a12eafd3bf98?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items</a><a href="https://rss-mstdn.studiofreesia.com/tags/qiita" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#qiita</a> <a href="https://rss-mstdn.studiofreesia.com/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://rss-mstdn.studiofreesia.com/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://rss-mstdn.studiofreesia.com/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://rss-mstdn.studiofreesia.com/tags/astro" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#astro</a> <a href="https://rss-mstdn.studiofreesia.com/tags/%E3%82%A6%E3%83%9E%E5%A8%98" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ウマ娘</a>

Reilly Spitzfaden (they/them)I hadn't heard of it before, but it turns out there's a style format called XSLT that allows the browser to translate an XML file into HTML with CSS styling for display purposes. Since my feed is Atom rather than RSS, I had a bit of trouble, but this post was helpful:<a href="https://andrewstiefel.com/style-atom-xsl/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://andrewstiefel.com/style-atom-xsl/</a><a href="https://hachyderm.io/tags/RSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RSS</a> <a href="https://hachyderm.io/tags/Atom" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Atom</a> <a href="https://hachyderm.io/tags/XML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#XML</a> <a href="https://hachyderm.io/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://hachyderm.io/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://hachyderm.io/tags/XSL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#XSL</a> <a href="https://hachyderm.io/tags/XSLT" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#XSLT</a> <a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://hachyderm.io/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a> <a href="https://hachyderm.io/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallWeb</a>

Reilly Spitzfaden (they/them)I figured out how to get my RSS feed to be human-readable and nice-looking! I'd been wanting to do this to give people who aren't familiar with RSS an easier on-ramp to the stuff I care about. I figure if someone new to RSS clicks on the link and just gets raw XML, they might think something is “broken” and not stick around, but now there's something human-readable and with instructions on how to follow it in a reader.<a href="https://reillyspitzfaden.com/feed.xml" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://reillyspitzfaden.com/feed.xml</a><a href="https://hachyderm.io/tags/RSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RSS</a> <a href="https://hachyderm.io/tags/Atom" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Atom</a> <a href="https://hachyderm.io/tags/XML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#XML</a> <a href="https://hachyderm.io/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://hachyderm.io/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://hachyderm.io/tags/XSL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#XSL</a> <a href="https://hachyderm.io/tags/XSLT" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#XSLT</a> <a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://hachyderm.io/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a> <a href="https://hachyderm.io/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallWeb</a>

LeanpubModern Thymeleaf Bundle <a href="https://leanpub.com/b/modern-thymeleaf-bundle" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://leanpub.com/b/modern-thymeleaf-bundle</a> by Wim Deblauwe is the featured bundle of ebooks 📚 on the Leanpub homepage! <a href="https://leanpub.com" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://leanpub.com</a> wimdeblauwe@mastodon.social <a href="https://mastodon.social/tags/Java" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Java</a> <a href="https://mastodon.social/tags/Html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Html</a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://mastodon.social/tags/Software" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Software</a> <a href="https://mastodon.social/tags/Javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Javascript</a> <a href="https://mastodon.social/tags/books" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#books</a> <a href="https://mastodon.social/tags/ebooks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ebooks</a>

David Bisset"Rewriting my site in vanilla web"<a href="https://leanrada.com/notes/vanilla-web-rewrite/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://leanrada.com/notes/vanilla-web-rewrite/</a><a href="https://phpc.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://phpc.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://phpc.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://phpc.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>

Adrian RoselliNew post: “Mainlining Mains” <a href="https://adrianroselli.com/2025/04/mainlining-mains.html" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://adrianroselli.com/2025/04/mainlining-mains.html</a><a href="https://toot.cafe/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> <a href="https://toot.cafe/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> <a href="https://toot.cafe/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://toot.cafe/tags/ARIA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ARIA</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Previews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Previews</a> First look at the modern attr() · A new way to use CSS with HTML data attributes <a href="https://ilo.im/16357k" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/16357k</a>_____ <a href="https://mastodon.social/tags/Data" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Data</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/InlineCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#InlineCSS</a> <a href="https://mastodon.social/tags/CssGrid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CssGrid</a> <a href="https://mastodon.social/tags/Chrome" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Chrome</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a>

Collectif des Hackathons du LibrePremier Hackathon du Libre : Static And Responsive Site Generator 12 avril 2025, 08:00:00 UTC - GMT <a href="https://mobilizon.fr/events/65f8e073-56ef-4f3b-8464-bc4d8292f026" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mobilizon.fr/events/65f8e073-56ef-4f3b-8464-bc4d8292f026</a>

Helen Fernanda👩🏽‍💻 CSS | Um pouco mais sobre text-decoration🔗 <a href="https://www.meutedio.com/2025/04/css-um-pouco-mais-sobre-text-decoration.html" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.meutedio.com/2025/04/css-um-pouco-mais-sobre-text-decoration.html</a><a href="https://social.vivaldi.net/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://social.vivaldi.net/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

argv minus oneI want a program that looks over an <a href="https://mastodon.sdf.org/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> document and its <a href="https://mastodon.sdf.org/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> stylesheets, and applies the stylesheets' rules as `style` attributes on the HTML elements in the document.Meaning this:<html> <style>p:first-child { margin-top: 0 }</style> First paragraph Second paragraph </html>Translates into this:<html> First paragraph Second paragraph </html>Is that a thing?<a href="https://mastodon.sdf.org/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://mastodon.sdf.org/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

Nube ColectivaAdd One HTML Element After Another With jQuery. Agregar Un elemento HTML Después de Otro Con jQuery. 👉 <a href="https://blog.nubecolectiva.com/agregar-un-elemento-html-despues-de-otro-con-jquery/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://blog.nubecolectiva.com/agregar-un-elemento-html-despues-de-otro-con-jquery/</a><a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdevelopment</a> <a href="https://mastodon.social/tags/devs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#devs</a> <a href="https://mastodon.social/tags/softwaredevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#softwaredevelopment</a> <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://mastodon.social/tags/jquery" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#jquery</a>

Feral Thoughts<a href="https://fosstodon.org/@pauby" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@pauby</a> <a href="https://pkm.social/@ellane" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@ellane</a> <a href="https://graz.social/@publicvoit" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@publicvoit</a> <a href="https://c.im/@jeffbronks" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@jeffbronks</a> My previous comment was half in jest, but...If someone wants to truly "own their full data" as <a href="https://union.place/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>, and also keep the "rich markup" parts accessible long-term without porting to a <a href="https://union.place/tags/notes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#notes</a> app, they can consider adapting for themselves the approach discussed in this link.<a href="https://alexwlchan.net/2024/static-websites/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://alexwlchan.net/2024/static-websites/</a>I understand this is technical and not easy to adapt for note-taking.AFAIK, there isn't a ready-to-use <a href="https://union.place/tags/FOSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FOSS</a> solution around.<a href="https://union.place/tags/PKM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PKM</a> <a href="https://union.place/tags/PIM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PIM</a> <a href="https://union.place/tags/Obsidian" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Obsidian</a>

David O'BrienThis is a nice approach to <a href="https://mastodon.scot/tags/responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#responsive</a> <a href="https://mastodon.scot/tags/tables" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tables</a> in <a href="https://mastodon.scot/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> from the BBC<a href="https://www.bbc.co.uk/sport/football/scottish-championship/table" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.bbc.co.uk/sport/football/scottish-championship/table</a>At wider screen sizes, you see the whole thing. Narrower screen sizes have a 'freeze columns' Excel-type effect.I haven't tested it with ATs myself, I assume they have ;)<a href="https://mastodon.scot/tags/A11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#A11y</a> <a href="https://mastodon.scot/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a>

Helen Fernanda👩🏽‍💻 CSS | Enfeitando com text-emphasis🔗 <a href="https://www.meutedio.com/2025/04/css-enfeitando-com-text-emphasis.html" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.meutedio.com/2025/04/css-enfeitando-com-text-emphasis.html</a><a href="https://social.vivaldi.net/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://social.vivaldi.net/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://social.vivaldi.net/tags/caractere" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#caractere</a>

CalishatY'all look at this. This is some good stuff right here. From <a href="https://infosec.exchange/@rebane2001" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@rebane2001</a> <a href="https://lyra.horse/css-clicker/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://lyra.horse/css-clicker/</a> <a href="https://researchbuzz.masto.host/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://researchbuzz.masto.host/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://researchbuzz.masto.host/tags/IdleGames" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IdleGames</a>

javascript-job-alert <a href="https://www.freelancer.com/projects/wordpress/License-Key-Needed-for-ACF.html" rel="nofollow noopener noreferrer" target="_blank">https://www.freelancer.com/projects/wordpress/License-Key-Needed-for-ACF.html</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/CSS" target="_blank">#CSS</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/HTML" target="_blank">#HTML</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/JavaScript" target="_blank">#JavaScript</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/PHP" target="_blank">#PHP</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/WordPress" target="_blank">#WordPress</a> <a href="https://awakari.com/pub-msg.html?id=Nq21RfDuacy81X1mj5FBzYSHupE" rel="nofollow noopener noreferrer" target="_blank">Event Attributes</a>

javascript-job-alert <a href="https://www.freelancer.com/projects/reviews/customers-write-review-multiple.html" rel="nofollow noopener noreferrer" target="_blank">https://www.freelancer.com/projects/reviews/customers-write-review-multiple.html</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/Coding" target="_blank">#Coding</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/HTML" target="_blank">#HTML</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/JavaScript" target="_blank">#JavaScript</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/Reviews" target="_blank">#Reviews</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/Website" target="_blank">#Website</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/Design" target="_blank">#Design</a> <a href="https://awakari.com/pub-msg.html?id=EHM7URgKUvz29ZUNB94kGak5p8C" rel="nofollow noopener noreferrer" target="_blank">Event Attributes</a>

CSS by T. Afif :verified:💡 CSS Tip!Use round() and clamp() to create a fluid typography with discrete values. No more rounding issues and font-size equal to 18.12596px!<a href="https://css-tip.com/fluid-typography/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-tip.com/fluid-typography/</a><a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

Python-Job-Alert <a href="https://www.freelancer.com/projects/python/Python-Developer-for-commerce-Site-39268397.html" rel="nofollow noopener noreferrer" target="_blank">https://www.freelancer.com/projects/python/Python-Developer-for-commerce-Site-39268397.html</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/Django" target="_blank">#Django</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/HTML" target="_blank">#HTML</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/PHP" target="_blank">#PHP</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/Python" target="_blank">#Python</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/Software" target="_blank">#Software</a> <a rel="nofollow noopener noreferrer" class="mention hashtag" href="https://mastodon.social/tags/Architecture" target="_blank">#Architecture</a> <a href="https://awakari.com/pub-msg.html?id=M6CD0sQmIakQBQQDN6wMZlHvLpg" rel="nofollow noopener noreferrer" target="_blank">Event Attributes</a>

Recent searches

Search options

Administered by:

Server stats:

#html