dmv.community is one of the many independent Mastodon servers you can use to participate in the fediverse.
A small regional Mastodon instance for those in the DC, Maryland, and Virginia areas. Local news, commentary, and conversation.

Administered by:

Server stats:

174
active users

#html

36 posts35 participants2 posts today
Mia Holte<p>Vi er i 2025, og det finnes fortsatt ikke en html tag for ingress. Feks &lt;preamble&gt;. Noen som vet om det er i horisonten? <a href="https://snabelen.no/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a> <a href="https://snabelen.no/tags/norsktut" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>norsktut</span></a> <a href="https://snabelen.no/tags/uu" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>uu</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Launches" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Launches</span></a><br>Symbl · A collection of symbols for designers and developers <a href="https://ilo.im/162va3" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162va3</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Symbols" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Symbols</span></a> <a href="https://mastodon.social/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Figma</span></a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProductDesign</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/VisualDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VisualDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a></p>
Tommi 🤯<p><strong>Looking for CMS advice</strong></p><p>Hey Web devs!</p><p>Do you have any suggestions, tips, opinions, dos, don’ts about <strong>headless CMS</strong>es?</p><p>I have a growing list of small/mid non-profits and collectives asking for my help to (re)make their website. I totally want to help, but I don’t have much time, especially considering that they generally have little or no funding—I would most definitely point them to <span class="h-card" translate="no"><a href="https://toot.village.one/@VillageOneCoop" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>VillageOneCoop</span></a></span>, otherwise.</p><p>Therefore, I want a super simple and replicable solution where I can copy-paste most of the code, while providing them with a stable, fast, and modern solution. I had a look at the <a href="https://jamstack.org/headless-cms/" rel="nofollow noopener noreferrer" target="_blank">Headless CMS section in the Jamstack website</a>, but I need opinions from people who actually used some of that software already.</p><p><strong>Needs</strong></p><ul><li>I want to code and configure everything using <span class="h-card" translate="no"><a href="https://fosstodon.org/@eleventy" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>eleventy</span></a></span></li><li>Admin interface (<a href="https://pan.rent/tags/WebApp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebApp</span></a>) for the client to add pages and write posts</li><li>Static website in the front-end</li><li>Simple and reliable CI/CD</li><li>No/minimal maintenance after the first setup</li><li><a href="https://pan.rent/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OpenSource</span></a></li></ul><p><strong>Nice to have</strong></p><ul><li>Possibly using <a href="https://pan.rent/tags/Deno" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Deno</span></a>, not <a href="https://pan.rent/tags/NodeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NodeJS</span></a></li><li>Allowing the client to customize a bit their website through the admin interface, with a GUI</li><li>CMS app packaged on <span class="h-card" translate="no"><a href="https://toot.aquilenet.fr/@yunohost" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>yunohost</span></a></span></li><li>No CMS vendor lock-in</li><li>I’d love to write as little JavaScript as possible</li><li><a href="https://pan.rent/tags/FreeSoftware" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FreeSoftware</span></a></li></ul><p><strong>Absolutely not</strong></p><ul><li>Front-end <a href="https://pan.rent/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> frameworks</li></ul><p>Please, boost this and ask around! Links to videos, tutorials, and resources are welcome.</p><p>People whose perspective I would really value: <span class="h-card" translate="no"><a href="https://fediverse.zachleat.com/@zachleat" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>zachleat</span></a></span> <span class="h-card" translate="no"><a href="https://mastodon.social/@harryfk" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>harryfk</span></a></span> <span class="h-card" translate="no"><a href="https://fosstodon.org/@deno_land" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>deno_land</span></a></span> <span class="h-card" translate="no"><a href="https://indieweb.social/@jaredwhite" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>jaredwhite</span></a></span> <span class="h-card" translate="no"><a href="https://intuitivefuture.com/@vanillaweb" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>vanillaweb</span></a></span> <span class="h-card" translate="no"><a href="https://stefanbohacek.online/@stefan" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>stefan</span></a></span> <span class="h-card" translate="no"><a href="https://front-end.social/@mxbck" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>mxbck</span></a></span> <span class="h-card" translate="no"><a href="https://caneandable.social/@WeirdWriter" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>WeirdWriter</span></a></span> <span class="h-card" translate="no"><a href="https://social.wedistribute.org/users/deadsuperhero" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>deadsuperhero</span></a></span> (Sorry if I am spamming you!)</p><p><a href="https://pan.rent/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Eleventy</span></a> <a href="https://pan.rent/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>11ty</span></a> <a href="https://pan.rent/tags/CMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CMS</span></a> <a href="https://pan.rent/tags/HeadlessCMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HeadlessCMS</span></a> <a href="https://pan.rent/tags/Ghost" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Ghost</span></a> <a href="https://pan.rent/tags/DecapCMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DecapCMS</span></a> <a href="https://pan.rent/tags/CraftCMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CraftCMS</span></a> <a href="https://pan.rent/tags/Strapi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Strapi</span></a> <a href="https://pan.rent/tags/Web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Web</span></a> <a href="https://pan.rent/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://pan.rent/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://pan.rent/tags/StaticGen" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>StaticGen</span></a> <a href="https://pan.rent/tags/StaticWebsite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>StaticWebsite</span></a> <a href="https://pan.rent/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Website</span></a> <a href="https://pan.rent/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://pan.rent/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://pan.rent/tags/YunoHost" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>YunoHost</span></a> <a href="https://pan.rent/tags/SelfHosting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SelfHosting</span></a> <a href="https://pan.rent/tags/Wordpress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Wordpress</span></a></p>
Jonathan Matthews<p>Folks who <a href="https://fosstodon.org/tags/website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>website</span></a>: I'm trying to create a slice'n'dice-able <a href="https://fosstodon.org/tags/data" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>data</span></a> <a href="https://fosstodon.org/tags/table" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>table</span></a> -- somewhat like <a href="https://instances.vantage.sh/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">instances.vantage.sh/</span><span class="invisible"></span></a> with the per-column client-side search/constraint/etc. FWIW my data's a discrete JSON file.</p><p>I'm allergic to JavaScript insofar as I have zero idea what I'm doing with it (and *can't* do anything with it, myself) but will happily copy'n'paste it as needed.</p><p>Got any pointers? <a href="https://fosstodon.org/tags/websites" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>websites</span></a> <a href="https://fosstodon.org/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://fosstodon.org/tags/datadriven" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>datadriven</span></a> <a href="https://fosstodon.org/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://fosstodon.org/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a> <a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://fosstodon.org/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://fosstodon.org/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://fosstodon.org/tags/dataviz" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dataviz</span></a></p>
Jon Henshaw<p>The image srcset property is primarily used to serve resized images for responsive layouts. However, it can also serve uniquely different images, significantly improving a visitor's experience and engagement on a web page.</p><p><a href="https://coywolf.pro/webdev/why-you-should-do-more-than-resizing-images-with-the-srcset-property/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">coywolf.pro/webdev/why-you-sho</span><span class="invisible">uld-do-more-than-resizing-images-with-the-srcset-property/</span></a></p><p><a href="https://henshaw.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://henshaw.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://henshaw.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a></p>
James :ruby:<p>&gt; Configuring Zed editor to use HTML Beautifier as a formatter in ERB templates</p><p><a href="https://jamesmead.org/blog/2025-03-30-configuring-zed-editor-to-use-htmlbeautifier-as-formatter-in-erb-template" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">jamesmead.org/blog/2025-03-30-</span><span class="invisible">configuring-zed-editor-to-use-htmlbeautifier-as-formatter-in-erb-template</span></a></p><p><a href="https://ruby.social/tags/zed" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>zed</span></a> <a href="https://ruby.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a> <a href="https://ruby.social/tags/erb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>erb</span></a> <a href="https://ruby.social/tags/ruby" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ruby</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Launches" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Launches</span></a><br>‘Div’ided we Fall · A fun HTML and CSS learning game <a href="https://ilo.im/162orz" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162orz</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/Course" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Course</span></a> <a href="https://mastodon.social/tags/Game" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Game</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a></p>
Christian Alder<p>Parallax layers 😊 </p><p>A subtle shift across 13 layers kept within a frame on the page. 🦖 </p><p>CodePen: <a href="https://codepen.io/HejChristian/full/ZYEqoXd" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/HejChristian/full/Z</span><span class="invisible">YEqoXd</span></a></p><p><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a></p>
Krazov<p>A bit of fooling around. I started wondering if it's possible to style &lt;head&gt; and it's elements. It turns out you can! I managed to quickly remake &lt;title&gt; into a top bar. :D</p><p>You need to give `display: block` to &lt;head&gt; and then other elements inside too.</p><p>I can't think of many practical use cases for this, but who knows. This one time, I might need it.</p><p><a href="https://mstdn.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mstdn.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a></p>
Terence Eden<p>🆕 blog! “How to prevent Payment Pointer fraud”</p><p>There's a new Web Standard in town! Meet WebMonetization - it aims to be a low effort way to help users passively pay website owners.</p><p>The pitch is simple. A website owner places a single new line in their HTML's &lt;head&gt; - something like this:</p><p>&lt;link rel="monetization"…</p><p>👀 Read more: <a href="https://shkspr.mobi/blog/2025/03/how-to-prevent-payment-pointer-fraud/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">shkspr.mobi/blog/2025/03/how-t</span><span class="invisible">o-prevent-payment-pointer-fraud/</span></a><br>⸻<br><a href="https://mastodon.social/tags/CyberSecurity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CyberSecurity</span></a> <a href="https://mastodon.social/tags/dns" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dns</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.social/tags/standards" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>standards</span></a> <a href="https://mastodon.social/tags/WebMonitization" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebMonitization</span></a></p>
Risky<p>My very first JavaScript project!!</p><p>Just a simple typing game.</p><p>Can't figure a good design though. </p><p><a href="https://github.com/riskyrebase/test-type-accurately" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/riskyrebase/test-ty</span><span class="invisible">pe-accurately</span></a></p><p><a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a></p>
codeDude :archlinux: :neovim:<p><span class="h-card" translate="no"><a href="https://fosstodon.org/@s31bz" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>s31bz</span></a></span> I know <a href="https://fosstodon.org/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> (How to Meet Ladies)</p>
Jonathan Lamothe<p>I am in urgent job search mode, so I'm gonna throw this out here and see if anything comes of it.</p><p>I am a <a href="https://social.jlamothe.net/search?tag=Canadian" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Canadian</span></a>, fluent in both <a href="https://social.jlamothe.net/search?tag=English" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>English</span></a> and <a href="https://social.jlamothe.net/search?tag=French" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>French</span></a>. I have experience with several programming languages. My strongest proficiency is with <a href="https://social.jlamothe.net/search?tag=Haskell" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Haskell</span></a> and <a href="https://social.jlamothe.net/search?tag=C" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>C</span></a>. I also have a reasonable grasp of <a href="https://social.jlamothe.net/search?tag=HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a>, <a href="https://social.jlamothe.net/search?tag=JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a>, <a href="https://social.jlamothe.net/search?tag=SQL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SQL</span></a>, <a href="https://social.jlamothe.net/search?tag=Python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Python</span></a>, <a href="https://social.jlamothe.net/search?tag=Lua" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Lua</span></a>, <a href="https://social.jlamothe.net/search?tag=Linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Linux</span></a> system administration, <a href="https://social.jlamothe.net/search?tag=bash" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bash</span></a> scripting, <a href="https://social.jlamothe.net/search?tag=Perl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Perl</span></a>, <a href="https://social.jlamothe.net/search?tag=AWK" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AWK</span></a>, some <a href="https://social.jlamothe.net/search?tag=Lisp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Lisp</span></a> (common, scheme, and emacs), and probably several others I've forgotten to mention.</p><p>I am not necessarily looking for something in tech. I just need something stable. I have done everything from software development, to customer support, to factory work, though my current circumstances make in-person work more difficult than remote work. I have been regarded as a hard worker in every job I have ever held.</p><p><a href="https://social.jlamothe.net/search?tag=GetFediHired" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GetFediHired</span></a></p>
Matthias Zöchling<p>Really looking forward to this year’s <a href="https://mas.to/tags/CSSNakedDay" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSSNakedDay</span></a>. In 2024 my site participated for the first time, and I did my homework, so here’s hoping that on April 9 things just work unsupervised. 🤞</p><p>How does your site look without style sheets? There’s still time to prepare.</p><p><a href="https://cssence.com/about/css-naked-day/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">cssence.com/about/css-naked-da</span><span class="invisible">y/</span></a></p><p><a href="https://mas.to/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mas.to/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mas.to/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a></p>
Steve Faulkner<p>🎉 Off to State of the Browser <a href="https://mastodon.social/tags/SOTB" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SOTB</span></a> tomorrow the <a href="https://mastodon.social/tags/WebStandards" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebStandards</span></a> conference organized by <span class="h-card" translate="no"><a href="https://front-end.social/@dletorey" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>dletorey</span></a></span> and <span class="h-card" translate="no"><a href="https://mastodon.world/@webstandards" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>webstandards</span></a></span> team. Excited to learn from <span class="h-card" translate="no"><a href="https://front-end.social/@sarajw" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>sarajw</span></a></span> and <span class="h-card" translate="no"><a href="https://front-end.social/@matuzo" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>matuzo</span></a></span> amongst others.</p><p><a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibility</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> </p><p>If you are attending come say 👋</p>
Nube Colectiva<p>How to Use Tailwind CSS in Pure HTML. </p><p>Como Usar Tailwind CSS en HTML Puro. </p><p>👉 <a href="https://blog.nubecolectiva.com/como-usar-tailwind-css-en-html-puro/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.nubecolectiva.com/como-us</span><span class="invisible">ar-tailwind-css-en-html-puro/</span></a> </p><p><a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>programming</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdevelopment</span></a> <a href="https://mastodon.social/tags/devs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>devs</span></a> <br><a href="https://mastodon.social/tags/softwaredevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>softwaredevelopment</span></a> <a href="https://mastodon.social/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tailwindcss</span></a> <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a></p>
Steve Faulkner<p>Alternative text for short-form video - <span class="h-card" translate="no"><a href="https://social.lol/@tylersticka" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>tylersticka</span></a></span> </p><p><a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibility</span></a> <a href="https://mastodon.social/tags/video" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>video</span></a></p><p><a href="https://github.com/whatwg/html/issues/11080" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/whatwg/html/issues/</span><span class="invisible">11080</span></a></p>
Ryan Daws 🤓<p>Website hijack campaign now impacting 150,000 sites <a href="https://www.developer-tech.com/news/website-hijack-campaign-now-impacting-150000-sites/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">developer-tech.com/news/websit</span><span class="invisible">e-hijack-campaign-now-impacting-150000-sites/</span></a> <a href="https://techhub.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://techhub.social/tags/developers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>developers</span></a> <a href="https://techhub.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a> <a href="https://techhub.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://techhub.social/tags/security" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>security</span></a> <a href="https://techhub.social/tags/infosec" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>infosec</span></a> <a href="https://techhub.social/tags/hacking" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>hacking</span></a> <a href="https://techhub.social/tags/tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tech</span></a> <a href="https://techhub.social/tags/news" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>news</span></a> <a href="https://techhub.social/tags/technology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>technology</span></a></p>
Marijke Luttekes<p>As a… person who uses right-click "open in new tab" often,</p><p>I want… developers to finally learn the difference between a button and a link,</p><p>So that… I can stop hating on their interface.</p><p><a href="https://fosstodon.org/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://fosstodon.org/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://fosstodon.org/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a></p>
CSS by T. Afif :verified:<p>Here is another implementation where you can define an array of colors and the number of ranges. The color will automatically adjust based on the progression!</p><p>✅ 0% JavaScript<br>✅ 100% "Programming with CSS"</p><p>Demo: <a href="https://codepen.io/t_afif/pen/LEYJGoQ" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">codepen.io/t_afif/pen/LEYJGoQ</span><span class="invisible"></span></a> via :codepen: <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>codepen</span></a></span> </p><p>Online Version: <a href="https://css-tip.com/custom-progress/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">css-tip.com/custom-progress/</span><span class="invisible"></span></a><br> <br><a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a></p>