Forum libero

Si`, essenzialmente quel che temo sia successo e` questo: dato che i designers conoscevano solo il modo ciofecoso, semplicistico, di IE per ridefinire l'aspetto delle scrollbars, hanno continuato per anni a chiedere al W3C di integrarlo nello standard CSS cosi` com'era, idea che

OVVIAMENTE

li ha disgustati.
Disgusterebbe anche me.

Solo che i genietti del W3C hanno pensato bene di non saltarsene fuori con un piu` raffinato e flessibile insieme di regole per definire l'aspetto delle scrollbars (e in generale dei gadgets della UI). Cosi` non va, ma per il resto tutti zitti in questi strani eoni. Dato che s'e` detto che il W3C e` composto dai furbetti che sviluppano i browser, mi spingerei a leggere tra le righe la loro ovvia pigrizia, sapendo di dover reimplementare i gadgets invece di usare quelli che gli presta il sistema. Se porca miseria si degnassero, ogni tanto, di reinventare la ruota, magari si renderebbero conto che in certi casi conviene.

> Ma caro figliolo, potremmo anche dire che è stato
> dio a farlo vincere, cosa
> cambia?

Sissi` son bravi tutti a dire "ti ho lasciato vincere".

Quelli che lo chiamano cosi`, come chiamano il contrario?
Cattivismo?

> > > La cananea ha incrociato Gesù
> >
> > Ah e` stata lei?
> >
> > Comunque, poi come finisce la storia?
> > La figlia viene de-demonizzata?
> > Gliela da`?
> > Non si capisce bene.
>
> Leggiti il vangelo figliolo. Qui mi pagano solo
> per fare propaganda al Nostro Signore Gesù
> Cristo.

A me se mi pagano lo leggo.
E` una palla pero`.
Il vecchio testamento era molto piu` ganzo.
Li` si` che si facevano male... ricordo il rotocalcio di Dio nei confronti di Giacobbe.
Eppure vinse Giacobbe, seppur azzoppato.
Poi hanno ritrattato e detto che era "solo" un angelo.



Io dico solo che in verita` in verita` eccetera, la morale di questa storia e` di non far girare le palle a Giacobbe perche` e` uno che si sa difendere.

A parte che la bellezza e` nell'occhio di chi guarda, sono brutte se le si disegna brutte.
Sono tanto brutte che Opera, per default, le skinna comunque, cambiando il tema del browser.

Le scrollbar a "stecchino stondato" in tinta unita dell'iOS ad esempio sono poco invasive e sarebbero tollerabili in molti contesti grafici. La Apple ha molti difetti ma una cosa gliela riconosco: dai tempi dell'Aqua di OSX, di grafica per l'interfaccia se ne intendono.

Ma quelle che si sposano al look delle UI odierne di solito sono di quei colori intorno al grigio chiaro, esteticamente complesse, troppo distintive della UI del sistema e quindi troppo contrastanti con un design che non c'entra un cacchio con quello della UI del sistema. O si fa il sito grigietto chiaro, o se fai che so... un fondo scuro, poi doverci mettere uno scroller del genere, esteticamente parlando, e` una specie di bestemmia. Fare il fondo fra il grigio chiaro e il bianco e` la soluzione che ho usato per togliermi il pensiero almeno nello spazio piu` grande del layout che sto preparando, infatti il mio problema non era specificamente quello delle scrollbar: era la colonna a sinistra col fondo blu che aveva dei problemi con il bottoncione "browse" ("scegli", "sfoglia", "select", ecc) dei selettori di file.

Anche quelle colorate alla vecchia maniera le si poteva quanto meno, con opportune combinazioni di colori, semplificare eliminando il pacchiano effetto "3D", appiattendole e dandogli un paio di colori che cozzassero meno coi dintorni fino a renderle meno "pugno negli occhi", in definitiva piuttosto simili a quella che aveva messo il licchione in quel sito sulle fiere. Un po', un minimo, di controllo c'era.

