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.

Mattepuffo's logo
Aprire il modal di Bootstrap 4 dal lato

Aprire il modal di Bootstrap 4 dal lato

Il modal di Bootstrap 4 è un componente a dir poco usato.

Solo che di default, l'effetto fade è solo dal top.

Io avevo bisogno di visualizzarlo dal lato; nel mio caso il destro, ma visualizzarlo dal lato sinistro richiede poche modifiche.