L'uso di vari dispositivi per la visualizzazione di informazioni ha portato alla necessità di una presentazione adeguata senza riferimento a modalità, parametri e condizioni di visualizzazione specifici.
Idee precedentemente popolari di block, tabular,gomma, layout adattivo (e altre opzioni) appartengono al passato. Nel presente, le informazioni dovrebbero essere semplicemente visualizzate il più accessibili possibile, con alta qualità e le stesse su qualsiasi dispositivo.
Requisiti semplici per fornire informazioni
Una persona conduce un dialogo con le parole e lo capiscono.Ma può usare materiale visivo e chiarire ciò che è stato detto con gesti, immagini, termini o altrimenti focalizzare l'attenzione dell'ascoltatore (consumatore). Di conseguenza, raggiunge l'obiettivo più velocemente.
Il sito è tenuto a fornire informazioni allo stesso modo,non dovrebbero esserci requisiti di codifica aggiuntivi a livello HTML, CSS, JavaScript o PHP, in particolare. Il risultato dovrebbe raggiungere l'obiettivo ed essere fornito sia su un personal computer che su qualsiasi altro dispositivo mobile o fisso.
Le lingue ipertestuali sono utilizzate non solo dai browser, ma anche da altri strumenti. La fornitura di informazioni dovrebbe neutralizzare eventuali differenze esistenti.
Strumenti forniti da CSS
Non dovresti sempre andare in profondità in HTML o CSS.per ottenere l'effetto desiderato. Mezzi semplici ma efficaci sono spesso sufficienti. I costi minimi in qualsiasi azienda sono una caratteristica della moderna codifica delle informazioni per la sua corretta visualizzazione.
In particolare, possono essere float e regole chiaresono applicati nei tag HTML e nelle descrizioni CSS e non comportano costi aggiuntivi e l'effetto sarà corretto. La chiara regola CSS, se utilizzata in un elemento, consente di adattarsi correttamente, indipendentemente dalle dimensioni dell'area di visualizzazione e su quale dispositivo si verifica questo processo.
CSS non è molto sofisticato ecerca la massima semplicità possibile. Usando la regola float: left o float: right in un elemento, puoi premerlo su un lato del blocco scorrevole e l'elemento successivo con una regola CSS - clear: entrambi - posiziona le informazioni intorno.
Usa casi per la chiara regola CSS
Esistono tre valori possibili per questa regola:
- a sinistra: non avvolgere a sinistra;
- a destra - non avvolgere a destra;
- entrambi - non avvolgere su entrambi i lati.
È inoltre possibile utilizzare i valori nessuno ed ereditareper la chiara regola CSS, che sostanzialmente non differisce dalla funzionalità presentata: l'elemento (o gli elementi) precedenti sarà privato del wrapping a sinistra, a destra o ad entrambi i lati. In realtà, questo è un feed di riga. Tutti i seguenti elementi appariranno nel prossimo blocco di informazioni. Quali informazioni verranno visualizzate prima che l'elemento con la regola di cancellazione CSS sia determinato dallo sviluppatore. Gli elementi posizionati in modo assoluto vengono visualizzati nella pagina nella posizione specificata dalle loro proprietà.
In effetti, la chiara regola CSS consentestruttura (gruppo) elementi informativi. Il dispositivo visualizza le informazioni in un flusso generale e, rilevando una regola chiara in uno o in un altro elemento, ne visualizza il contenuto di conseguenza.
Applicazione pratica
Come di solito accade in altre tecnologie, il layout descritto ha attraversato molte fasi e alla fine è rientrato in due grandi categorie:
- la capacità di fare in modo bello ed efficiente (ma, forse, per molto tempo);
- veloce e conveniente.
Ogni sviluppatore interpreta ciò che viene dettoa modo mio. Alcuni sono rimasti fedeli alla terminologia "layout reattivo". Altri dicono che fanno siti di gomma. Altri ancora convincono il cliente della necessità di un layout a blocchi o tabulare ... Non importa come nominare il processo, lo strumento o altri metodi per ottenere il risultato.
Solo il tempo di sviluppo e il risultato sono sempre importantilavoro. Nel primo caso, l'uso della regola di cancellazione CSS difficilmente avrà senso, proprio come la regola float scomparirà come non necessaria. Un complicato algoritmo JavaScript o una combinazione di stili CSS strettamente legati ai div HTML formeranno la pagina, pubblicheranno informazioni e terranno conto delle peculiarità dei vari dispositivi.
Nel secondo caso, grazie alle regole float e clear, la descrizione CSS ti consente di formare semplicemente un flusso di elementi di pagina. Un risultato accettabile sarà raggiunto in modo rapido ed efficiente.