Ora, in generale, su quelle ai margini della finestra del browser potrei anche lasciar correre perche` in effetti sono al confine tra il "dominio grafico" della pagina e quello del browser. Ma non ci sono solo quelle: purtroppo le textareas, o anche solo una div in overflow: scroll, se ne stanno allegramente nel bel mezzo della pagina. Insieme ai selettori di file, alle checkbox, ai pulsanti radio, alle combo eccetera.

> La cananea ha incrociato Gesù

Ah e` stata lei?

Comunque, poi come finisce la storia?
La figlia viene de-demonizzata?
Gliela da`?
Non si capisce bene.

Quoto!

> La casella di upload è particolarmente impestata per
> il CSS perché è formata da due pezzi che devono
> apparire diversi: come si fa con istruzioni fatte
> per applicarsi a tutto l'elemento?
>

Nelle tecniche che avevo visto, e che ho imitato, la si nasconde del tutto con opacita` zero e la si fa agire come un semplice pulsante: se lo clicchi, compare la finestra di dialogo di selezione del file, poi una funzionicina connessa all'evento onChange si fa passare la proprieta` value e riprocessa il nome del file selezionato, poi lo visualizza (settando innerHTML o simile) nella div che sta dietro al selettore di file nascosto. Nel mio caso elaboro il percorso per toglierlo e lasciare il solo nome di file, con spazi al posto di qualunque carattere non alfanumerico e tutto forzato in minuscolo, perche` e` cosi` che poi lo script che riceve le immagini le normalizzera` (anche se nei nomi di file usa il trattino al posto degli spazi, ma solo "sotto al cofano").

> Scrivi al W3C.

Che io sappia, per le barre di scorrimento gli hanno gia` scritto in decinaia, nel corso di strani eoni.
Ma li hanno cacati zero.
Opera, almeno, implementa la vecchia e semplice colorazione alla MSIE, almeno quando il DTD e` transitional.
Firefox invece ha sempre fatto lo schizzinoso.
Anche quando gli hanno scritto per supplicarli. Macche`. Forse credono di aver fatto un gran lavoro, con Firefox, e non lo vogliono sporcare con robetta del genere.
Oggi hanno fatto un bel lavoro con un'estensione proprietaria del CSS.
Ma ricordo come regivano sui colori per le scrollbar strani anni fa.
Avevano anche una FAQ che veniva commentata piu` o meno cosi`.

Q:

"Come mai non colorate le scrollbar, eh?"
"Lo fanno tutti, PorcaTroja!"

A:

"La scrollbar non fa parte della pagina."
"Gne` gne` gne`!"

Commento:

"Vostra madre non fa parte della pagina."
"Gargl! Burp! Prot!"

> > http://anynowhere.com/personal/full.jpg
>
> Vedo che la minestra giapponese non ti attira.

Si`, "zuppa" e` la prima parola che mi viene in mente quando devo scrivere qualcosa per provare qualcosa. Come il foo-bar anglofono. Quella zuppa e` la prima immagine che mi trovo` Google cercando zuppa, l'anno scorso.

> Come hai fatto a fare i bordini alle figure con
> gli angoli
> arrotondatini?

border-radius: [tot] px/em/etc

