Cell. +39 3479684755
Il Blog di Instant Websites
Introduzione a flexbox
La proprietà flexbox, introdotta con CSS3, costituisce uno strumento molto interessante per gestire lo spazio all’interno di un contenitore anche quando non si conoscano a priori le dimensioni dei box in esso contenuti.
L’aspetto più interessante che differenzia questa soluzione tecnica da quelle alternative (l’uso della proprietà float e della dichiarazione display: table-cell) è che tramite flexbox è possibile riordinare i box cambiandone la disposizione.
Per esaminare ad un primo livello di approfondimento flexbox, procederemo con una serie di esempi.
Inseriamo nella pagina un contenitore largo 450px con (inizialmente) tre box larghi 150px ciascuno, identificati dai numeri 1, 2 e 3 al loro interno.
Al contenitore è stata assegnata la classe .wrapper ed ai tre box al suo interno le classi: .primo, .secondo e .terzo.
Nel primo esempio, così come in quelli che seguono, il contenitore .wrapper ha tra le sue proprietà css la dichiarazione: display: flex; ed i box in esso contenuti assumono il comportamento di default, vale a dire si dispongono uno di fianco all’altro.
E’ possibile cambiare questa disposizione tramite la proprietà flex-direction che assume questi possibili valori: row (default), column, row-reverse e column-reverse.
Nel secondo esempio è stata usata la dichiarazione flex-direction: row-reverse; e nel terzo esempio la dichiarazione flex-direction: column-reverse; facendo sì che i box si dispongano rispettivamente su una riga partendo dall’ultimo e su una colonna, sempre partendo dall’ultimo.
8° OPEN INTERNAZIONALE DEL SALENTO 2019
INSTANT WEBSITES collabora da svariati anni con Chess Projects ASD, associazione sportiva dilettantistica che si occupa di promozione e divulgazione del gioco degli Scacchi, organizzazione di manifestazioni ed eventi scacchistici a carattere agonistico di profilo nazionale e internazionale, uso degli scacchi come strumento formativo, educativo e di crescita sociale, sviluppo del training scacchistico a 360° (tratto dal sito www.chesspro.it – pagina About Us).
Chess Projects ASD organizza annualmente l’importante torneo OPEN INTERNAZIONALE DEL SALENTO che nel 2019 raggiungerà la sua ottava edizione, nella splendida cornice del Salento e in particolare dell’Ecoresort Le Sirenè.
A partire dalla seconda edizione, svoltasi nel 2013, i siti dedicati all’Open sono stati sviluppati proprio da INSTANT WEBSITES ed è in linea da qualche giorno quello dedicato all’edizione 2019 all’indirizzo: http://www.salentochessopen.it/8/
Il sito è pubblicato in due lingue, Italiano ed Inglese, data la rilevanza internazionale del torneo che include un Open Master ed un Open Principale destinati a giocatori aventi un determinato punteggio nelle graduatorie internazionali (Elo).
La grafica è molto semplice e lineare e la navigazione è altrettanto semplice, come si addice ad un sito “di servizio” rispetto ad un evento sportivo destinato a fornire informazioni rapidamente ed efficacemente: la pagina Giocatori include gli elenchi degli scacchisti iscritti ai rispettivi tornei e, durante lo svolgimento dell’Open, saranno pubblicate giorno per giorno classifiche e foto.
Usabilità, siti “a prova di utonto” e siti “per utonti”
La norma ISO 9241-11:1998, poi aggiornata dalla ISO 9241-210:2010, definisce l’usabilità come:
“Il grado in cui un prodotto può essere usato da particolari utenti per raggiungere certi obiettivi con efficacia, efficienza, soddisfazione in uno specifico contesto d’uso” intendendo
- Efficacia come precisione e completezza con cui gli utenti raggiungono specifici obiettivi
- Efficienza come risorse impiegate in relazione alla precisione e completezza con cui gli utenti raggiungono specifici obiettivi
- Soddisfazione come libertà dal disagio e attitudine positiva con cui gli utenti raggiungono specifici obiettivi attraverso l’uso del prodotto.
Usabilità del web – Wikipedia
https://it.wikipedia.org/wiki/Usabilit%C3%A0_del_web
Utonto (definizione personale): utente [del web] caratterizzato da scarsa esperienza e/o ridotte capacità nel consultare i siti Internet reperendo i contenuti desiderati in tempo ragionavolmente breve e con sforzi contenuti.
Per sintetizzare, a costo di semplificare in maniera un po’ grossolana, possiamo dire che l’usabilità sia la qualità di un sito o applicazione di essere facilmente navigabile e consultabile, grazie ad un buon sistema di navigazione e ad un ordinamento intelligente dei contenuti, mentre l’utonto … beh direi che il termine stesso – non necessariamente così dispregiativo come potrebbe apparire – lo spieghi adeguatamente.
Il web designer accorto deve tenere sempre conto dell’obiettivo di usabilità del sito; si badi che con il termine “designer” si indica tanto chi progetta il sito, la sua strutturazione e l’ordinamento dei contenuti, quanto colui il quale disegna materialmente le pagine del sito stesso.
La questione è: fino a quale punto bisogna … “abbassare l’asticella”, nel senso di mirare a rendere facile da usare il sito a visitatori che di web capiscono poco e si perdono facilmente?