Shakedown Social

0 posts0 participants0 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/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>

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.

Tyler StickaOh fun, the recording of my <a href="https://social.lol/tags/PixelPalooza" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PixelPalooza</a> talk about <a href="https://social.lol/tags/GIFs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GIFs</a>, <a href="https://social.lol/tags/A11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#A11y</a>, <a href="https://social.lol/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</a> and <a href="https://social.lol/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebComponents</a> is live! <a href="https://www.youtube.com/watch?v=hepvw6xr_O0" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.youtube.com/watch?v=hepvw6xr_O0</a>

AyoNext step to my projects is to dogfood everything<a href="https://cozy.pub" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://cozy.pub</a> — my people-first app, kinda full-stack & client-friendly<a href="https://mcfly.js.org" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mcfly.js.org</a> — my bespoke metaframework with custom elements as first-class components<a href="https://webcomponent.io" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://webcomponent.io</a> — my own simple reactivity system for components *when* I need them (not a lot)<a href="https://social.ayco.io/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://social.ayco.io/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> <a href="https://social.ayco.io/tags/webcomponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webcomponents</a> <a href="https://social.ayco.io/tags/progressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#progressiveEnhancement</a>

Pelle Wessman<a href="https://mastodon.online/@octothorpe" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@octothorpe</a> <a href="https://front-end.social/@jensimmons" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@jensimmons</a> If browsers then provided a way in their dev tools to degrade their browsers to the <a href="https://mastodon.social/tags/MinimalViableWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MinimalViableWeb</a> subset, then we could once again have an easy way to test <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</a> and <a href="https://mastodon.social/tags/GracefulDegradation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GracefulDegradation</a>, just like we had back when one could expect <a href="https://mastodon.social/tags/InternetExplorer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#InternetExplorer</a> to represent that smallest common denominator among browser implementations

ThomasAPowellYes 💯 more than get and post on html forms if we want progressive enhancement 2025 style and json encoding for enctype!<a href="https://alexanderpetros.com/triptych/form-http-methods" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://alexanderpetros.com/triptych/form-http-methods</a><a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://fosstodon.org/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://fosstodon.org/tags/progressiveenhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#progressiveenhancement</a>

Sarah E BourneThis series from <a href="https://toot.cafe/@slightlyoff" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@slightlyoff</a> is so good. Part 3 is now out: "We not getting better UX for the escalating capital and operational costs, yet the results are getting worse for folks on the margins. JavaScript-driven frontend complexity hasn't just driven out the CSS and semantic-markup experts that used to deliver usable experiences for everyone, it is now a magnifier of inequality."<a href="https://infrequently.org/2024/08/caprock/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://infrequently.org/2024/08/caprock/</a><a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</a>

Nathan KnowlerWrite your custom element’s JS in such a way that when the declarative form of custom elements show up you get to delete all or most of your code (or keep it around as a polyfill). How do you do that? Pay close attention to how HTML elements work and keep the weird shit to a minimum. The weird shit is your tech debt that the web platform isn’t going to forgive you for.Until then your custom element is a progressive enhancement for something else. And remember that’s not about providing the same experience, but an equitable one. When you start with a base experience that’s proven to work, sometimes you realize you don’t need an enhanced one. Win-win.<a href="https://sunny.garden/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebComponents</a> <a href="https://sunny.garden/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</a>

🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸<a href="https://mas.to/@schizanon" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@schizanon@mas.to</a> sort of a philosophical question:If I'm rendering posts on the client-side, should I remove server-side rendering in order to speed up the initial page load? Currently it sometimes timesout. This would make the app essentially useless with <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> disabled, which is kind of why I've put this off this long. I'm kind of proud of my No-JS <a href="https://mastodon.social/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mastodon</a> client.<a href="https://indieweb.social/@kristoferjoseph" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@kristoferjoseph</a> <a href="https://indieweb.social/@tbeseda" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@tbeseda</a> <a href="https://sunny.garden/@knowler" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@knowler</a> <a href="https://mastodon.online/@colepeters" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@colepeters</a> <a href="https://mastodon.online/@macdonst" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@macdonst</a> <a href="https://indieweb.social/@brianleroux" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@brianleroux</a> <a href="https://fosstodon.org/@enhance_dev" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@enhance_dev</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>

