Tag: html

Eliminare il bordo tratteggiato attorno a un link mantenendo l’usabilità

Rimuovere il bordo tratteggiato dei link in Firefox è relativamente semplice, è sufficiente impostare una regola CSS per i link per assicurarci che non compaia più. Ma facendo questo, non si tengono in considerazione alcuni principi di usabilità per gli utenti che non hanno la possibilità di usare il mouse, e che hanno la necessità di qualche indicazione visiva che segnali loro un collegamento attivo. Per impostazione predefinita, TAB e SHIFT + TAB permettono di spostarsi da un elemento attivabile (collegamenti, i form e textarea) a quella successivo.

Continue reading

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