Forum libero

Scritto da:
> Scritto da:
> > Scritto da:
> > > Scritto da: Giambo
> > > > Scritto da:
> > > > > Scritto da: ::1
> > > > > > Scritto da:
> > > > > > > Colgo l'occasione del ritorno del chapa per riprendere la pubblicazione della nota rubrica.
> > > > > > >
> > > > > > > Esiste un posto che spieghi senza troppi giri di parole come rendere flat style i controlli dei form, senza simularli con arzigogoli DHTML?
> > > > > > >
> > > > > > > Vorrei ad esempio che le checkbox fossero quadratini grigi piatti senza bordi particolari, i radio button tondini grigi eccetera.
> > > > > >
> > > > > > border?
> > > > >
> > > > > Il web pullula di accattivanti UI kits
> > > > >
> > > > > http://www.hongkiat.com/blog/flat-design-resources...
> > > > >
> > > > > http://webdesignally.com/free-psd-ui-kits-for-web-...
> > > > >
> > > > > di cui però viene fornito solo un PSD. Lungi da me l'idea di disprezzare il duro lavoro dei grafici che si sono smazzati interi pomeriggi per disegnare tutti quei controlli e mettere a disposizione i disegni gratis, ma qualcosa evidentemente mi sfugge.
> > > >
> > > > I controlli dei form sono disegnati usando i widget del sistema operativo sottostante. Per questa ragione con Linux Mint vedo i radiobutton grigi color verde mentre con Windows 10 fanno cacare.
> > > > Unica eccezione Chrome, che per qualche ragione disegna i checkbox come vuole lui (Da schifo).
> > > >
> > > > Wakko Che Ha Fatto Il CSS Del FdT correggimi se sbaglio.
> > >
> > > Così è sempre stato sin dai tempi più antichi, ma in tempi moderni
> > >
> > >
> > >
> > > pare che si possano stilizzare anch'essi, almeno lo desumo dalla quantità di PSD prodotti dai grafici. Come farlo però pare essere uno dei segreti meglio conservati del web.
> > >
> > > Vorrei acquisire gli elementi per prendere una di queste decisioni:
> > >
> > > - si può fare, con la giusta quanttà di sforzo e sudore, e quindi lo farò;
> > >
> > > - non si può fare, o almeno non per tutti i controlli, per cui piuttosto che avere parte dei controlli in uno stile e parte come da sistema operativo, meglio lasciarli tuti nello stile del sistema operativo.
> > >
> > > Questa cosa mi sta frustrando al punto che vorrei avere nella stanza un sacco da boxe con la faccia di Renzi per sfogarmi.
> >
> > Per esempio questo kit
> >
> > http://codepen.io/hugo/pen/eoaDw
> >
> > trabocca di controlli adeguatamente ridisegnati in stile Peppa Pig, ma sono costruiti usando delle DIV. Non mi sembra una buona pratica, secondo il principio per cui ad HTML spetta rappresentare la struttura, a CSS la presentazione eccetera.
> >
> > Mi sento come se fossi costretto a un continuo coito interrotto.
>
> Imparati Bootstrap (http://getbootstrap.com/ te lo impari in 1 ora) che cerca di mantenere la corretta semantica dell'HTML pur essendo graficamente abbastanza carino. Ci sono anche vari temi che puoi applicare o comprare per Bootstrap (esempio https://wrapbootstrap.com/) . Inoltre rende il posizionamento sulle pagine molto facile da fare una volta capiti i concetti fondamentali e i siti si adattano al dispositivo che usi in base alla dimensione dello schermo.
>
> Per il resto devi anche tenere in considerazione qual'è l'obiettivo del sito/app che stai facendo. Se ad esempio si tratta di una roba intranet usata solo per determinati scopi all'interno di un'azienda, che si mantenga la separazione fra semantica e grafica non te ne frega una sega (a meno che non ci lavorino persone con una qualche disabilità fisica o temporanea).
>
> Se lo vuoi fare per il tuo blogghetto... non ti preoccupare, non lo visiterà nessuno, tranne qualche spammer e hackero 9enne in cerca di exploit.

Mi sono salvato il link, ma è un po' come il cannone per uccidere la formica. Dato che CSS è stato inventato per manipolare l'aspetto degli elementi HTML, mi aspetterei che nell'anno di grazia 2016 gli standard siano maturi abbastanza da prevedere una istruzione CSS per ogni aspetto da manipolare. Quindi vorrei un tutorial che spieghi come farlo.

Ma in realtà temo che un tutorial non aggiuga niente a quello che so e che certi aspetti siano tuttora non manipolabili Esempio: il pulsantino con la freccia delle caselle SELECT. Mi sa proprio che se gli autori delle UI simulano tutto con DIV e DIV è perché SELECT non può essere stilizzto più di tanto.

Però vorrei trovarlo scritto nero su bianco in qualche specifica: esistono / non esistono istruzioni CSS per definire separatamente l'aspetto della casella e del pulsantino di SELECT, del controllo per l'upload, e così via.
Perché per coerenza, o si stilizza tutto, o ci si limita ai pulsanti e alle caselle lasciando checkbox, radio, eccetera al sistema operativo, o non si stilizza nulla.

Però minchia, anno di grazia 2016 eh, non è possibile che non abbiano ancora risolto certi problemi.