Sto migrando un sito da Bootstrap 3 a Bootstrap 4, che fornisce anche una pagina apposita per facilitare la migrazione.

Ci sono comunque alcune cose un pò oscure.

Una di queste riguarda le classi visible e hidden, che in sostanza si occupano di rendere visibile / nascondere dei componenti solo a determinate risoluzioni.

Nel mondo responsive le media-queries sono diventate fondamentali!

Attraverso queste regole, possiamo impostare diversi stili CSS a seconda delle dimensioni dello schermo.

Ho scoperto che è anche possibile usarle anche attraverso Javascript e l'oggetto window.matchMedia!

Ho scoperto che creare un template per Wordpress non è una cosa molto difficile.

Quanto meno a livello basico.

Vediamo i passi da seguire, mettendoci dentro Twitter Bootstrap 4.

Considerate che avremo un misto di HTML, CSS e PHP.

Do per scontato che abbiate già installato Wordpress; nella cartella di installazione, andate in wp-content/themes, e create una directory che conterrà tutto il necessario (test ad esempio).

Partendo da una classica lista HTML, vogliamo filtrarla scrivendo dentro ad una input text.

Possiamo farlo in Javascript in maniera abbastanza semplice.

Ho trovato una libreria che permette di generare PDF direttamente in Javascript: pdfmake!

Potete scaricarla da GitHub.

Includete nella vostra pagina questi due file:

<script src="pdfmake.min.js"></script>
<script src="vfs_fonts.js"></script>

Bene, cominciamo con qualche esempio.