Introduzione

Basi

Da HTML a HTML5

HTML5

CSS3

Alcuni principi di design

I framework HTML5

Risorse

Temi e template

Official Bootstrap Samples

http://startbootstrap.com/

https://bootswatch.com/

http://www.bootstrapzero.com/

http://www.gettemplate.com/

http://bootstraptaste.com/

https://www.prepbootstrap.com/

Codice

http://www.bootply.com/

http://codepen.io/

Web developer Toolbar

Un'estensione per il browser di cui non si può fare a meno. Permette di operare su i CSS, i Javascript, i cookies o le immagini. Valida la pagina e consente di esaminarla a diverse risoluzioni. Disponibile per Firefox, Chrome e Opera.

http://chrispederick.com/work/web-developer/

https://it.wikipedia.org/wiki/Web_Developer_Toolbar

Strumenti

Il sito di Bootstrap

http://getbootstrap.com/

W3Schools Bootstrap Reference

http://www.w3schools.com/bootstrap/default.asp

Initializr

HTML5Boilerplate + Bootstrap

Un'intuitiva interfaccia per mettere assieme le best practices di HTML5Boilerplate con le qualità di Bootstrap.

http://www.initializr.com/

Pingendo

Un IDE grafico con cui creare i vostri prototipi per Bootstrap. Completamente FREE. Disponibile per Windows, Mac e Linux.

http://pingendo.com/

Assets framework

Bootstrap esteso e completamente accessibile

http://assets.cms.gov/

Cocktail

Codeigniter3 + HTML5Boilerplate5 + Bootstrap3

http://www.nelsonweb.it/cocktail/

Tip: il server locale

Anche se il browser interpreta senza problemi HTML è sempre meglio richiamare il nostro progetto tramite un meccanismo client-server usando il protocollo http e non direttamente dal filesystem.

Per emulare il meccanismo client-server sul nostro pc locale possiamo usare:


Xampp / Lampp

  • Installare l’ambiente Xampp o Lampp.
  • Copiare il progetto nella directory radice/root del web-server locale e quindi puntare alla pagina: http://localhost/mioprogetto

Server-web minimale di Node.js

  • Installare Node.js e npm, cfr. https://docs.npmjs.com/getting-started/installing-node.
  • Installare un http server:
    • Con Windows, da amministratore, aprire cmd.exe o la Poweshell e dare il comando:
      npm install -g http-server
    • Con linux e mac, aprire un terminale e dare il comando:
      sudo npm install -g http-server
  • Quindi nella cartella del nostro progetto, sempre da terminale avviare il server: 
    http-server -c-1
  • A questo punto il nostro progetto con Bootstrap sarà raggiungibile all'indirizzo: http://localhost:8080 o http://127.0.0.1:8080