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.
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?
MTCMI – Manual Therapy and Complementary Medicine Institute
MTCMI – Manual Therapy and Complementary Medicine Institute ha sede a Lugano in Svizzera e propone corsi di formazione e di aggiornamento per professionisti sanitari e in discipline complementari rivolti essenzialmente al mercato elvetico di lingua Italiana.
Il fondatore della scuola è il Dott. Fabio Perissinotti, già fondatore di SwissAdvance ed apprezzatissimo insegnante di corsi di formazione in terapia manuale.
MTCMI offre un’ampia gamma di corsi di formazione, a partire dal corso biennale in BodyWork Funzionale Manuale più numerosi corsi di formazione ed aggiornamento professionale.
INSTANT WEBSITES ha già realizzato numerosi siti per SwissAdvance e si è quindi occupata anche della progettazione e sviluppo del sito di MTCMI, visitabile all’indirizzo: https://www.manualtherapyinstitute.ch/
Il sito è stato sviluppato su piattaforma WordPress, il CMS (“Content Management System” o “Sistema di gestione dei contenuti”) in assoluto più diffuso grazie alla sua relativa semplicità di utilizzo da parte di un utente finale senza specifiche conoscenze in campo di linguaggi di sviluppo ed al volume enorme e costante di contribuzioni da parte della comunità, che permettono aggiornamenti costanti e creazione di un numero sempre crescente di plugin professionali.
Lo stile del sito è estremamente lineare poiché la facilità di reperimento dei contenuti e di consultazione degli stessi, riveste in siti come questo la priorità assoluta.
L’utilizzo corretto di WordPress richiede la conoscenza di alcune nozioni particolari, in merito alla protezione dell’installazione dalle intrusioni, alla gestione dei backup, all’ottimizzazione del sito per il SEO.
INSTANT WEBSITES propone corsi e singoli incontri di formazione su questo argomento così come, in generale, sulla progettazione e sviluppo di siti in HTML5/CSS.
Contattateci senza impegno per informazioni.