Shakedown Social

0 posts0 participants0 posts today

Aral BalkanNew Kitten release• Now leaves <style> tags within <template> tags alone when collating and normalising the CSS on a page so as not to interfere with scoped styles in declarative shadow DOM.(Kitten’s Streaming HTML workflow¹ – which uses htmx and WebSockets under the hood – combined with built-in support for slots, etc., in Kitten components² means the use of declarative shadow DOM is mostly useful if you want scoped styles. Ideally, of course, use classes to scope styles to your components and be specific in your CSS selectors in general so as not to pollute elements in your components. Although that’s a bit like saying you should floss everyday. Yeah, we all know we should…) :)Update: All that said, I’d highly recommend you don’t use Shadow DOM in your Kitten apps. For one thing, htmx’s WebSocket extension doesn’t seem to play well with it. And for another, you really don’t need it and definitely not just to get scoped CSS.Enjoy!:kitten:💕¹ <a href="https://kitten.small-web.org/tutorials/streaming-html/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org/tutorials/streaming-html/</a> ² <a href="https://kitten.small-web.org/tutorials/components-and-fragments/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org/tutorials/components-and-fragments/</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/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallTech</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/CSSScoping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSSScoping</a> <a href="https://mastodon.ar.al/tags/ShadowDOM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ShadowDOM</a> <a href="https://mastodon.ar.al/tags/shadowRoot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#shadowRoot</a> <a href="https://mastodon.ar.al/tags/DOM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DOM</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/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JS</a> <a href="https://mastodon.ar.al/tags/style" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#style</a> <a href="https://mastodon.ar.al/tags/template" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#template</a> <a href="https://mastodon.ar.al/tags/declarativeShadowDOM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#declarativeShadowDOM</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/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a>

Ana Tudor 🐯Made this a couple of years ago on <a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@codepen</a> but for some reason never shared it: a hopefully accessible base for a smooth elastic dropdown <a href="https://codepen.io/thebabydino/pen/qBJENKM" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/thebabydino/pen/qBJENKM</a>Based on a thing at a now dead link which did something of the kind with a huge div soup.<a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#js</a> <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> <a href="https://mastodon.social/tags/dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dropdown</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#code</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a>

Ana Tudor 🐯Someone hearted this button ripple effect demo on <a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@codepen</a> (coded about half a decade ago) and made me notice it still said "only works in Chromium" - as of last summer, it's cross-browser! 🥳🎉<a href="https://codepen.io/thebabydino/pen/LYZpEVy" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/thebabydino/pen/LYZpEVy</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/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JS</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/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#code</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a>

Aral BalkanNew Kitten release• Socket routes now have precendence in the router.This stops wildcard page routes from capturing the default socket routes that Kitten creates to enable the Streaming HTML workflow.e.g., Previously, the following route:/videos/index_[slug].page.jsCould not connect to its default socket (/videos/default.socket) because default.socket would be captured by the [slug] parameter.Now, it will work as intended as the /videos/default.socket (a socket route) has precendence over index_[slug].page.js (a page route).Learn more about Kitten’s Streaming HTML workflow here: <a href="https://kitten.small-web.org/tutorials/streaming-html/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org/tutorials/streaming-html/</a>Enjoy!:kitten:💕<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/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallTech</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/routing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#routing</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/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</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/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JS</a>

alexandrathis is it, folks! we are in the final week before submissions are due for GOOD INTERNET, a new print periodical magazine about all the things that make the <a href="https://tilde.zone/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> fun: things like the <a href="https://tilde.zone/tags/smallweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#smallweb</a>, the fediverse, the <a href="https://tilde.zone/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#indieweb</a>, and efforts to actively fight <a href="https://tilde.zone/tags/enshittification" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#enshittification</a>. submissions are open until MARCH 15.check the submission guidelines or sign up for email alerts to be notified when we publish in may!<a href="https://goodinternetmagazine.com" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://goodinternetmagazine.com</a>if this is your first time hearing about this, you still have enough time to come up with and write an article or complete a digital <a href="https://tilde.zone/tags/art" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#art</a> piece, if you're passionate about the <a href="https://tilde.zone/tags/internet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#internet</a> and want to write about it! :) bloggers, it's your time to shine!~ i can't wait to show y'all the incredible stories that have been submitted from all over the 'net, and some of the coolest art i've seen about the web!thank you to everyone who's been so supportive of this project already. this is why this side of the internet is amazing. ❤️ please boost, if you can; i want to make sure i did everything i could to include as many diverse voices as i can.thank you! 🤟 original post: <a href="https://tilde.zone/@xandra/113913277766098384" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://tilde.zone/@xandra/113913277766098384</a><a href="https://tilde.zone/tags/writing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#writing</a> <a href="https://tilde.zone/tags/blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#blogging</a> <a href="https://tilde.zone/tags/personalweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#personalweb</a> <a href="https://tilde.zone/tags/personalwebsites" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#personalwebsites</a> <a href="https://tilde.zone/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://tilde.zone/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://tilde.zone/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://tilde.zone/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#js</a> <a href="https://tilde.zone/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://tilde.zone/tags/magazine" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#magazine</a> <a href="https://tilde.zone/tags/publishing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#publishing</a> <a href="https://tilde.zone/tags/codingisart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#codingisart</a> <a href="https://tilde.zone/tags/indie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#indie</a> <a href="https://tilde.zone/tags/writers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#writers</a> <a href="https://tilde.zone/tags/fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fediverse</a> <a href="https://tilde.zone/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesign</a> <a href="https://tilde.zone/tags/digitalart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#digitalart</a> <a href="https://tilde.zone/tags/artist" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#artist</a>

