Generatori di template HTML5, framework e strumenti
Sebbene i grandi protagonisti del settore del web design abbiano adottato HTML5 negli ultimi anni, non ce ne sono molti altri che lo utilizzano nella soluzione pratica, principalmente a causa della mancanza di tempo o di comprensione. Le probabilità sono che se un linguaggio viene promosso per un certo periodo di tempo, ci saranno degli entusiasti che affronteranno i problemi dell'eliminazione dei problemi creando generatori di template HTML5 e framework.
A Hongkiat, vogliamo sempre rendere il tuo sviluppo il più semplice possibile, quindi di seguito è riportato l'elenco di generatori e framework di modelli HTML5 che velocizzano lo sviluppo di HTML5 o ti aiutano a risolvere problemi problematici come la compatibilità del browser. Alla fine della giornata, lo sviluppo di HTML5 diventerà sempre più facile e più felice con questi generatori e framework!
Perché Framework?
Anche se potrebbe volerci un po 'di tempo per imparare effettivamente il framework, se hai il framework pronto tutto ciò che devi aggiungere è il contenuto e le leggere modifiche in base ai tuoi gusti. Inoltre non ti preoccupare, il mondo non ti guarderà sdegnosamente per usare un generatore di template HTML5 o un framework pronto all'uso. La praticità viene prima di tutto!
Inoltre, le strutture che sono là fuori per l'utilizzo di solito hanno seguaci e supporto leali. Un vantaggio nell'utilizzo di framework è che non devi preoccuparti di problemi gravi come la compatibilità cross-browser e multipiattaforma, qualcun altro ha già pensato a te. Ma, naturalmente, puoi contribuire alla loro causa, specialmente per le librerie e i framework open-source.
Dopo tutto, è sempre bene avere una marcia in più nella tua casella degli strumenti di progettazione!
Generatori di template e framework
Initializr
Bastano pochi clic per generare te stesso un modello HTML5. Initializr ti offre anche un'opzione se vuoi che il tuo template includa JavaScript o jQuery, configurazioni del server e Google analytics.
Initializr è anche basato su HTML5BoilerPlate, un altro ottimo strumento per espandere la tua comprensione di HTML5, aggiungere funzionalità e migliorare l'intero sito.
Generatore di template HTML5
Un'alternativa è il generatore di template HTML5 di Shikiryu.com. Ha un'opzione aggiuntiva per includere la descrizione dell'autore del sito web, include anche le opzioni per l'icona Favicon e Apple Touch nel caso in cui si desideri che vengano automaticamente inserite nel modello.
SwitchToHTML5
Un altro grande generatore di framework HTML5 è SwitchToHTML5. Come gli altri, ti consente di aggiungere diversi elementi come ,
,
,
, e altri. SwithToHTML5 ti offre anche la possibilità di supportare o meno Internet Explorer, poiché la sua versione precedente a IE9 non supporta HTML5 nativamente.
riformato
Dimmi, non posso essere l'unico a odiare creare forme, giusto? Creare forme è un compito noioso, almeno per le persone come me, ecco perché riformato era qui per aiutare le persone a creare forme pulite e funzionanti! riformato è un generatore di moduli HTML5 che è molto leggero e non causerà troppi problemi, come se si formasse il modulo da zero.
Ci sono due versioni, un'applicazione web e un'applicazione desktop autonoma, anche se dovrai pagare per farlo funzionare offline. Bene, se ti piace l'applicazione, mostra un po 'd'amore!
Modernizr
Approfitta di HTML5 e CSS3 usando Modernizr. È una libreria JavaScript open source per aiutare gli sviluppatori a creare i migliori siti Web che incorporano HTML5 e CSS3.
I vecchi browser non sono i problemi con Modernizr, i visitatori vedranno quello che dovrebbero vedere, indipendentemente dalla versione del loro browser.
52framework
Tecnicamente non è un generatore, ma un framework scaricabile che accelera il processo di sviluppo. 52framework elimina le seccature di HTML5 e distribuisce tutto proprio di fronte a te, rendendo lo sviluppo più rapido e semplice.
52framework supporta una grande varietà di browser, rendendo meno compatibile la compatibilità tra browser. E le buone notizie per gli sviluppatori? Supporta anche parzialmente IE6!
Editor HTML5
Aloha Editor
Poiché stiamo già parlando di servizi e applicazioni che accelerano lo sviluppo, ecco uno straordinario strumento per aiutarti a modificare il contenuto del tuo sito con il contenuto conforme a xHTML5.
Aloha Editor è un editor HTML5, non un qualsiasi editor, ma un editor WYSIWYG che può modificare istantaneamente il contenuto del tuo sito non appena apporti le modifiche nell'editor.
Wallaby
Tutti sognavano di convertire animazioni Flash in HTML5? Wallaby, un progetto di Adobe, rende possibile la conversione di animazioni e disegni Flash in HTML5, rendendo i file modificabili su Dreamweaver o altri editor.
Riferimenti
Immergiti in HTML5
Un libro fantastico e divertente per iniziare a conoscere HTML5 in un modo creativo di pensare, questa è anche una buona risorsa che dà una nuova idea per le persone che già conoscono il funzionamento di HTML5.
Riferimento HTML5
Una guida W3C originale per HTML5, con particolare attenzione alla semplicità e alle applicazioni pratiche per principianti, fornendo al contempo informazioni dettagliate per sviluppatori web avanzati.
Di Più
Per ora, non c'è molto da vedere in realtà. Ci sono ancora relativamente pochi strumenti per framework e template HTML5 da usare, come avrete notato se avete controllato i collegamenti, la maggior parte delle funzionalità per ogni generatore / framework sono simili. Potrei aver perso gli strumenti che stai utilizzando per sviluppare fantastici siti Web HTML5, quindi se desideri condividere la tua esperienza sentiti libero di pubblicarli nei commenti!
Inoltre, controlla i nostri post se desideri saperne di più su HTML5!
- HTML5: 15 Esperimenti stimolanti
- HTML5: 19 applicazioni Web
- HTML5: 48 potenziali dimostrazioni di uccisione flash
- Creare un modulo di contatto HTML5 / CSS3 basato su Ajax