Mario✍🏻 New post: “<activity-graph> (Web) Component”<a href="https://mariohamann.com/activity-graph-component" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mariohamann.com/activity-graph-component</a>> Visualize my New Year's resolution with a web component for the client, Node.js, and even Laravel/Statamic utilizing Enhance, Extism, and WASM.<a href="https://indieweb.social/tags/Statamic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Statamic</a> <a href="https://indieweb.social/tags/Laravel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Laravel</a> <a href="https://indieweb.social/tags/PHP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PHP</a> <a href="https://indieweb.social/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebComponents</a> <a href="https://indieweb.social/tags/WASM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WASM</a> <a href="https://indieweb.social/tags/Extism" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Extism</a> <a href="https://indieweb.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</a>

Aral BalkanNew blog post: Streaming HTML<a href="https://ar.al/2024/03/08/streaming-html/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ar.al/2024/03/08/streaming-html/</a>Let me show you how easy it is to create a simple counter web app using the new Streaming HTML workflow in Kitten before peeling away the magic layer by layer so you learn how to make the same app using:• HTMX & WebSockets • Plain old JavaScript, and, finally, • Without Kitten in pure Node.js.Enjoy + let me know what you think.:kitten: 💕 <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#StreamingHTML</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/HTMX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTMX</a> <a href="https://mastodon.ar.al/tags/NodeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NodeJS</a> <a href="https://mastodon.ar.al/tags/progressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#progressiveEnhancement</a>

Marc TriusFor a simple blog, does it make sense to provide a fully static editing interface, with nothing but HTML forms, as the baseline, and only build a REST API + some sort of js based flow later as an alternative? <a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://hachyderm.io/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a> <a href="https://hachyderm.io/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</a>

Trey PiepmeierAll this talk about using standard <a href="https://indieweb.social/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebComponents</a> for <a href="https://indieweb.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</a> made me want to try making one. That was fun!<a href="https://codepen.io/trey/pen/zYeRxjB" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/trey/pen/zYeRxjB</a>I use this kind of component in <a href="https://mastodon.social/@cassettenest" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@cassettenest</a> but with hyperscript. Feels good to get back to web standards 🎉

Charles RoperOne of those days where a minor change to the cookie banner thing causes cookies to break causing Stripe's JavaScript to fail causing the whole e-commerce to system to break (and everything that entails)... all to the sound of the <a href="https://indieweb.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</a> fairy's jingly tune of ~told ya so. 🧚‍♀️✨

bentehwhat is the point of <a href="https://mastodon.social/tags/modernizr" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#modernizr</a> in this age? i don't even know how to use it – it feels pointless? i'm not supporting the stone age browsers.tell me why i'm wrong? <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</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/css3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css3</a> <a href="https://mastodon.social/tags/progressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#progressiveEnhancement</a>

Chris TaylorI thought there was a site which gave a succinct list of reasons why a SPA shouldn't be the default choice for a website. Called something like "your site probably shouldn't be a SPA" but I can't find it 😕I've been asked to explain it to a CIO and want to have as much evidence as possible. Can anyone help? <a href="https://toot.cafe/@slightlyoff" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@slightlyoff</a> <a href="https://bell.bz/@andy" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@andy</a> <a href="https://mastodon.social/@adactio" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@adactio</a> <a href="https://front-end.social/@heydon" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@heydon</a> <a href="https://mastodon.social/@jaffathecake" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@jaffathecake</a> <a href="https://toot.cafe/@paul_irish" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@paul_irish</a> <a href="https://mastodon.world/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.world/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</a> <a href="https://mastodon.world/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> thanks!

Marek ‘saji’Hello there. <a href="https://mastodon.social/tags/introduction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#introduction</a>I'm doing webby things. Originally from Poland, currently based in Berlin. I strongly believe in <a href="https://mastodon.social/tags/progressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#progressiveEnhancement</a>, that <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> on the web should be inalienable (thought I still have a lot to learn here) and that any single web page should fit on a 1.44MB floppy unless it has a _really_ good reason not to.

Recent searches

Search options

Administered by:

Server stats:

#progressiveenhancement