Piero Bosio Social Web Site Personale

@paulhebert Here is a tutorial to use devtools for performance analysis:https://developer.chrome.com/docs/devtools/performance

Using CSS #animations as state machines to remember focus and hover states with #CSS only"I wanted to do this without #JavaScript, just with CSS, because I was going to use it in a demo about the new focusgroup web platform feature. Focusgroup handles a lot of keyboard navigation logic for you, for free, with only an #HTML attribute."https://patrickbrosset.com/articles/2026-03-09-using-css-animations-as-state-machines-to-remember-focus-and-hover-states-with-css-only/#frontend #webdev #a11y #accessibility

More Reasons to Delete Your #Javascript Series: Invoker Commands & Popovers APIsIn the past decade, #CSS and #HTML has made fantastic strides into JS’s territory with multiple new APIs and features, like scroll-driven animations and dialog elements. Last week, I got to experiment with extending my dialog elements to opening without any #JS whatsoever...https://amberweinberg.com/more-reasons-to-delete-your-javascript-series-invoker-commands-popovers-apis/#frontEnd #webdevelopment #webdev #a11y #accessibility

@manetta introduced us to #Flask during @xpub Prototyping class today! 🤩We were all waiting for this to happen. So many interesting notions! 👾I am keeping sparse public notes updated here.#webDev #XPUB #SI30 #prototyping

@stefan@gardenstate.social @evanHa, just remembered https://fedidevs.com/s/MjI1/.@monnier @StefanThinks

#TIL https://allorigins.win/a service to access web pages via js without CORS issues.#webdev #coding

Voglio condividere questo articolo: Guida all’ottimizzazione per dispositivi mobili. #SEO #MobileFirst #WebDev #UX #Performance https://www.doctor-web.it/guida-ottimizzazione-mobile-sito-mobile-friendly/

@pmj @kubikpixel Typosquatting or packages with name similarities infected Python and Ruby some years ago. Ugly, but fixable.NPM is controlled by Microslop via Gitslop.

@mattwilcox turns out I only ripped out two or three lines because the rest of it is dealing with auto playing videos and image dimensions, but it’s still pretty nice. It’ll come, especially in handy for things like staff bio pop-ups.

@sephsterPen and paper? 😇https://marcoxbresciani.codeberg.page/kaizen/kanban-journal.html

The Web Development Glossary 4K:Introducing the latest edition of “The Web Development Glossary,” featuring updated definitions and nearly 1,000 additional terms. A must for anyone looking to navigate the web ecosystem and fill in gaps they never knew existed.https://meiert.com/blog/the-web-development-glossary-4k/#books #webdev #glossary #webdevglossary

@susam very cool that you included the OPML list at the end.

A few screenshots of my current progress playing with particles in #WebGPU#screenshotSaturday #webdev #wgsl #particles #javascript #computergraphics #graphicsprogramming #cgi

@fnohe @jill @tino also seconded, I'm very happy with @ubernauten

No real money flows yet — AI companies haven't implemented the paying side.But deploy NOW. When Cloudflare opens payments, sites already speaking HTTP 402 collect first.Free on Cloudflare Workers. Open source. MIT.#HTTP402 #WebDev #OpenSource

@nicolaschevobbe @adamhotep I also had to look that up, but here's an example where a shadow DOM is used: In MDN's web dev playground, they want to isolate the CSS you write to only act on "your" HTML, not on the entire site. So they put it in a shadow root.So $$ doesn't access the <h1> here, but $$$ does!

Been a while since I've shared updates about the Smallweb Subway webring network. It's grown a lot!If you have a website that matches one of the themes and would like to join, let me know!https://gusbus.space/smallweb-subway#SmallWeb #webring #webdev

one thing I wantto do here as soon as I can, is to properly add people on lists! I LOVE lists! The first one I made is for comics authors and artists! See you soon! Hugs for all!

Excellent point raised by @hamatti (as usual):Conference halls, a mass of guests on a single wifi (or 5G, because conference wifi is an attack vector), all loading the event programme in between talks.Static sites are great for situations like this.https://mastodon.world/@hamatti/115933988908212392

@ghalldev