Skip to content

Piero Bosio Social Web Site Personale Logo Fediverso

Social Forum federato con il resto del mondo. Non contano le istanze, contano le persone
  • 0 Votes
    2 Posts
    0 Views
    Some key points:- The viewport size is an unreliable narrator- The more type is responsive to the viewport, the less responsive it is to user inputs- That's true using either media queries or viewport units- If you do it, keep it minimal, and clamped by user settings- Test test test
  • 0 Votes
    3 Posts
    9 Views
    @syntaxseed @Crell Seems like he thought AI was good enough to lazily generate stories for his kids “better than what was written” so now it lazily destroys his business. 🤷‍♂️
  • 0 Votes
    1 Posts
    7 Views
    Fizz Buzz in 4 lines of CSS: https://susam.net/css-fizz-buzz.html#webdev #css #programming
  • 0 Votes
    2 Posts
    10 Views
    @rolle thank you! I'll upgrade the BSD Cafe installation over the weekend
  • 0 Votes
    1 Posts
    10 Views
    I am working on a small #css framework (more soon), and I am very prod of how the tables look :D
  • 0 Votes
    1 Posts
    6 Views
    Everything at Manning is half off for Halloween weekend! Get CSS in Depth for only $24! #css #webdevhttps://www.manning.com/books/css-in-depth-second-edition
  • 0 Votes
    1 Posts
    13 Views
    Normal people: It's a beautiful day! Let's do something great!Me: What if I drew some animals with CSS using radio buttons and accent-color?---...and because every browser does form controls differently, the drawing is different in each browser... I personally like how they look on Firefox.The source code: https://codepen.io/alvaromontoro/pen/MYKQZgx#CSS #CSSArt #webDev
  • 0 Votes
    2 Posts
    15 Views
    Framing this post felt like a game of Taboo(tm), trying not to use the same words or phrases as the proposed properties.
  • Drunk CSS

    Uncategorized css drunk html webdev
    1
    1
    0 Votes
    1 Posts
    0 Views
    Drunk CSS https://shkspr.mobi/blog/2025/09/drunk-css/ A decade ago, I was writing about how you should test your user interface on drunk people. It was a semi-serious idea. Some of your users will be drunk when using your app or website. If it is easy for them to use, then it should be easy for sober people to use.Of course, necking a few shots every time you update your website isn't great for your health - so is there another way?Click the "🥴 Drunk" button at the top of the page and see what happens!These are a relatively simple set of CSS rules which you can apply to any site in order to simulate inebriation.(I may have changed these since writing the post. Check the source for the latest version.)First, monkey around with the fonts. This sets all the lower-case vowels to be rendered in a different font - as discussed in "targetting specific characters with CSS rules": CSS/* Drunk */ @font-face { font-family: "Drunk"; src: url("/blog/wp-content/themes/edent-wordpress-theme/assets/fonts/CommitMonoV143-Edent.woff2") format("woff2"); /* Lower-Case Vowels */ unicode-range: U+61, U+65, U+69, U+6F, U+75 ; size-adjust: 105%; } The rest of the characters will be rendered in the system's default Cursive font. Characters will also be slanted. The first character of every paragraph will be shrunk: CSS:root:has(input#drunk:checked) * { font-family: "Drunk", cursive; font-style: oblique -12deg; text-align: end; } :root:has(input#drunk:checked) p::first-letter { font-size: .5em; } Next, use the child selectors to rotate and skew various elements. While we wait for CSS randomness to come to all browsers this is a simple way to select various elements: CSS:root:has(input#drunk:checked) *:nth-child(3n) { transform: rotate(2deg); } :root:has(input#drunk:checked) *:nth-child(5n) { transform: skew(5deg, 5deg); } :root:has(input#drunk:checked) *:nth-child(7n) { transform: rotate(-3deg); } Make the entire page blurred and saturate the colours: CSS:root:has(input#drunk:checked) body { filter: blur(1px) saturate(2.5); } Make any hyperlink harder to click by having it gently bounce up and down: CSS:root:has(input#drunk:checked) a { animation-name: bounce; animation-duration: 4s; animation-direction: alternate; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } @keyframes bounce { 0% { margin-top: 0px; } 25% { margin-top:-10px; } 50% { margin-top: 0px; } 75% { margin-top: 10px; } 100% { margin-top: 0px; } } Does this really simulate drunkenness? No. It is a pale simulacrum. What it is, however, is deliberately inaccessible to the majority of people.How does it make you feel using the site in Drunk-Mode? Does it frustrate you? Do your eyes hurt due to the garish colour scheme? Do you keep missing the thing that you try and click on? Are the words so hard to read that it takes you extra time to do anything useful? Will you recommend this experience to your friends and family?I've written before about cosplaying as being disabled. Strapping on a pair of Glaucoma Goggles will give you an idea of what a visual impairment is like. But it won't give you the experience of living that way for months or years.You should test your stuff with people who have cognitive impairments or physical disabilities. Find out how usable your site is for someone lacking fine motor control or for those with learning disabilities. Pay disable people to take part in usability studies. Integrate their feedback.Faffing around with CSS will only get you so far. #css #drunk #HTML #ui #ux #webdev
  • 0 Votes
    1 Posts
    9 Views
    In this month's OddNews, @mia intros new options to help developers dealing with tech debt & tedious maintenance tasks. @stacy demos The BEST way to work with shape-outside.Learn about Poetic #CSS, and subscribe to OddNews for a discount on consulting. https://us19.campaign-archive.com/?u=80219aa68d7bad77b9fd2eb93&id=d2f36aaa53

