Shakedown Social

JacketI have so much mixed feeling about <a href="https://tech.lgbt/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#react</a>. In one hand, I like <a href="https://tech.lgbt/tags/jsx" class="mention hashtag" rel="nofollow noopener" target="_blank">#jsx</a>. I mean, I really don't like <a href="https://tech.lgbt/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> but I like the idea to integrate <a href="https://tech.lgbt/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> and <a href="https://tech.lgbt/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> so they can be syntax checked instead of a big hard to read string. On the other hand your site is now coming with scripts even if it's just a simple form that could be coded in plane HTML. I learned react to help getting jobs but if it was my own website, I would use something else. I started to check <a href="https://tech.lgbt/tags/flutter" class="mention hashtag" rel="nofollow noopener" target="_blank">#flutter</a>. I like the idea of having one code that can generate websites, desktop apps and phone apps.

Steve FaulknerScreen reader HTML support tables"With the addition of Gez Lemon to the editing team, work continues on expanding and improving the HTML and screen reader support information."<a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/screenReader" class="mention hashtag" rel="nofollow noopener" target="_blank">#screenReader</a> <a href="https://mastodon.social/tags/NVDA" class="mention hashtag" rel="nofollow noopener" target="_blank">#NVDA</a> <a href="https://mastodon.social/tags/JAWS" class="mention hashtag" rel="nofollow noopener" target="_blank">#JAWS</a> <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a> <a href="https://tetralogical.com/blog/2025/07/10/html-support/" rel="nofollow noopener" translate="no" target="_blank">https://tetralogical.com/blog/2025/07/10/html-support/</a>

CSS by T. Afif :verified:💡 CSS Tip!Because the new sibling-*() functions are verbose and sibling-index() is 1-indexed, I wrote my own functions!<a href="https://css-tip.com/element-index/" rel="nofollow noopener" translate="no" target="_blank">https://css-tip.com/element-index/</a>Less characters to type when writing complex formulas.<a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a>

alexandra<a href="https://tilde.zone/tags/writers" class="mention hashtag" rel="nofollow noopener" target="_blank">#writers</a>, <a href="https://tilde.zone/tags/blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#blog</a> aficionados, <a href="https://tilde.zone/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> enjoyers, <a href="https://tilde.zone/tags/website" class="mention hashtag" rel="nofollow noopener" target="_blank">#website</a> browsers: lend me your ears! i need help with a big push to get the word out about <a href="https://tilde.zone/tags/writing" class="mention hashtag" rel="nofollow noopener" target="_blank">#writing</a> for GOOD INTERNET magazine's autumn issue! a digital AND physical magazine that ships all over the world, run & contributed to by volunteers! (‼️) in case you're unaware, GOOD INTERNET covers a lot of different aspects of the <a href="https://tilde.zone/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallWeb</a>: unplugging from the corporate web, fighting <a href="https://tilde.zone/tags/enshittification" class="mention hashtag" rel="nofollow noopener" target="_blank">#enshittification</a>, migrating from data-harvesting corpo social media, creating your own personal website, using code and website-building as an art form, federation, and creating websites for fun. the aim is to be approachable for beginners and enjoyable for seasoned <a href="https://tilde.zone/tags/indieweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#indieweb</a> travelers! you don't have to be a professional <a href="https://tilde.zone/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> or a <a href="https://tilde.zone/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#coding</a> smartypants to write about all the good things happening on "this side" of the web. the idea here is to spread the word about and share thoughts, independent web projects, services, methods, sites, meet-ups, and celebrate the non-corporate web together while making it easier for us to partake and unplug from <a href="https://tilde.zone/tags/bigtech" class="mention hashtag" rel="nofollow noopener" target="_blank">#bigtech</a>. 📏 looking for 1,000- to 4,000-word articles aimed at website owners and hobbyists, digital (and traditional) <a href="https://tilde.zone/tags/artists" class="mention hashtag" rel="nofollow noopener" target="_blank">#artists</a>, <a href="https://tilde.zone/tags/internet" class="mention hashtag" rel="nofollow noopener" target="_blank">#internet</a> culture enthusiasts, <a href="https://tilde.zone/tags/technology" class="mention hashtag" rel="nofollow noopener" target="_blank">#technology</a> nerds, <a href="https://tilde.zone/tags/socialmedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#socialmedia</a> expatriates, & anyone who wants to unplug from the corporate-owned <a href="https://tilde.zone/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a>. ⏲️ the deadline is AUGUST 22, 2025 ⏲️ ℹ️ more info here: <a href="https://goodinternetmagazine.com/contact/" rel="nofollow noopener" translate="no" target="_blank">https://goodinternetmagazine.com/contact/</a><a href="https://tilde.zone/tags/personalweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#personalweb</a> <a href="https://tilde.zone/tags/websites" class="mention hashtag" rel="nofollow noopener" target="_blank">#websites</a> <a href="https://tilde.zone/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://tilde.zone/tags/fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#fediverse</a> <a href="https://tilde.zone/tags/neocities" class="mention hashtag" rel="nofollow noopener" target="_blank">#neocities</a> <a href="https://tilde.zone/tags/nekoweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#nekoweb</a> <a href="https://tilde.zone/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://tilde.zone/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://tilde.zone/tags/zine" class="mention hashtag" rel="nofollow noopener" target="_blank">#zine</a> <a href="https://tilde.zone/tags/zines" class="mention hashtag" rel="nofollow noopener" target="_blank">#zines</a> <a href="https://tilde.zone/tags/indie" class="mention hashtag" rel="nofollow noopener" target="_blank">#indie</a> <a href="https://tilde.zone/tags/independent" class="mention hashtag" rel="nofollow noopener" target="_blank">#independent</a> <a href="https://tilde.zone/tags/creativity" class="mention hashtag" rel="nofollow noopener" target="_blank">#creativity</a> <a href="https://tilde.zone/tags/tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#tech</a> <a href="https://tilde.zone/tags/smalltech" class="mention hashtag" rel="nofollow noopener" target="_blank">#smalltech</a> <a href="https://tilde.zone/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#opensource</a> <a href="https://tilde.zone/tags/degoogle" class="mention hashtag" rel="nofollow noopener" target="_blank">#degoogle</a> <a href="https://tilde.zone/tags/media" class="mention hashtag" rel="nofollow noopener" target="_blank">#media</a>

