Categoria: HTML

jQuery: imparare le basi con toggle. Mostra e nascondi con stile!

Le pagine web che siamo abituati a navigare fanno ormai un uso notevole di animazioni e di effetti, resi possibili, anche, dall’utilizzo del linguaggio JavaScript.
Dopo anni di cattiva reputazione, perchè associato all’idea di popup invasivi e fraudolenti, è stato particolarmente rivalutato anche grazie alla diffusione di tecniche come AJAX e alla possibilità sempre più estesa di riprodurre effetti grafici dinamici senza la necessità di plugin come Flash.

Continue reading

Cheat Sheets per il Web Design

Le Cheat Sheets per il Web Design sono degli strumenti utili per ricordare le cose in fretta, soprattutto se si parla di sintassi di codice che magari non scriviamo tutti i giorni, e per avere un aiuto veloce con facili riferimenti visivi.
Se abbiamo dimenticato il nome di una funzione o la proprietà di un foglio di stile CSS – le Cheat Sheets forniscono le informazioni che stiamo cercando – immediatamente.

Continue reading

Tag HTML: capire la differenza tra elementi block e inline

Quali sono le differenze tra gli elementi di blocco (block elements) e gli elementi in linea (inline elements)?

Ogni web deisigner deve conoscere approfonditamente tutti i tag e il lotro utilizzo, e deve sapere che in una pagina HTML si possono incontrare sostanzialmente due categorie di elementi: inline e block.
Tramite i CSS è possibile comunque settare per ogni elemento queste proprietà di display: block, inline, none, inline-block, list-item, run-in, compact, table. In questo post vedremo quali sono gli elementi in linea e quali quelli a livello di blocco, quali sono le loro caratteristiche comuni, e come vengono renderizzati in pagina.

Continue reading

CSS e float: blocchi flottanti e altezza del contenitore. Le soluzioni

In questo articolo precedente, che riguardava i modi per ottimizzare il nostro CSS per rendere uniforme la visualizzazione del nostro sito su tutti i maggiori browser, abbiamo affrontato il bug di IE6 che riguarda l’altezza di un blocco contenente dei blocchi flottanti. Dato che questo comportamento errato del browser è uno dei primi problemi a cui un webdesigner deve fare fronte, e spesso risulta incomprensibile, facciamo il punto della situazione e vediamo tutte le soluzioni possibili.
Continue reading