Piero Bosio Social Web Site Personale

CSS-DOS -- A computer made of CSShttps://css-dos.ahmedamer.co.uk/#CSS #WebDev #CreativeCoding

👋 Hi, I'm looking for work!🚀 I am...- a detail oriented #frontend senior engineer with 15 years of experience- proficient with #JavaScript & #TypeScript, #CSS, #Vue, TDD- experienced with #React, Ember.js, GCP, Terraform🔎 I'm looking for:- a collaborative environment between eng + product & design teams- a #Bonn based (onsite) or a Germany / EU-based (remote) company- ability to learn and grow🚫 no crypto, big oil, gambling, gen-ai, web3🙇 boost appreciated!#FediHire #GetFediHired

#AskFedi Tailwind is becoming an ever more heavy framework. I once bumped into a drop-in replacement for #Tailwind that offered just the #CSS classes with the same name in a single stylesheet file. But I can't for the life of me remember the name of this #FOSS project. Does anyone have a clue?Note, I am not looking at just a great CSS framework.. there are gazillions of those. It should be #TailwindCSS, but lightweight.

Do we have any frontend magicians in here? Pond has a classic horizontal scroll issue I can't resolve for several hours now. I need some help with that or else my sanity is lost forever#frontend #needhelp #css #tailwind

Early bird pricing for my new Poetic CSS course will be available in July! For a peek at the type of content, here's a "side quest" on the display property:https://youtu.be/-WCtChgiO1E?si=BATXIIA9Bt6oTPV9Sign up for email updates (and a drawing for a handmade @OddBird mug)!https://courses.oddbird.net/poetic-css/#purchase #css

Improving card patterns with anchor positioning. @thatemil covers a card with a link pseudo-element via anchor positioning, so the whole surface is clickable without wrapping everything in one <a>. With position-area: center and place-self: stretch the pseudo fills the card, while an anchor() bottom inset ties it to the secondary actions, leaving dead space around the favorite button without magic numbers. #anchor #csshttps://thatemil.com/blog/clickable-surface-expansion-using-anchor-position/

@welshpixie

@w3c 👍 100%

Carecore has an RSS feed so you can know about the new seeds that have been planted. https://raphaelbastide.com/carecore/rss.phpUpdates will continue…https://raphaelbastide.com/carecore/#netart #CSS #botany #thehtMLreview #parametric

💡 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

@webawareThank you for the comment and the hints.Pages are automatically built frog Emacs and Org Mode with its "publish" function, so I probably have to tinker a bit with their internals, to customize the publishing format... hard thing to do... but at least it's another way to improve my pages. 💪🏻Thank you!

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

@javier_salcedo fully aggree, why all the websites have to look the same!?

Everything you never wanted to know about visually-hidden. @db digs into the two-decade history of the visually-hidden CSS pattern, examining whether just `position: absolute` and `clip-path: circle(0)` suffice in 2026. The article explains why the platform still lacks a native alternative and why standardizing the hack might encourage misuse rather than address underlying design problems. #a11y #csshttps://dbushell.com/2026/02/20/visually-hidden/

The too early breakpoint. @shadeed9 explains why many websites switch to a mobile layout too soon. With examples from Time and TechCrunch, he shows how designs break in split-screen, tablet, and iOS link previews. The fix: intermediate breakpoints, container queries, and flexible CSS Grid and Flexbox layouts that adapt to available space instead of relying on rigid viewport widths. #css #layouthttps://ishadeed.com/article/too-early-breakpoint/

@darice Ah, dat moet ik ook doen voor de Outlook-linkjes die ze hier in het CMS plakken. Thanks voor de reminder.

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

@benteh pinging the only contact in Oslo I know of: @Patricia (maybe you have pointers/want to share, if you haven't already)

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