ThomasAPowellAre you *really* writing “modern” <a href="https://fosstodon.org/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> if you aren’t using a metric shit ton of <div> tags?Are you*really* writing “modern” <a href="https://fosstodon.org/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> if you don’t have a class name attribute list longer than your arm?Are you *really* writing “modern” <a href="https://fosstodon.org/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> if you aren’t using React or NextJS and delivering the equivalent of 7 copies of Doom byte count wise for a static home page?<a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://fosstodon.org/tags/shitpost" class="mention hashtag" rel="nofollow noopener" target="_blank">#shitpost</a>

Steve Faulknershort note: WCAG/ARIA – state of confusion"If something a person does to a thing causes it to change then the change is reflected in the code"<a href="https://mastodon.social/tags/ARIA" class="mention hashtag" rel="nofollow noopener" target="_blank">#ARIA</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener" target="_blank">#WCAG</a><a href="https://html5accessibility.com/stuff/2025/07/08/short-note-wcag-aria-state-of-confusion/" rel="nofollow noopener" translate="no" target="_blank">https://html5accessibility.com/stuff/2025/07/08/short-note-wcag-aria-state-of-confusion/</a>

Thomas WeibelWeb app "Meton" calculating lunar phases, with enhanced eclipse prediction indicators for both lunar and solar eclipses. DM me for more details.<a href="https://www.thomasweibel.ch/meton/" rel="nofollow noopener" translate="no" target="_blank">https://www.thomasweibel.ch/meton/</a><a href="https://swiss.social/tags/moon" class="mention hashtag" rel="nofollow noopener" target="_blank">#moon</a> <a href="https://swiss.social/tags/history" class="mention hashtag" rel="nofollow noopener" target="_blank">#history</a> <a href="https://swiss.social/tags/antiquity" class="mention hashtag" rel="nofollow noopener" target="_blank">#antiquity</a> <a href="https://swiss.social/tags/astronomy" class="mention hashtag" rel="nofollow noopener" target="_blank">#astronomy</a> <a href="https://swiss.social/tags/mathematics" class="mention hashtag" rel="nofollow noopener" target="_blank">#mathematics</a> <a href="https://swiss.social/tags/physics" class="mention hashtag" rel="nofollow noopener" target="_blank">#physics</a> <a href="https://swiss.social/tags/astrophysics" class="mention hashtag" rel="nofollow noopener" target="_blank">#astrophysics</a> <a href="https://swiss.social/tags/mechanics" class="mention hashtag" rel="nofollow noopener" target="_blank">#mechanics</a> <a href="https://swiss.social/tags/simulation" class="mention hashtag" rel="nofollow noopener" target="_blank">#simulation</a> <a href="https://swiss.social/tags/opendata" class="mention hashtag" rel="nofollow noopener" target="_blank">#opendata</a> <a href="https://swiss.social/tags/openglam" class="mention hashtag" rel="nofollow noopener" target="_blank">#openglam</a> <a href="https://swiss.social/tags/openeducation" class="mention hashtag" rel="nofollow noopener" target="_blank">#openeducation</a> <a href="https://swiss.social/tags/digitalhumanities" class="mention hashtag" rel="nofollow noopener" target="_blank">#digitalhumanities</a> <a href="https://swiss.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://swiss.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://swiss.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://swiss.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://swiss.social/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#js</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Guides" class="mention hashtag" rel="nofollow noopener" target="_blank">#Guides</a> Writing comments in front-end code · “Don’t forget that future-you is a teammate.” <a href="https://ilo.im/1656cf" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/1656cf</a>_____ <a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#Programming</a> <a href="https://mastodon.social/tags/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#Coding</a> <a href="https://mastodon.social/tags/Comments" class="mention hashtag" rel="nofollow noopener" target="_blank">#Comments</a> <a href="https://mastodon.social/tags/Documentation" class="mention hashtag" rel="nofollow noopener" target="_blank">#Documentation</a> <a href="https://mastodon.social/tags/Collaboration" class="mention hashtag" rel="nofollow noopener" target="_blank">#Collaboration</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/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a>

