back to top

HTML e CSS

Scrolling menu: creare una pagina web a navigazione verticale (con menu sticky laterale)

Se sei un web designer o uno sviluppatore web, hai probabilmente incontrato la necessità di creare un menu di navigazione verticale che tenga traccia...

Stilizzare HR (linee orizzontali) in puro CSS

Il tag <hr> (Horizontal Rule) è un elemento HTML che svolge il ruolo di “separatore”: questo tag, infatti, genera una linea orizzontale che viene...

Convertire PSD in HTML/CSS: ecco come fare

Avete deciso di creare un sito web ma non siete dei web-designer? Avete realizzato la grafica del vostro nuovo sito web usando Photoshop ed...

AMP: cos’è e come funziona (Guida alle Accelerated Mobile Pages)

AMP (Accelerated Mobile Pages) è una tecnologia, o più precisamente un Web Component Framework, nato dalla collaborazione di Google e Twitter. AMP consente di...

Attributo "rel" per i link HTML

In HTML l’attributo rel può essere utilizzato esclusivamente in associazione all’attributo href e nella definizione dei link. Esso ha il compito di specificare una...

Test compatibilità cross-browser per siti web

Verificare che un sito web o una web application siano in grado di funzionare adeguatamente su tutti i browser più diffusi per la navigazione...

Humans.txt – cos’è, a cosa serve e come funziona

Humans.txt è un formato standard concepito per corredare un sito Web con le informazioni relative ai suoi creatori, ai suoi gestori e alle tecnologie...

Sito web responsivo e adattivo: caratteristiche e differenze

Negli ultimi tempi, il boom dei dispositivi mobili ha trasformato le abitudini degli internauti: se fino a pochi anni fa chi navigava sul web...

Un form di ricerca in HTML

Un modulo di ricerca è una delle funzionalità più utili ed interessanti che possono essere installate all'interno di un sito web ricco di contenuti:...

Differenza tra sito statico e sito dinamico, vantaggi e svantaggi

Un sito statico è una collezione di pagine web prodotte sotto forma di semplici file HTML. Siti di questo tipo sono privi, in pratica,...

Immagini riflesse con CSS

Il Flipping è una tecnica utilizzata dai grafici per applicare un effetto di riflesso sulle immagini rendendole visualizzabili come attraverso uno specchio realizzando, di...

Applicare un bordo alle lettere di un testo con CSS

Con l'avvento di CCS3 il linguaggo di stilizzazione delle pagine web si è arricchito di diverse funzionalità interessanti. Tra queste, ad esempio, vi è...

Elementi a comparsa in puro HTML (no Javascript)

In molti siti web sono implementate tecniche di web-design che consentono di mostrare o nascondere elementi al semplice click del mouse: si tratta di...

CSS: dimensioni relative alla viewport con vw, vh, vmin e vmax

Con l'avvento e la diffusione di CSS 3 e del responsive design, hanno preso piede nuove unità di misura legate alla dimensione dello schermo...

L’attributo aria-hidden: cos’è e quando usarlo

In un precedente articolo abbiamo descritto le specifiche relative all'attributo hidden di HTML 5, si tratta in sostanza di un costrutto di tipo booleano...

Rimuovere CSS inutilizzato

Soprattutto quando si gestiscono progetti Web based di grandi dimensioni, è possibile che alcune delle regole CSS definite per il nostro sito Internet o...

Evidenziare testo in HTML con il tag <mark>

Il tag <mark> di HTML è stato introdotto a partire dalla v.5 del linguaggio. Si tratta di un tag specifico per la formmattazione del...

Come aggiungere didascalie alle immagini in HTML 5?

Nel mondo dello sviluppo web, l'aggiunta di didascalie alle immagini è un aspetto cruciale per migliorare l'accessibilità e la comprensione dei contenuti visivi. Con...

CSS: centrare orizzontalmente un elenco puntato HTML

Nel web design, uno degli aspetti fondamentali è la presentazione dei contenuti. Un menu ben strutturato non solo migliora l'usabilità di un sito, ma...

Gestire i bordi delle tabelle con i CSS

In questo post vorrei ritornare su un concetto basilare dei CSS, ovvero la stilizzazione delle tabelle o, più precisamente, l'aggiunta di bordi alla tabella...

I più letti

HTML apice e pedice: cosa sono e come si usano

In HTML è possibile inserire del testo sia in apice che in pedice utilizzando gli appositi tag di formattazione. Vediamo quali sono e come...

Cosa significa &nbsp; in HTML?

In HTML l'entità &nbsp; rappresenta uno spazio bianco o, più precisamente, uno spazio indivisibile o unificatore (NBSP = Non Breakable SPace). La presenza di...

Creare un link HTML per chattare con WhatsApp

Avete creato un sito web e volete integrare un link per essere contattati tramite WhatsApp? Ormai sono tantissimi i siti web che integrano la...

Centrare un’immagine in HTML

Esistono diversi modi per centrare un'immagine in HTML all'interno di una pagina web (o del suo contenitore). Vediamo, di seguito, le diverse tecniche in...

Cambiare il colore del testo in HTML

Per cambiare il colore del testo in HTML esistono diverse tecniche. La tecnica più diffusa fino a qualche anno fa è quella che prevede...