Mastodon 🐘

1 post1 participant0 posts today

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/Releases" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Releases</a> CSS customization for the ‘select’ element · Chrome 135 brings the new property ‘appearance: base-select’ <a href="https://ilo.im/162yuz" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162yuz</a>_____ <a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ModernCSS</a> <a href="https://mastodon.social/tags/Styling" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Styling</a> <a href="https://mastodon.social/tags/Form" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Form</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/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</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/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>

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/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Techniques</a> The bare minimum for CSS view transitions · An instant win for your website’s user experience <a href="https://ilo.im/162voy" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162voy</a>_____ <a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ModernCSS</a> <a href="https://mastodon.social/tags/CssViewTransitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CssViewTransitions</a> <a href="https://mastodon.social/tags/Transitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Transitions</a> <a href="https://mastodon.social/tags/Webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webpage</a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Website</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/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</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/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</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/Introductions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Introductions</a> The customizable select (part 1) · Easier styling of an HTML ‘select’ with CSS <a href="https://ilo.im/162sdu" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162sdu</a>_____ <a href="https://mastodon.social/tags/SelectElement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SelectElement</a> <a href="https://mastodon.social/tags/Form" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Form</a> <a href="https://mastodon.social/tags/Animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Animation</a> <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</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/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>

PhilippTrying to do a css only proximity hover effect with variable fonts. I was nearly there and only than understood, that without javascript my variable font is not loading. aww damn. 😄 <a href="https://social.anoxinon.de/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://social.anoxinon.de/tags/variablefont" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#variablefont</a> <a href="https://social.anoxinon.de/tags/progressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#progressiveEnhancement</a> <a href="https://social.anoxinon.de/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</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/Approaches" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Approaches</a> Building websites with LLMS · (L)ots of (L)ittle ht(M)l page(S) is a game changer <a href="https://ilo.im/162myf" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162myf</a>_____ <a href="https://mastodon.social/tags/ViewTransitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ViewTransitions</a> <a href="https://mastodon.social/tags/Navigation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Navigation</a> <a href="https://mastodon.social/tags/Filter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Filter</a> <a href="https://mastodon.social/tags/Webpage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webpage</a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Website</a> <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</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/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>

Nils HörrmannDoes anyone know a site collecting web components that focus on progressive enhancement and don't recreate everything known to the browser already with just another custom element? I'm interested in approaches to form handling as well as UI interactions like sorting items, drag and drop. Thanks!<a href="https://mastodon.social/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebComponents</a> <a href="https://mastodon.social/tags/CustomElements" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CustomElements</a> <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</a> <a href="https://mastodon.social/tags/KeepItSimple" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#KeepItSimple</a>

James NashPleased to be sneaking some <a href="https://mstdn.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="tag">#ProgressiveEnhancement</a> into the <a href="https://mstdn.social/tags/DesignSystem" class="mention hashtag" rel="tag">#DesignSystem</a> we're building at Investec.Currently making an Accordion component using <a href="https://mstdn.social/tags/HTML" class="mention hashtag" rel="tag">#HTML</a> <details> & < summary>, which requires zero client-side <a href="https://mstdn.social/tags/JS" class="mention hashtag" rel="tag">#JS</a>. Until <a href="https://mstdn.social/tags/interop2025" class="mention hashtag" rel="tag">#interop2025</a> brings ::details-content support to Firefox & Safari, the opening / closing won't be animated in those browsers. But, we're cool with that. It's still perfectly usable without animations.

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/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Techniques</a> Font weight based on user’s screen DPI · Improving the display of a font on low-DPI screens <a href="https://ilo.im/16263z" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/16263z</a>_____ <a href="https://mastodon.social/tags/Icon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Icon</a> <a href="https://mastodon.social/tags/Font" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Font</a> <a href="https://mastodon.social/tags/Typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Typography</a> <a href="https://mastodon.social/tags/Screen" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Screen</a> <a href="https://mastodon.social/tags/DPI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DPI</a> <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</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/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Explorations" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Explorations</a> Extending the cursor · “The future of cursors holds some exciting possibilities.” <a href="https://ilo.im/1625y7" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/1625y7</a>_____ <a href="https://mastodon.social/tags/Cursor" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Cursor</a> <a href="https://mastodon.social/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Figma</a> <a href="https://mastodon.social/tags/Collaboration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Collaboration</a> <a href="https://mastodon.social/tags/Tools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tools</a> <a href="https://mastodon.social/tags/Games" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Games</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UxDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</a>