RB4255New update de la ʙℓÅⅈℜⅇαµ ℤΩℕℰ :toot: Au menu : 🏅 Un système de missions et d'Achievements avec 15 missions top secrètes pour les aventuriers du Web les plus intrépides :clippy: Un affichage de la dernière version en ligne avec patch note concis pour les curieux du code hihi...<a href="https://blaireau.zone" rel="nofollow noopener" translate="no" target="_blank">https://blaireau.zone</a><a href="https://mastodon.social/tags/website" class="mention hashtag" rel="nofollow noopener" target="_blank">#website</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdesign</a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#coding</a> <a href="https://mastodon.social/tags/videogames" class="mention hashtag" rel="nofollow noopener" target="_blank">#videogames</a> <a href="https://mastodon.social/tags/graphicdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#graphicdesign</a> <a href="https://mastodon.social/tags/blaireau" class="mention hashtag" rel="nofollow noopener" target="_blank">#blaireau</a> <a href="https://mastodon.social/tags/blaireauzone" class="mention hashtag" rel="nofollow noopener" target="_blank">#blaireauzone</a> <a href="https://mastodon.social/tags/art" class="mention hashtag" rel="nofollow noopener" target="_blank">#art</a> <a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#design</a> <a href="https://mastodon.social/tags/brainrot" class="mention hashtag" rel="nofollow noopener" target="_blank">#brainrot</a> <a href="https://mastodon.social/tags/www" class="mention hashtag" rel="nofollow noopener" target="_blank">#www</a> <a href="https://mastodon.social/tags/scifi" class="mention hashtag" rel="nofollow noopener" target="_blank">#scifi</a> <a href="https://mastodon.social/tags/space" class="mention hashtag" rel="nofollow noopener" target="_blank">#space</a> <a href="https://mastodon.social/tags/explorer" class="mention hashtag" rel="nofollow noopener" target="_blank">#explorer</a> <a href="https://mastodon.social/tags/wtf" class="mention hashtag" rel="nofollow noopener" target="_blank">#wtf</a>

Ben ☀️shineUnder Construction ist eine wunderschöne Hommage an das World Wide Web und die Unfertigkeit von Olia Lialina <a href="https://olia.geocities.institute/@GIFmodel" class="u-url mention" rel="nofollow noopener" target="_blank">@GIFmodel</a> <a href="https://politikkultur.de/schwerpunkte/under-construction/" rel="nofollow noopener" translate="no" target="_blank">https://politikkultur.de/schwerpunkte/under-construction/</a>«Wenn man heute ein »Under Construction«-Banner, […], bedeutet das vor allem eines: Einer vergangenen Ära wird Respekt gezollt. Einer Zeit, in denen Menschen nicht in Plattformen eingeschlossen waren.» <a href="https://ohai.social/tags/www" class="mention hashtag" rel="nofollow noopener" target="_blank">#www</a> <a href="https://ohai.social/tags/smallweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#smallweb</a> <a href="https://ohai.social/tags/indie" class="mention hashtag" rel="nofollow noopener" target="_blank">#indie</a> <a href="https://ohai.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://ohai.social/tags/internetculture" class="mention hashtag" rel="nofollow noopener" target="_blank">#internetculture</a>

