Consigli Layout Bootstrap

rbnz

Consigli Layout Bootstrap

Ciao a tutti!
Sto sviluppando un layout grafico con Bootstrap ed avrei qualche domanda da porvi, con la speranza che possa anche essere utile anche ad altri.

1 Il file normalize.css da quanto ho capito è già integrato nel css di Bootstrap giusto? O devo comunque inserirlo io?

2 Ho letto che gli <script> possono essere inseriti in qualsiasi punto della pagina HTML, ma che gli script che producono direttamente un output vengono solitamente inclusi nel corpo visibile della pagina, mentre eventuali librerie, funzioni nonchè i codici che effettuano operazioni come redirect o l'apertura di pop-up vengono inserite nell'intestazione del documento. Essendo io però completamente ignorante in tutto ciò,** mi conviene inserirli alla fine della sezione <head> o alla fine del <body>**?

3 I file "jquery.min.js" e "bootstrap.min.js" ho notato che sono caricati in alcuni template dal web, mentre in altri direttamente dalla cartella, da dove è meglio farli girare?

rbnz

Novità:

Ho scoperto che Bootstrap ha già di suo una "normalizzazione" dei CSS, però ho notato che ad esempio i select dei form sono diversi per ogni browser ed ho dovuto resettarli io tramite il comando *-webkit-appearance: none; *per Chrome, Safari ed il comando -moz-appearance: none; per Firefox.
Consigli?

gigi991

2 Ho letto che gli <script> possono essere inseriti in qualsiasi punto della pagina HTML, ma che gli script che producono direttamente un output vengono solitamente inclusi nel corpo visibile della pagina, mentre eventuali librerie, funzioni nonchè i codici che effettuano operazioni come redirect o l'apertura di pop-up vengono inserite nell'intestazione del documento. Essendo io però completamente ignorante in tutto ciò, mi conviene inserirli alla fine della sezione <head> o alla fine del <body>?

Generalmente, come giustamente hai già letto, se non ci sono output da dare i precise porzioni di pagina è meglio metterli prima della chiusura del body in quanto hanno generalmente un tempo di caricamento superiore alla pagina html. Così il visitatore, mentre caricano gli script, ha comunqugiàuna pagina a disposizione.
Il redirect ha senso metterlo nell'head: perché caricare tutta la pagina se lo mandi altrove? Mandalo il prima possibile.

3 "jquery.min.js" e "bootstrap.min.js" ho notato che sono caricati in alcuni template dal web, mentre in altri direttamente dalla cartella, da dove è meglio farli girare?

Dal web devi affidarti alla disponibilità e velocità di chi ospita i file (spesso sono affidabili, comunque).
Potrebbe succetere 'potenzialmente' di avere la tua pagina caricata senza jquery perché non disponibile. Raro ma possibile.
Risparmi un po' di banda al primo accesso di un utente (poi dovrebbe andare in cache). Io opterei per la presenza interna, ma al 99,9% delle volte non ci sono differenze notevoli/determinanti.

rbnz

@Gigi991 said:

2 Generalmente, come giustamente hai già letto, se non ci sono output da dare i precise porzioni di pagina è meglio metterli prima della chiusura del body in quanto hanno generalmente un tempo di caricamento superiore alla pagina html. Così il visitatore, mentre caricano gli script, ha comunque già una pagina a disposizione.
Il redirect ha senso metterlo nell'head: perché caricare tutta la pagina se lo mandi altrove? Mandalo il prima possibile.

Ok, ho inserito nella head soltanto lo <script> di Google Maps, quello di Modernizr e quello di htmlshiv, che ho scaricato ed inserito nella cartella js (devo importare anche qualche foglio di stile CSS nel mio index.html per questi due file o fanno tutto da soli?):

[HTML]
 [/HTML]

@Gigi991 said:

3 Dal web devi affidarti alla disponibilità e velocità di chi ospita i file (spesso sono affidabili, comunque).
Potrebbe succetere 'potenzialmente' di avere la tua pagina caricata senza jquery perché non disponibile. Raro ma possibile.
Risparmi un po' di banda al primo accesso di un utente (poi dovrebbe andare in cache). Io opterei per la presenza interna, ma al 99,9% delle volte non ci sono differenze notevoli/determinanti.

Per importarli basta scaricarli (da dove?) e cambiare il percorso facendo in modo che vada a pescarli in locale o bisogna effettuare qualche altro passaggio?

Intanto ti ringrazio della risposta.

gigi991

Se il pacchetto che ti offrono comprende solo i file js, dovrebbero bastare.
Naturalmente se hai stili personali da utilizzare, puoi inserire un tuo file css (molto meglio che modificare framework presi altrove, così puoi eventualmente aggiornarli sostituendo i file del framework, mantenendo sempre il tuo foglio di stile attivo e inalterato.

Se hai il link allo script online, ti basta aprirlo > tasto destro > salva con nome
per avere tutto lo script completo (js è lato client, non oscura niente).