Marius GundersenI played around with <a href="https://mastodon.social/tags/viewtransitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#viewtransitions</a> and <a href="https://mastodon.social/tags/mathml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mathml</a> yesterday, and made this example of how to animate solving an equation. It was pretty straight forward to get to work, but I wish I had some control over the transitions. Now the elements move in a straight line, it would be cool of i could make them follow an arc. <a href="https://codepen.io/mariusgundersen/pen/EaxvjmQ" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/mariusgundersen/pen/EaxvjmQ</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/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#js</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

JonHas anyone come across any <a href="https://mastodon.social/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#js</a> lib that helps wire up points (times) in a video to functions? I'm probably going to roll my own, but just wondering if there is any good prior art. The task I have been set is to connect docs and videos together to form sort of tutorial content.<a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webcomponents</a>

Alex SextonStill on the look out for work, contract or full time. Must be remote unless you have offices in Spain.Over 20 years of experience doing: <a href="https://mastodon.social/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UX</a>/UI, design (web, product, service), front-end (<a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</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/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JS</a>), <a href="https://mastodon.social/tags/PHP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PHP</a> (<a href="https://mastodon.social/tags/kirby" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#kirby</a>, <a href="https://mastodon.social/tags/craftcms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#craftcms</a>) and more recently <a href="https://mastodon.social/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#React</a>, <a href="https://mastodon.social/tags/NextJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NextJS</a>.My last project was NextJS with React - I did most of the things listed above. A design engineer or front-end designer role would be right up my street.Would be nice if you do work that gives good belly feels.<a href="https://mastodon.social/tags/fedihired" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fedihired</a>

Thor A. HoplandAs you see there is plurality, but there is nothing easy about building a web engine. Rendering HTML via DOM, implementing JS parsing, all the modern <a href="https://snabelen.no/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JS</a> standards, the <a href="https://snabelen.no/tags/HTTPS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTTPS</a> protocol, every <a href="https://snabelen.no/tags/W3C" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#W3C</a> standard that hasn't been deprecated. It's a big, big task to build something like this.Shout outs to <a href="https://snabelen.no/tags/Ladybird" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Ladybird</a>. That slipped my mind completely, a bottom up rewrite - which is insane.In any case, there are engines a plenty...So why not build a browser?

.:\dGh/:.The more I see Rust, Go, PHP and JavaScript, the more I wonder if I could make my own programming language with the best of each world.Of course, not in this lifetime, but may be I could start making a wishlist.<a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Programming</a> <a href="https://mastodon.social/tags/ProgrammingLanguages" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgrammingLanguages</a> <a href="https://mastodon.social/tags/ProgrammingLanguage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgrammingLanguage</a> <a href="https://mastodon.social/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Coding</a> <a href="https://mastodon.social/tags/SoftwareDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SoftwareDevelopment</a> <a href="https://mastodon.social/tags/Rust" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Rust</a> <a href="https://mastodon.social/tags/Go" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Go</a> <a href="https://mastodon.social/tags/GoLang" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GoLang</a> <a href="https://mastodon.social/tags/PHP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PHP</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/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JS</a>

Justin FerrellI’m convinced there is literally no better <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> resource than <a href="https://mas.to/@frontenddogma" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@frontenddogma</a> from <a href="https://mas.to/@j9t" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@j9t</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/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JS</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</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.

Florimond Manca (en)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"?For 2 years. I've been in a team working on a French public service business logic app, mostly lists and forms w/ neat UX.The tech is boring. PHP, Symfony, Twig templates. Treat: Turbo, Stimulus, custom elements, for those required bits of interactivity.Hell it works. It's fast. It doesn't break. We been updating deps monthly w/o breaking changes. Never had to rewrite!Am I crazy, or are we fooled by the JS industrial complex?