Gli ultimi otto messaggi ricevuti dalla Federazione
  • @liaizon@social.wake.st yeah I noticed that the other day too. It's my uid, but my username is in preferredUsername!

    Looks like Piefed chopped the last path portion off my ID instead 😬😁

    read more

  • @rimu not sure where to post this but figured here is just as bad as anywhere. Piefed is showing @julian as being called @1@activitypub.space in the notifs

    read more

  • it seems like this post I made in hackers pub still isn't getting any updates into piefed, but it does show updates on nodebb

    read more

  • Per gli amici: scusate il post duplicato ma c'è stato un problema di visibilità/privacy

    Ed eccomi qui nel mio ora unico account sul !
    (Beh diciamo per la parte di blogging-microblogging. Ovvio che mantengo PeerTube e Writefreely.)

    Ebbene sì, ho chiuso l'account e mi sono spostato qui.

    Ho importato i contatti che seguivo, avvisato i follower (tanti mi hanno seguito di qui, se manca ancora qualcuno mi affido al "caso" che ci farà reincontrare tra i meandri dei questo magico Universo tra boost, amici di amici e così via).
    Ho riguardato i post del 2025 e ho ricreato quello che mi interessava ricreare, ho rimesso da parte qualcuno tra i miei segnalibri.
    Tutto sommato non sono mai stato attaccato al passato, conservo qualcosa e lascio andare il resto. La scorsa estate ho chiuso Gmail senza salvare una ventina d'anni di email (qualche amicizia se l'è un po' presa quando l'ha saputo... ma per me, se ci sei nel presente, ci sei, che altro serve?).

    Comunque sono molto soddisfatto del mio nuovo setup.
    Sono riuscito a conservare al 90% le mie abitudini perché normalmente interagirò ancora tramite il mitico , che funziona alla grande anche con anche se usa solo una parte delle sue API. Per i post veloci di tutti i giorni, le ricondivisioni e le interazioni è perfetto, snello, ben fatto, e molto, molto elegante.
    E per postare immagini è comodissimo (inserire immagini e alt-text nei post da Friendica è parecchio laborioso).
    Ho notato, dopo un po', che aveva qualche problema con il login da più dispositivi sulla stessa rete (quando mi loggavo su un nuovo device, l'altro si disconnetteva). Ho risolto utilizzando ben 5 istanze di Phanpy diverse, una per dispositivo! Potenza del software libero e della decentralizzazione! 😁😁😁

    (Ho riprovato a usare , ma purtroppo ha ancora troppi problemi, quelli noti mesi fa non sono mai stati risolti e per me è inutilizzabile. Peccato, sarebbe un progetto con tante potenzialità, speriamo che lo sviluppo venga ripreso.)

    Ho anche ritoccato un po' l'esperienza utente su Friendica, che userò direttamente se voglio scrivere post formattati, come questo (per esempio abilitando il markdown che mi semplifica un po' la sintassi). È stata un'occasione per studiare un po' meglio alcune delle caratteristiche di questa piattaforma così potente. Anche qui ci sarebbe bisogno di qualche intervento deciso! A partire da un editor di post un po' più moderno e funzionale.

    Che dire, in ogni caso ora è tutto meno dispersivo e non avrò bisogno di ricordarmi dove avevo salvato un segnalibro o da che parte avevo un contatto.
    Avanti per un nuovo anno nel Fediverso!

    @poliverso @notizie @fediverso

    read more

  • @lgsp Pensandoci, oggi, vedo un miglioramento rispetto a 3 o 4 anni fa.

    read more

  • @rimu@piefed.social hahah yes. I still have to sneak that into the code and see what havoc it wreaks :smiling_imp:

    read more

  • Maybe that Mention trick you floated the other day... Just have every reply mention everyone in the conversation all of the time.

    read more

  • @liaizon@social.wake.st @hongminhee@hollo.social completely agreed.

    Potentially something like "follow a conversation" in the background could smooth out these rough edges.

    read more
Post suggeriti
  • upcoming fediverse events

    Fediverso fedidev fediverse
    11
    0 Votes
    11 Posts
    8 Views
    @liaizon@social.wake.st yeah I noticed that the other day too. It's my uid, but my username is in preferredUsername! Looks like Piefed chopped the last path portion off my ID instead 😬😁
  • 0 Votes
    1 Posts
    0 Views
    Per gli amici: scusate il post duplicato ma c'è stato un problema di visibilità/privacyEd eccomi qui nel mio ora unico account sul #Fediverso!(Beh diciamo per la parte di blogging-microblogging. Ovvio che mantengo PeerTube e Writefreely.)Ebbene sì, ho chiuso l'account #Mastodon e mi sono spostato qui.Ho importato i contatti che seguivo, avvisato i follower (tanti mi hanno seguito di qui, se manca ancora qualcuno mi affido al "caso" che ci farà reincontrare tra i meandri dei questo magico Universo tra boost, amici di amici e così via).Ho riguardato i post del 2025 e ho ricreato quello che mi interessava ricreare, ho rimesso da parte qualcuno tra i miei segnalibri.Tutto sommato non sono mai stato attaccato al passato, conservo qualcosa e lascio andare il resto. La scorsa estate ho chiuso Gmail senza salvare una ventina d'anni di email (qualche amicizia se l'è un po' presa quando l'ha saputo... ma per me, se ci sei nel presente, ci sei, che altro serve?).Comunque sono molto soddisfatto del mio nuovo setup.Sono riuscito a conservare al 90% le mie abitudini perché normalmente interagirò ancora tramite il mitico #Phanpy, che funziona alla grande anche con #Friendica anche se usa solo una parte delle sue API. Per i post veloci di tutti i giorni, le ricondivisioni e le interazioni è perfetto, snello, ben fatto, e molto, molto elegante.E per postare immagini è comodissimo (inserire immagini e alt-text nei post da Friendica è parecchio laborioso).Ho notato, dopo un po', che aveva qualche problema con il login da più dispositivi sulla stessa rete (quando mi loggavo su un nuovo device, l'altro si disconnetteva). Ho risolto utilizzando ben 5 istanze di Phanpy diverse, una per dispositivo! Potenza del software libero e della decentralizzazione! 😁😁😁(Ho riprovato a usare #Raccoon, ma purtroppo ha ancora troppi problemi, quelli noti mesi fa non sono mai stati risolti e per me è inutilizzabile. Peccato, sarebbe un progetto con tante potenzialità, speriamo che lo sviluppo venga ripreso.)Ho anche ritoccato un po' l'esperienza utente su Friendica, che userò direttamente se voglio scrivere post formattati, come questo (per esempio abilitando il markdown che mi semplifica un po' la sintassi). È stata un'occasione per studiare un po' meglio alcune delle caratteristiche di questa piattaforma così potente. Anche qui ci sarebbe bisogno di qualche intervento deciso! A partire da un editor di post un po' più moderno e funzionale.Che dire, in ogni caso ora è tutto meno dispersivo e non avrò bisogno di ricordarmi dove avevo salvato un segnalibro o da che parte avevo un contatto.Avanti per un nuovo anno nel Fediverso!@poliverso @notizie @fediverso
  • 0 Votes
    3 Posts
    4 Views
    @darkwolf So good to hear your story - and I share your hope!
  • Che cos'è W Social?

    Fediverso social fediverse wslop uepol
    3
    0 Votes
    3 Posts
    0 Views
    @lgsp Pensandoci, oggi, vedo un miglioramento rispetto a 3 o 4 anni fa.