Nicod, The Fediverse DudeEn fait, posé de façon concrète, est qu'il y a une des deux solutions qui est meilleure dans le lien ci dessous en terme d'<a href="https://diaspodon.fr/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a>, de <a href="https://diaspodon.fr/tags/A11Y" class="mention hashtag" rel="nofollow noopener" target="_blank">#A11Y</a> (accessibilité), voir de support / compatiblité navigateurs selon les supports (surtout mobiles).<a href="https://codepen.io/nicod_/pen/gbpVrmd" rel="nofollow noopener" translate="no" target="_blank">https://codepen.io/nicod_/pen/gbpVrmd</a>:boost_requested: Le boost rend le web plus utilisable.(suite de <a href="https://diaspodon.fr/@nicod/114802376238673788" rel="nofollow noopener" translate="no" target="_blank">https://diaspodon.fr/@nicod/114802376238673788</a>)<a href="https://diaspodon.fr/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a>

Nicod, The Fediverse DudeQuestion <a href="https://diaspodon.fr/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a>, qui concerne aussi <a href="https://diaspodon.fr/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a> <a href="https://diaspodon.fr/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a> et support navigateur.Vaut il mieux utiliser un <input type="datetime-local"> ou bien deux champs séparés <input type="date"> <input type="time"> ?Je cherche des infos là dessus mais je n'avance guère.MDN annonce un faible support pour datetime-local et des variations dans ses implémentations (juillet 2019) et préconise de séparer les champs. Quid en 2025 ?<a href="https://developer.mozilla.org/fr/docs/Web/HTML/Reference/Elements/input/datetime-local" rel="nofollow noopener" translate="no" target="_blank">https://developer.mozilla.org/fr/docs/Web/HTML/Reference/Elements/input/datetime-local</a>

Chad McCullough :Debian:It's been years, many years, actually, since I last built a site with HTML. Recently, I've been wanting to end my participation in the larger web and start contributing to a smaller web. A web that was full of creative people, building cool and fun sites, and sharing information. Not the web of today that is full of companies pumping ads at us, forcing us to use ad blockers to keep us safe, or the companies scraping the web to build their AI models. The web of today is terrible, bloated, and not what the internet was originally created for. I've deleted my personal and freelance/consulting sites, both built on bloated WordPress, and I have been reintroducing myself to HTML and CSS so I can rebuild my sites. I've been having so much fun. To do this, I've joined <a href="https://bearblog.dev" rel="nofollow noopener" target="_blank">https://bearblog.dev</a> for my personal site/blog, and <a href="https://neocities.org" rel="nofollow noopener" target="_blank">https://neocities.org</a> as a practice space for working on my HTML and CSS. Both are brilliant, and to support both, it's really affordable. To start my journey of reintroducing myself to HTML and CSS, I read (multiple times) <a href="https://social.lol/@bw" class="u-url mention" rel="nofollow noopener" target="_blank">@bw</a>'s online book, "HTML for People". You can find it at <a href="https://htmlforpeople.com/" rel="nofollow noopener" target="_blank">https://htmlforpeople.com/</a>. And if you enjoy reading it, throw a bit of money Blake's way for all of the hard work. Anyway, I'll get off my soapbox about the bloated web of today and get back to learning HTML and CSS. My personal site is still a bit crap, but I'm working on it! 😃 <a href="https://polymaths.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://polymaths.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://polymaths.social/tags/smallweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#smallweb</a> <a href="https://polymaths.social/tags/bloatedweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#bloatedweb</a>

Matt ⁂ 🇳🇴 🇺🇦YouTube is now recommending me a bunch of videos of people making their own cute little HTML websites, usually on Neocities or what they are calling The Indie Web and its giving me hope.I knew this was a thing, and I knew people are still making websites like this, but it's really fun to see people encouraging people to do the same or making tutorials on YouTube.@marighoul.bsky.social@bsky.brid.gy<a href="https://youtu.be/Tv223kX0SRg?si=PpY817UTPprFhroM" rel="nofollow noopener" translate="no" target="_blank">https://youtu.be/Tv223kX0SRg?si=PpY817UTPprFhroM</a><a href="https://oslo.town/tags/YouTube" class="mention hashtag" rel="nofollow noopener" target="_blank">#YouTube</a> <a href="https://oslo.town/tags/Neocities" class="mention hashtag" rel="nofollow noopener" target="_blank">#Neocities</a> <a href="https://oslo.town/tags/TheIndieWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#TheIndieWeb</a> <a href="https://oslo.town/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://oslo.town/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://oslo.town/tags/Javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#Javascript</a>