That HTML Blog & The Spicy WebY'all, I'm not done with squircles! 😅A few days ago I demonstrated utilizing <a href="https://intuitivefuture.com/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> clip-path and SVG data to round the corners of an element in a more attractive manner.That <a href="https://intuitivefuture.com/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebComponents</a> demo turned out well, but it got me thinking I might attempt to “squirclize” a grid of thumbnail images, which eventually led me to the html-squircle <a href="https://intuitivefuture.com/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JS</a> library for generating refined curve paths.Now this looks pretty fun! 🥳 <a href="https://intuitivefuture.com/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a><a href="https://thathtml.blog/2025/01/squircle-images-on-the-loose/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thathtml.blog/2025/01/squircle-images-on-the-loose/</a>

ChristopheLittle shoutout to <a href="https://toots.niark.nexus/tags/freesewing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#freesewing</a> ! ✨ <a href="https://freesewing.org/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://freesewing.org/</a> ✨ Freesewing is a crazy bonkers amazing open source project that lets people create patterns and clothes based on their measurements and preferences. It is very cool to use, and the code behind is just as impressive ! It's super inclusive and free, I encourage anyone remotely curious to check it out !<a href="https://toots.niark.nexus/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenSource</a> <a href="https://toots.niark.nexus/tags/Clothes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Clothes</a> <a href="https://toots.niark.nexus/tags/clothing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#clothing</a> <a href="https://toots.niark.nexus/tags/fashion" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fashion</a> <a href="https://toots.niark.nexus/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://toots.niark.nexus/tags/garments" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#garments</a> <a href="https://toots.niark.nexus/tags/website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#website</a> <a href="https://toots.niark.nexus/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#js</a> <a href="https://toots.niark.nexus/tags/patterns" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#patterns</a> <a href="https://toots.niark.nexus/tags/diy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#diy</a>

StarbeamrainbowlabsNote to self: you can't `try...catch` an `await func();` in Javascript.<a href="https://fediscience.org/tags/ImFranticallyTryingToMarkStudentsWork" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ImFranticallyTryingToMarkStudentsWork</a> <a href="https://fediscience.org/tags/TomorrowIsTheDeadline" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TomorrowIsTheDeadline</a> <a href="https://fediscience.org/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JS</a> <a href="https://fediscience.org/tags/Javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Javascript</a> <a href="https://fediscience.org/tags/Debugging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Debugging</a> <a href="https://fediscience.org/tags/async" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#async</a> <a href="https://fediscience.org/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Programming</a> <a href="https://fediscience.org/tags/Nodejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Nodejs</a>

SpiderMonkey<a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JS</a> <a href="https://mastodon.social/tags/Temporal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Temporal</a> is coming.It's already available in <a href="https://mastodon.social/@firefoxnightly" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@firefoxnightly</a> behind the `javascript.options.experimental.temporal` pref in about:config.MDN blog post about Temporal: <a href="https://developer.mozilla.org/en-US/blog/javascript-temporal-is-coming/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.mozilla.org/en-US/blog/javascript-temporal-is-coming/</a>

Tixie SalanderI completely resonate with what <a href="https://webperf.social/@csswizardry" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@csswizardry</a> is saying in his post about building on the web for the long run:“If you’re going to build for the web, build _on_ the web and build _with_ the web.If I was only able to give one bit of advice to any company: iterate quickly on a slow-moving platform.”<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://mastodon.guerilla.studio/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.guerilla.studio/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.guerilla.studio/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JS</a>

Hagarashi8<a href="https://social.linux.pizza/tags/Introduction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Introduction</a>Good (morning|day|evening|night) to everyone across the planet Earth. Today I migrated from <a href="https://social.linux.pizza/tags/Allthingstech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Allthingstech</a>, RIP(not yet, but soon). I mostly post about <a href="https://social.linux.pizza/tags/Linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Linux</a> and <a href="https://social.linux.pizza/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Programming</a>. Currently I use <a href="https://social.linux.pizza/tags/archlinux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#archlinux</a> with <a href="https://social.linux.pizza/tags/cosmic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cosmic</a>, absolutely love it. In constant flux between around a billion languages, but most often I use <a href="https://social.linux.pizza/tags/Rust" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Rust</a>, <a href="https://social.linux.pizza/tags/Golang" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Golang</a> or <a href="https://social.linux.pizza/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JS</a>.

Jons Mostovojs<a href="https://mastodon.social/@tolmasky" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@tolmasky</a> the amount of times I had to learn what is <a href="https://social.doma.dev/tags/CommonJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CommonJS</a> and what is <a href="https://social.doma.dev/tags/ESM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ESM</a> to then forget it and get bitten again when I come to <a href="https://social.doma.dev/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JS</a> is bleak in comparison, I'm sure, but it made me make a video (mostly for myself) to later watch: <a href="https://www.youtube.com/watch?v=SIows5N4BAY" rel="nofollow noopener noreferrer" target="_blank">https://www.youtube.com/watch?v=SIows5N4BAY</a>😆

Recent searches

Search options

Administered by:

Server stats:

#js