Chi non supporta border-radius (non mi ricordo se e` in CSS2 o 3) al limite vede un bordo rettangolare semplice. Portasega.

> > > Invece la casella di ricerca la farei in modo
> > che
> > > sembri una casella incavata, non un
> > > pulsante.
> >
> > Vorrebbe sembrare un display di plastica.
> > Ma ha cambiato aspetto piu` volte, non e` detto
> > che resti cosi`.
>
> Falla incavata nella plastica.

Ma no, secondo me sta bene cosi`.
Poi magari cambio idea, ma incavata non credo.
L'aspetto un po' raffazzonato e` anche un po' intenzionale.
Vuole sembrare un patchwork di circuiti e roba meno pulita.

> Più che altro ora mi viene un dubbio: su uno
> schermo 1024×768 mica compare la scorribarra
> orizzontale?

Su 1024 no, su meno si`.
Il layout e` fisso a 1000 pixels di larghezza, per ragioni di mancanza di voglia di rompersi i coglioni.
Forse riscrivero` anche il layout mobile, non so.
Comunque 1000 lasciano 24 pixels per la cazzo di barra verticale che di solito ne prende 18.
Dovrebbe farcela, col browser a tutto schermo.

Al limite, quando tutti i browser avranno imparato che le pt/em/ex/cazzat sono appunto cazzate che causano perdite di precisione parziale in virgola mobile e quindi sono intrinsecamente inaffidabili, e che il modo per ingrandire e ridurre le pagine e` virtualizzare il pixel, bastera` ridurre o ingrandire e smettere di rompersi le palle con questioni di scala.

Appunto, per le ragioni di cui sopra, io nel CSS nuovo uso SOLO i px. Fanculo alle em eccetera. Gli arrotondamenti multipli interdipendenti sballavano di un pixel in piu` o in meno a volte. E comunque sono una stupidaggine.

> Perché tu vuoi fare un sito web come se si
> trattasse di un'applicazione. Teoricamente si
> dovrebbe poter fare, ma in pratica no e quindi...
> non lo si
> fa.

Quello di cui mi lamento nella fattispecie era ed e` il fatto che i controlli della GUI dovrebbero essere personalizzabili in maniera piu` consistente con uno standard. Mi lamento del fatto che il W3Cazzi e gli sviluppatori di browsers hanno sempre chiuso gli occhi su questo aspetto. Io posso intuire che:

a) appoggiarsi alla GUI del sistema ospite per implementare i controlli sia conveniente perche` permette all'utente di usare la gestualita` che usa con le normali applicazioni;

b) e` piu` semplice per chi sviluppa il browser che non deve farsi quel piccolo mazzo aggiuntivo per reimplementare un'interfaccia grafica a oggetti.

Sicche` non e` che non capisca la difesa della scelta, ma per come la vedo io e, a giudicare dai risultati delle ricerche e dagli espedienti in circolazione, molti altri che si trovano a mettere insieme delle pagine web, non e` una questione di competenza, e` proprio una questione di stile e viene ritenuta importante. La giusta strada sarebbe fare il possibile per mantenere la compatibilita` col sistema ospite, appoggiandosi ai suoi gadgets, ma ri-skinnarli in maniera controllabile dai fogli di stile. E se in fondo abbiamo dimostrato che ci si riesce bene con qualche acrobazia manuale, tutto quel che dovrebbero fare sarebbe standardizzare queste acrobazie.

> Bellina la barra verdognola in alto a sinistra!

Simula il collarino di Mary Lou, quello che indossava quando partori`. L'originale e` disperso (lo indossava Kevin, il micio scomparso), ma l'ho ricostruito in Photoshop. E` anche animato: quando si cambia sezione cliccando su un link della barra, il "collarino" scorre nella fibbia fino a che la fibbia inquadra (sopra alla side-bar blu) il nome della sezione cliccata. Fra non molto dovrei poterne mettere una alpha online, per ora devo ancora aggiustare troppe cose perche` sia sicuro farlo.

Ah, un po' tutto il layout ricorda ("commemora") Mary.
In fondo, non inquadrata, c'e` un altra striscia che imita il collarino che portava quand'era piccola, con attaccata una delle homing tags del Loc8tor. E lo sfondo include il suo cuscino preferito, e sotto terra (dov'e` ora), una composizione eterea di nuvole, cieli, orizzonti, con Mary e i suoi gattini. Aspetta che metto insieme una vista d'insieme...
Ecco: e` un megabyte, e inquadra QUASI tutto lo sfondo.

http://anynowhere.com/personal/full.jpg

> Invece la casella di ricerca la farei in modo che
> sembri una casella incavata, non un
> pulsante.

Vorrebbe sembrare un display di plastica.
Ma ha cambiato aspetto piu` volte, non e` detto che resti cosi`.

> > Beh non cè nulla di male nell'esserre
> bisessuali.
> > La maggior parte degli utenti del forum lo
> > sono..
>
> parla per te

Quoto.