Piero Bosio Social Web Site Personale

@tommi @informatica Vi auguro una splendida giornata, ma purtroppo qui a Gaza non sappiamo più nemmeno come essere felici.

Jaspr: Dart Conquista il Web con un Nuovo Framework Rivoluzionario che sfida JavaScript📌 Link all'articolo : https://www.redhotcyber.com/post/jaspr-dart-conquista-il-web-con-un-nuovo-framework-rivoluzionario-che-sfida-javascript/A cura di Carolina Vivianti#redhotcyber #news #jaspr #dart #open source #siti web #flutter #html #css #renderingstatico #spa

💡 CSS Tip!Do you want to control the speed of an infinite animation on hover (or any other interactions)? It's possible with a simple code.https://css-tip.com/speed-control/Accelerate, slow down, stop, move in the opposite direction. One CSS variable to set and it's done!#CSS #HTML

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

@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.

📢 @w3c Breakouts Day 2026!🗓️ Join us tomorrow - 25 March 2026, 14:00–15:00 UTCHTML slides are web-friendly, accessible, and easy to publish. However there’s no dedicated editor to make slide creation easy. So, @bert is building not one, but two editors for #HTML slides: one that lets people edit slides as #markdown text and one WYSIWYG editor.Come check out these early-stage editors, discuss their future, and see how they can help you prepare slides.▶️ https://www.w3.org/events/meetings/bccff937-0e07-487f-bbee-6fb748793ebe/

@MattMoose I use Emacs / Org-mode (https://orgmode.org/) and cannot think / write with anything else now. It exports to html nicely, either as single files or whole projects. Beware, Emacs has a learning curve.#Emacs #OrgMode

In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing).Drag the nodes, and the shortest path will update in real-time!https://css-tip.com/graph-theory/A fun demo powered by all the modern & cool CSS features (anchor positioning, scroll-driven animations, unit division, @​property, if(), etc.) 🤩#CSS #HTML

@MattMoose I misread your post. This is probably a better example https://zone.dog/braindump/arty/ For the pages that are primarily references to other resources I usually use a <ul> list of the links. I often also try to include a link to a cached version on archive.org (denoted by a floppy disk in parenthesis next to the main hyperlink)

@florianboegner I cannot test with Safari so I don't know. If it works there, then good.

@lo Beautiful, well done.I once made a game of life using only HTML elements, but it was very laggy to heavily manipulate the DOM with JS when I tried to have cells on all my screen. It was fun tho, still let a little 10x10 version of this online. https://disqt.com/gameoflife/