La base di tutto il web
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.
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.
La navbar di Bootstrap ci arriva praticamente completa di tutto.
Anche dei sottomenu volendo; basta copiare gli esempi dalla documentazione.
In pratica ho la necssità di impostare che i div / la pagina sia sempre al 100% della finestra.
Voi direte, bastano queste regole CSS:
html, body, main {
height:100%;
min-height: 100%;
}
Guardando alla documentazione, la navbar di Bootstrap 4 ha già una classe CSS per allineare gli elementi.
A me non ha funzionato, non so perchè; però ho risolto in altra maniera.
De default il tag img di HTML non ha la possibilità di impostare una immagine di default.
Se usiamo un linguaggio lato server, possiamo controllare l'esistenza di una immagine, ed in caso specificarne una.
PrimeNG è uno dei più usati framework CSS per Angular.
L'installazione è abbastanza semplice; spostatevi nella directory del progetto e date questi due comandi:
$ npm install primeng --save
$ npm install primeicons --save
In pratica voglio fare in modo che il testo di una pagina web non sia selezionabile con il mouse.
Possiamo farlo direttamente con CSS volendo, ed è quello che faremo.
Ovviamente, sarà sempre possibile prendere il testo dai sorgenti della pagina; ma almeno non sarà a portata di mano degli utenti meno scafati.
In pratica su alcune pagine ho la necessità di eseguire il collapse della navbar di Twitter Bootstrap quando si scrolla la pagina.
Quando un componente si espande, viene aggiunta la classe show, ed il componente viene visualizzato.
Quindi basta intercettare l'evento scroll e levare la classe CSS.
Non sono un grande utilizzare di SASS e simili, in quanto utilizzo molto i framewrok CSS che arrivano già con quasi tutto a portata di mano.
Però mi è capitato di doverlo usare, e li per li qualche difficoltà l'ho riscontrata.
Più che altro nel capire bene cosa stessi facendo!