bignose<a href="https://fosstodon.org/@florimond" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@florimond</a> > Am I crazy for pushing back on "<a href="https://fosstodon.org/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JS</a> <a href="https://fosstodon.org/tags/SPA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SPA</a> frontend by default"?If it's "by default, before even describing the purpose of the site"? You're right to push back against mandatory <a href="https://fosstodon.org/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> and <a href="https://fosstodon.org/tags/SPA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SPA</a>, etc.One relatively bright line I find useful: Are we building a site for *presenting information* or for people to *actively do something*?The latter *can* be a web application. Information sites *must* be HTML + CSS, with some <a href="https://fosstodon.org/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</a> JavaScript.

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/Guides" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Guides</a> Transitioning top-layer entries · Handy ways to animate the CSS ‘display’ property <a href="https://ilo.im/162317" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162317</a>_____ <a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ModernCSS</a> <a href="https://mastodon.social/tags/Animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Animation</a> <a href="https://mastodon.social/tags/Transition" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Transition</a> <a href="https://mastodon.social/tags/Layers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Layers</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/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</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/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a>

TorbRegardless of what frameworks drives you too though, I think progressive enhancement is something you as a developer always have to be concious of. I doubt any framework will give it to you completely for free. So we need more conciousness around progressive enhancement in general. <a href="https://hachyderm.io/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://hachyderm.io/tags/frontendframeworks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontendframeworks</a> <a href="https://hachyderm.io/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> <a href="https://hachyderm.io/tags/metaframeworks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#metaframeworks</a> <a href="https://hachyderm.io/tags/progressiveenhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#progressiveenhancement</a>

TorbFrameworks like NextJS, Astro, Nuxt, SvelteKit, SolidStart and QwikCity has certainly made progressive enhancemnt a lot easier when using typical JS frontend technology.Something I’ve been wondering lately is: what would a modern JS framework look like if it not only made progressive enhancement possible, but was primarily designed around making progressive enhancement?From what I can tell, none of these frameworks do this (and some of them even fail to utilize PE on their own websites, I even saw one that had links that didn’t work properely without JS!). The closest to taking PE seriously is SvelteKit which has a feature for progressive enhancing forms.<a href="https://hachyderm.io/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://hachyderm.io/tags/frontendframeworks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontendframeworks</a> <a href="https://hachyderm.io/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> <a href="https://hachyderm.io/tags/metaframeworks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#metaframeworks</a> <a href="https://hachyderm.io/tags/progressiveenhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#progressiveenhancement</a>

bignoseHarry Roberts (<a href="https://webperf.social/@csswizardry" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@csswizardry</a>):“Every layer of abstraction made in the browser moves you further from the platform, ties you further into framework lock-in, and moves you further away from fast.“I’m not against front-end frameworks, and, believe me, I’m not naive enough to believe that the only thing a front-end framework provides is soft navigations, but if you’re going to use one, I shouldn’t be able to smell it.”<a href="https://csswizardry.com/2025/01/build-for-the-web-build-on-the-web-build-with-the-web/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://csswizardry.com/2025/01/build-for-the-web-build-on-the-web-build-with-the-web/</a><a href="https://fosstodon.org/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://fosstodon.org/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://fosstodon.org/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</a>

Otto Rask | Ehdokas 2025 EspooI can't think of a single reason why a textbox and a list of links with descriptions and basic pagination would require JavaScript.<a href="https://techcrunch.com/2025/01/17/google-begins-requiring-javascript-for-google-search/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://techcrunch.com/2025/01/17/google-begins-requiring-javascript-for-google-search/</a><a href="https://piipitin.fi/tags/Google" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Google</a> <a href="https://piipitin.fi/tags/GoogleSearch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GoogleSearch</a> <a href="https://piipitin.fi/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://piipitin.fi/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://piipitin.fi/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</a>