Bryan Redeagle :bc:Search engines are failing me. Is there a preferred way to mark up a shopping cart page for accessibility? A list, a table, something else?<a href="https://beige.party/tags/AskFedi" class="mention hashtag" rel="nofollow noopener" target="_blank">#AskFedi</a> <a href="https://beige.party/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://beige.party/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://beige.party/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a>

FlorianAlways fun to read <a href="https://cupoftea.social/tags/hackerNews" class="mention hashtag" rel="nofollow noopener" target="_blank">#hackerNews</a> and their rather ... let's call it ... qualitatively exceedingly disappointing mentality towards <a href="https://cupoftea.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> (stroopwafel to the dutchies who see what i did there). But some points do make me think to what degree, say, <a href="https://cupoftea.social/tags/screenReaders" class="mention hashtag" rel="nofollow noopener" target="_blank">#screenReaders</a> could be innovating more. One thing that stuck by me was a comment on an article regarding the use of "click here" that basically suggested some kind of heuristic for, say, reading the entire line of text when that's encountered, rather than the link text. Another one could be including the previous sibling's accessible name on unlabeled form fields which I ...think? JAWS might already be doing? Like obviously these should be toggleable to not screw up audits but I think after 30 years we can safely say people often can't be forked to learn <a href="https://cupoftea.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> basics and it might make some things smoother?

Chad McCullough :Debian:I have really been enjoying learning HTML and CSS. Working on rebuilding my personal site and moving away from WordPress. It's been quite a few years since I last used HTML in any serious way and I still have a bit to learn and master. A few folks have mentioned HTMX so I am going to start looking into this next. <a href="https://polymaths.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://polymaths.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://polymaths.social/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a>

.:\dGh/:.One thing I want from <a href="https://mastodon.social/tags/GitHub" class="mention hashtag" rel="nofollow noopener" target="_blank">#GitHub</a>.<a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#Programming</a> <a href="https://mastodon.social/tags/Microsoft" class="mention hashtag" rel="nofollow noopener" target="_blank">#Microsoft</a> <a href="https://mastodon.social/tags/Git" class="mention hashtag" rel="nofollow noopener" target="_blank">#Git</a> <a href="https://mastodon.social/tags/Ban" class="mention hashtag" rel="nofollow noopener" target="_blank">#Ban</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/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/AppDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#AppDevelopment</a> <a href="https://mastodon.social/tags/AppDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#AppDev</a> <a href="https://mastodon.social/tags/Rust" class="mention hashtag" rel="nofollow noopener" target="_blank">#Rust</a> <a href="https://mastodon.social/tags/Javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#Javascript</a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#JS</a> <a href="https://mastodon.social/tags/Golang" class="mention hashtag" rel="nofollow noopener" target="_blank">#Golang</a> <a href="https://mastodon.social/tags/CPlusPlus" class="mention hashtag" rel="nofollow noopener" target="_blank">#CPlusPlus</a> <a href="https://mastodon.social/tags/C" class="mention hashtag" rel="nofollow noopener" target="_blank">#C</a> <a href="https://mastodon.social/tags/Swift" class="mention hashtag" rel="nofollow noopener" target="_blank">#Swift</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/PHP" class="mention hashtag" rel="nofollow noopener" target="_blank">#PHP</a> <a href="https://mastodon.social/tags/Java" class="mention hashtag" rel="nofollow noopener" target="_blank">#Java</a> <a href="https://mastodon.social/tags/Ruby" class="mention hashtag" rel="nofollow noopener" target="_blank">#Ruby</a>

Chad McCullough :Debian:I've been unemployed for more than a year. To help bring some money in, I've been trying to get clients that need a website for their business, org, etc. For now, I'm using WordPress to build the sites, but as my HTML and CSS skills improve, I am going to completely move away from WordPress and build sites with HTML and CSS. People keep telling me that it's not possible, but these people are also WordPress, Joomla, and Drupal users and developers. You can totally do it. Some business sites can even be built with static site generators. We don't need all the bloat in website builds. <a href="https://polymaths.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://polymaths.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://polymaths.social/tags/smallweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#smallweb</a>

CSS by T. Afif :verified:CSS Functions will soon be available, and it's time to confuse JS developers (and maybe backend developers) a bit. No, they are not the same as in JS. Like with CSS properties, the order inside doesn't matter and we can write everything in reverse. 🙃 Demo: <a href="https://codepen.io/t_afif/pen/MYwMaYE" rel="nofollow noopener" translate="no" target="_blank">https://codepen.io/t_afif/pen/MYwMaYE</a> via <a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener" target="_blank">@codepen</a> (Chrome-only with experimental flag enabled)<a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a>

Recent searches

Search options

Administered by:

Server stats:

#html