La base di tutto il 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.
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.
Su un piccolo progetto sto usando la navbar di Bootstrap 4 solo per visualizzare il logo e richiamare il colore di un sito affiliato.
Di default tutti gli esempi che troviamo nel sito mettono il logo a sinistra.
Come sapete alcuni sistemi operativi danno la possibilità di impostare il color scheme come dark o light.
Il primo esempio che mi viene in mente è macOS, che da qualche versione da la possibilità di impostare il tema dark.
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.
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>
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.
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.
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.
Il modal di Bootstrap 4 crea un'area grigia, con classe CSS modal-backdrop, che dovrebbe aiutare l'utente indicandogli l'area in cui cliccare per uscire.
In un sito mi è stato chiesto di rimuovere l'area grigia.