Gareth Jones ➡️ TFNation 2024This is just 100% the right attitude and the right approach.But I can't reconcile this with seemingly 99% of front-end dev jobs actually being React jobs, and barely even mentioning HTML or CSS. <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</a> <a href="https://mastodon.social/tags/WebPerformance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebPerformance</a> <a href="https://mastodon.social/@csswizardry@webperf.social/113877916355371363" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mastodon.social/@csswizardry@webperf.social/113877916355371363</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/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Techniques</a> 6 CSS snippets to know in 2025 · “AI is not going to give you this CSS.” <a href="https://ilo.im/161x4n" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/161x4n</a>_____ <a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ModernCSS</a> <a href="https://mastodon.social/tags/Layers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Layers</a> <a href="https://mastodon.social/tags/Animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Animation</a> <a href="https://mastodon.social/tags/ViewTransitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ViewTransitions</a> <a href="https://mastodon.social/tags/CustomProperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CustomProperties</a> <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</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/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</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/Releases" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Releases</a> CSS scroll-state() · Chrome 133 introduces scroll state container queries <a href="https://ilo.im/161umo" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/161umo</a>_____ <a href="https://mastodon.social/tags/ContainerQueries" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ContainerQueries</a> <a href="https://mastodon.social/tags/Scrolling" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Scrolling</a> <a href="https://mastodon.social/tags/ScrollDrivenAnimation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ScrollDrivenAnimation</a> <a href="https://mastodon.social/tags/Animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Animation</a> <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</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/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>

FluConfWe're still accepting submissions for the <a href="https://social.cryptography.dog/tags/fluConf2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fluConf2025</a> track on <a href="https://social.cryptography.dog/tags/inclusivity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#inclusivity</a> and <a href="https://social.cryptography.dog/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> in tech. Broad interpretations of the topics are welcome, ranging from the technical implementation details of how to build for and with assistive technologies, to the many cultural factors that act as barriers to adoption of free/open software and participation in the wider ecosystem.Share your insights on designing hiring processes, identifying biases in data and barriers to access, the lost art of progressive enhancement, and whatever else the themes mean to you.Apply up until midnight of January 19th, 2025 (anywhere on Earth)<a href="https://fluconf.online/apply/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://fluconf.online/apply/</a><a href="https://social.cryptography.dog/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> <a href="https://social.cryptography.dog/tags/assistiveTechnology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#assistiveTechnology</a> <a href="https://social.cryptography.dog/tags/progressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#progressiveEnhancement</a> <a href="https://social.cryptography.dog/tags/audioDescription" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#audioDescription</a> <a href="https://social.cryptography.dog/tags/FOSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FOSS</a> <a href="https://social.cryptography.dog/tags/openSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#openSource</a> <a href="https://social.cryptography.dog/tags/BeingDisabledInPublic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#BeingDisabledInPublic</a> <a href="https://social.cryptography.dog/tags/ableism" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ableism</a> <a href="https://social.cryptography.dog/tags/disability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#disability</a> <a href="https://social.cryptography.dog/tags/altText" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#altText</a> <a href="https://social.cryptography.dog/tags/queer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#queer</a> <a href="https://social.cryptography.dog/tags/lgbtq" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#lgbtq</a> <a href="https://social.cryptography.dog/tags/neurodiversity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#neurodiversity</a> <a href="https://social.cryptography.dog/tags/actuallyAutistic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#actuallyAutistic</a> <a href="https://social.cryptography.dog/tags/ADHD" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ADHD</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/Evolutions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Evolutions</a> Progressive enhancement brings everyone in · “An idea that has lasted for two decades, and will continue.” <a href="https://ilo.im/161pxm" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/161pxm</a>_____ <a href="https://mastodon.social/tags/History" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#History</a> <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</a> <a href="https://mastodon.social/tags/GracefulDegradation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GracefulDegradation</a> <a href="https://mastodon.social/tags/BrowserSupport" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#BrowserSupport</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/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/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a>

Recent searches

Search options

Administered by:

Server stats:

#progressiveenhancement