HTML - CSS

La base di tutto il web

Mattepuffo's logo
Link WhatsApp sulle pagine web

Link WhatsApp sulle pagine web

Piccolo snippet di codice HTML per impostare un link a WhatsApp.

In pratica cliccando sul link si aprirà direttamente WhatsApp, con la casella di testo già riempita.

E pronto ad inviare il messaggio al numero impostato.

Mattepuffo's logo
Centrare una label con CSS

Centrare una label con CSS

Non se ci avete mai fatto caso, ma le label, in HTML, sono sempre allineate a sinistra.

Questo perchè le label sono degli elementi "inline", e non basta il classico text-align per allnearle come vogliamo.

Mattepuffo's logo
Bloccare l'autocomplete nelle input password in HTML

Bloccare l'autocomplete nelle input password in HTML

L'HTML ha l'attributo autcomplete impostato di default a true che fa in modo che i campi di un form si autocompletino con i valori salvati nel browser.

In un form ho la necessità che il campo password non si autcompleti.

Ma autocomplete="false" non basta.

Mattepuffo's logo
Colonne di Boostrap 4 a dimensione fissa

Colonne di Boostrap 4 a dimensione fissa

C'è chi purtroppo non si accontenta mai di nulla, e deve rompere fino all'inverosimile.

E così mi è capitato di dover impostare delle dimensioni fisse ad una colonna della grdi di Bootstrap 4.

In sostanza, partendo da qui:

<div class="container-fluid">
    <div class="row">
        <div class="col-md-11"></div>
        <div class="col-md-1 sx_striscia"></div>
    </div>
</div>

Mattepuffo's logo
Bootstrap 4 modal full screen

Bootstrap 4 modal full screen

Per un progetto ho usato il modal di Bootstrap 4 come loading page.

Ovviamente avevo la necessità di visualizzarlo full screen.

Vi posto il codice HTML e CSS che ho usato.

Mattepuffo's logo
Vertical align in Bootstrap 4

Vertical align in Bootstrap 4

La documentazione di Bootstrap è ottima, tranne in alcuni punti.

Uno di questi è il vertical align; anche se ci sono delle classi preposte, non sono di facile lettura.

Oggi vi propongo un mio esempio che sto usando in produzione; ovviamente possono esserci altri modi.

Mattepuffo's logo
Impostare un messaggio custom di validazione in HTML 5

Impostare un messaggio custom di validazione in HTML 5

L'attributo required di HTML 5 ci ha levato un sacco di rogne nella validazione dei form.

Lo impostate e lui farà tutto da solo, bloccando il form e visualizzando un messaggio.

Il messaggio è praticamente automatico e preimpostato, e penso che la lingua dipenda dal pc sui gira il browser.