Cos'è Bootstrap e quando dovrei usarlo?

Il software gratuito e open source ci offre molteplici alternative per molte cose. Ciò rende difficile sapere quale sia il migliore da usare. Iniziamo col dire che se non hai bisogno di un sito web non devi sapere di cosa si tratta bootstrap e quando dovrebbe essere usato.

Ai vecchi tempi, per creare un sito web potevi cavartela benissimo con un blocco note o anche un word processor, ma come tePoiché le pagine stavano guadagnando in interattività e il contenuto doveva essere aggiornato più frequentemente, si rendeva necessario l'utilizzo di nuovi strumenti per crearli.

Cos'è Bootstrap e quando dovrei usarlo?

Da un lato, apparvero editor visivi come Macromedia (poi Adobe) Dreamweaver che consentivano di scrivere codice e modificare visivamente il contenuto. In Linux avevamo strumenti come Kompozer o NVU che, sebbene non avessero le stesse caratteristiche, rendevano il compito abbastanza semplice.

Se eri bravo a scrivere codice, gli strumenti non mancavano. Anjuta o Eclipse erano ambienti di sviluppo ideali per programmatori esperti.

Nel corso del tempo, i gestori di contenuti sono apparsi come WordPress Drupal o Joomla.  Questo tipo di software ha consentito di ignorare la scrittura di codice per concentrarsi sulla creazione di contenuti.. Si sono rivelati l'alternativa ideale per posti come Linux Adictos in cui diversi autori aggiornano costantemente il contenuto.

Lascia che ti spieghi un po'.

Dal punto di vista della codifica, una pagina web comprende:

• Tipo di documento: Indica al browser quale versione di HTML viene utilizzata.
• Contenitore HTML: Indica al browser l'inizio e la fine del documento HTML e può includere informazioni aggiuntive come la lingua.
• Contenitore di testa: Include informazioni utili per il browser ei motori di ricerca come il titolo della pagina, l'autore, una breve descrizione del contenuto e un elenco di termini rilevanti. Inoltre, indica al browser dove trovare le istruzioni su come eseguire il rendering del contenuto sullo schermo.
• Contenitore per il corpo: Qui va tutto il contenuto che l'utente vedrà nel browser.
• Dichiarazione del copione: Indica al browser dove trovare le istruzioni in determinati linguaggi di programmazione come Javascript o PHP che consentono di aggiungere interattività o inviare moduli per posta.

Le diverse parti di un documento all'interno del contenitore Body sono:

• Intestazione: Qui è dove viene visualizzato il titolo del sito web. Può contenere il logo, i collegamenti, la barra di navigazione o altre informazioni importanti.
• Navigazione: Questo contenitore viene utilizzato per creare un menu di navigazione che dà accesso alle parti principali del sito.
• Articolo: Il nome è abbastanza descrittivo della funzione. Serve a differenziare diversi argomenti all'interno di una pagina web. Ad esempio, questo post che segue sulla pagina principale di Linux Adictos.
• Sezione: Separa le diverse parti di un articolo.
• A parte: Raggruppa il contenuto visualizzato sul lato della pagina.
• Piè di pagina: Mostra le informazioni in fondo alla pagina. Viene spesso utilizzato per visualizzare informazioni come indicazioni stradali, collegamenti ad altri siti e ripetizione del menu.

Ci sono contenitori per contrassegnare diverse parti del testo come h (da 1 a 6) op che indicano rispettivamente titoli e paragrafi.

Se non ci sono gestori di contenuti, ogni volta gli autori di Linux Adictos Vorremmo pubblicare un articolo, dovremmo riscrivere da zero l'intero codice della pagina.  Inoltre, dovremmo aggiornare manualmente l'ordine della pagina principale e l'elenco degli articoli per categoria.

E, se gli amministratori dovessero fare una riprogettazione o venissero fuori una nuova dimensione dello schermo, sarebbe necessario aggiornare i fogli di stile.

Il problema dei gestori di contenuti

Sebbene i gestori di contenuti siano ideali nelle condizioni che abbiamo menzionato, sono uno spreco di risorse nel caso di siti poco aggiornati, come siti aziendali o informativi con poche modifiche.  Includono invece l'uso dei database e la loro popolarità li rende oggetto di frequenti attacchi, che ne richiedono l'aggiornamento.

Nel caso particolare di WordPress, secondo me sta diventando bloatware. Sempre più temi richiedono l'installazione di componenti aggiuntivi che in molti casi svolgono la stessa funzione di quelli che avevi già installato. E la maggior parte dei migliori vantaggi sono sotto il metodo di pagamento. E non sono esattamente economici.

È qui che tornano utili i framework open source come Bootstrap.  Pensa a Bootstrap come a una scatola di mattoncini Lego che invece di costruire oggetti vengono utilizzati per creare siti Web che si adattano facilmente a tutte le dimensioni dello schermo. Non è necessario reinventare la ruota in quanto viene fornita con quasi tutto ciò di cui potresti aver bisogno come pulsanti, icone e temi. Ma allo stesso tempo hai la flessibilità in modo che i tuoi progetti non assomiglino ad altri.

Nel prossimo articolo vedremo come usarlo.