File helper HTML5?

Question

Stiamo scrivendo la logica del sito che il suo design è stato realizzato da un'altra società. (Ci hanno mandato i file html)

Tuttavia quando abbiamo guardato il loro codice sorgente HTML che abbiamo visto:

1)modernizr.js

2) creazione di script di elementi HTML5:

<!--[if lt IE 9]> 
     <script> 
      document.createElement('header'); 
      document.createElement('nav'); 
      document.createElement('section'); 
      document.createElement('article'); 
      document.createElement('aside'); 
      document.createElement('footer'); 
     </script> 
    <![endif]--> 

3) Html5 Shiv JS:

<!--[if lt IE 9]> 
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 

4) riferimento alla css3-mediaqueries.js per i media query interrogazione

5)Respond.js v1.1.0 min/media max-width

io non so molto di integrazione HTML5, ma penso che ci sono a componenti ridondanti qui.

Ad esempio, ho sentito che modernizrinclude già la soluzione fornita da html5 shiv.

Come presupposto che desidero utilizzare modernizr.js, Quali componenti dovrei conservare? (Ho taggato ciascuna sezione con i numeri in modo che sia più semplice per voi fare riferimento a).

_{(P.S. this question non ha ancora aiuto molto perché io ho molto più sezioni)}

Answer 1

Insieme tutti questi hanno lo scopo di fare due cose:

1. Abilita HTML5-elementi da rendere nei browser legacy (1, 2 e 3)
2. Abilita CSS media-query in versioni precedenti del browser (4 e 5)

Il modo in cui vengono utilizzati oggi, nel tuo esempio, avrà un sacco di funzionalità sovrapposte, che non è necessario. La mia opinione su questo è la seguente.

supporto HTML

Se si prevede di utilizzare modernizzatore per scopi diversi da solo enabeling HTML5-elementi in del browser più vecchio, allora vi consiglio di utilizzare solo modernizzatore e rimuovere 2 e 3 come modernizzatore includono The Shiv HTML5 .

Se non si utilizza Modernizer, potrebbe non essere necessario caricare l'intera libreria.Allora potresti stare meglio usando solo HTML5 shiv, con il commento IE condizionale.

Utilizzo n. 2 sembra del tutto superfluo, se si utilizza 1 o 3.

supporto di media-query

Quando si tratta di 4 e 5, entrambi lavorano per abilitare siti web dinamiche nel browser più vecchio, aggiungendo il supporto per le query multimediali nel browser che non dispongono del supporto nativo.

Ho solo esperienza personale di Respond.js, che è molto leggero. Il limite è che aggiungerà solo il supporto per le query multimediali min/max-width. Se questo è sufficiente per il tuo progetto, allora no. 5 sarà sufficiente.

Se hai bisogno di un supporto più ampio per le query sui media, credo che tu debba cercare di no. 4 invece, ma poi immagino che tu possa sbarazzarti di no. 5, in quanto sarà ridondante.

Answer 2

Come da rivendicazioni sul modernizr web page, non avete bisogno di tutte le altre verifiche per testare gli elementi HTML5 CSS3 amd di media query.

Ciò significa che è possibile annullare tutte le altre librerie, è comunque necessario tornare indietro e controllare.