Generátory šablón HTML, rámce a nástroje
Aj keď veľkí hráči v priemysle internetového dizajnu v posledných rokoch používajú HTML5, v praxi to nie je veľa ďalších používateľov, väčšinou kvôli nedostatku času alebo pochopenia. Je pravdepodobné, že ak sa určitý čas propaguje určitý jazyk, nadšenci sa dostanú do problémov s odstraňovaním problémov tým, že vytvoria generátory šablón HTML5 a rámce.
V spoločnosti Hongkiat vždy chceme, aby váš vývoj bol čo najjednoduchší, takže nižšie nájdete zoznam generátorov šablón HTML5 a rámcov, ktoré buď urýchlia vývoj HTML5, alebo vám pomôžu zmierniť problémy, ako je napríklad kompatibilita s prehliadačom. Do konca dňa sa váš vývoj vo formáte HTML5 stane jednoduchším a šťastnejším pre tieto generátory a rámce!
Prečo rámcovať?
Hoci môže trvať určitý čas, kým sa skutočne naučíte rámec, ak máte rámec pripravený, všetko, čo potrebujete pridať, je obsah a drobné úpravy podľa vášho vkusu. Takisto sa o to nestarajte, svet sa na teba nepozdá za to, že používate generátor šablón HTML5 alebo ready-to-use framework. Praktickosť je na prvom mieste!
Okrem toho rámce, ktoré sú k dispozícii na použitie, majú zvyčajne verné následky a podporu. Výhodou pri používaní rámcov je, že sa naozaj nemusíte obávať vážnych problémov, ako je kompatibilita medzi rôznymi prehliadačmi a cross-platformami, niekto iný už o to pre vás. Samozrejme, môžete prispieť k ich príčine, a to najmä pre open-source knižnice a rámce.
Koniec koncov, je vždy dobré mať vo svojom dizajnovom nástroji extra výstroj!
Generátory a rámce šablón
Initializr
Niekoľko kliknutí potrebujete na vytvorenie šablóny HTML5. Inicializátor vám tiež dáva možnosť, či chcete, aby vaša šablóna obsahovala JavaScript alebo jQuery, konfigurácie serverov a Google Analytics.
Inicializátor je tiež postavený na jazyku HTML5BoilerPlate, ďalšom skvelom nástroji na rozšírenie grafiky HTML5, pridanie funkcií a vylepšenie celej stránky.
Generátor šablón HTML5
Alternatívou je generátor šablón HTML5 Shikiryu.com. Má doplnkovú možnosť zahrnúť popis pre autora webových stránok, zahŕňa aj možnosti ikony Favicon a Apple Touch, ak chcete, aby boli automaticky vložené do šablóny.
SwitchToHTML5
Ďalším skvelým generátorom rámcov HTML5 je SwitchToHTML5. Rovnako ako ostatné, umožňuje vám pridať niekoľko prvkov, ako napríklad ,
,
,
, a ďalšie. Služba SwithToHTML5 vám tiež dáva možnosť, či chcete podporovať program Internet Explorer alebo nie, pretože jeho verzia skôr ako IE9 nepodporuje HTML5 natívne.
reformovaný
Povedz, nemôžem byť jediný, kto nenávidí vytváranie foriem, že? Vytváranie formulárov je zdĺhavou úlohou, prinajmenšom pre ľudí ako ja, preto tu bol reformovaný, aby pomohol ľuďom vytvoriť čisté a fungujúce formy! reformované je tvorca formulárov HTML5, ktorý je veľmi ľahký a nebude spôsobovať príliš veľa problémov, ako keby ste urobili formulár od nuly.
Existujú dve verzie, webová aplikácia a samostatná desktopová aplikácia, hoci budete musieť platiť, aby fungovali offline. No, ak máte záujem o aplikáciu, ukážte nejakú lásku!
Modernizr
Využite výhody HTML5 a CSS3 pomocou Modernizra. Je to otvorená zdrojová knižnica JavaScript, ktorá pomôže vývojárom vytvoriť najlepšie webové stránky, ktoré obsahujú HTML5 a CSS3.
Staršie prehliadače nie sú problémy s Modernizrom, návštevníci uvidia, čo by mali vidieť bez ohľadu na to, akú verziu ich prehliadač.
52framework
Technicky nie je generátor, ale stiahnuteľný rámec, ktorý urýchľuje vývojový proces. 52framework odstraňuje ťažkosti s HTML5 a vymedzuje všetko priamo pred vami, čím je vývoj rýchlejší a jednoduchší.
52framework podporuje širokú škálu prehliadačov, čo znižuje kompatibilitu medzi prehliadačmi. A dobrá správa pre vývojárov? Dokonca podporuje IE6 čiastočne!
Editor HTML5
Editor Aloha
Keďže už hovoríme o službách a aplikáciách, ktoré urýchľujú vývoj, tu je úžasný nástroj, ktorý vám pomôže upraviť obsah vašich stránok s obsahom kompatibilným s xHTML5.
Editor Aloha je editor HTML5, nie len editor, ale editor WYSIWYG, ktorý môže okamžite zmeniť obsah vášho webu, akonáhle vykonáte zmeny v editore.
klokan wallaby
Každý sníval o konvertovaní animácií Flash na HTML5? Spoločnosť Adobe, spoločnosť Wallaby, umožňuje konverziu animácií a umeleckých diel Flash na HTML5, ktoré umožňujú úpravu súborov v aplikácii Dreamweaver alebo iných editorech.
Referencie
Ponorte sa do HTML5
Skvelá a príjemná kniha, v ktorej sa začnete učiť o HTML5 v kreatívnom spôsobe myslenia, to je tiež dobrý zdroj, ktorý dáva nový nápad ľuďom, ktorí už poznajú fungovanie HTML5.
Referencia HTML5
Originálna príručka W3C k HTML5 s dôrazom na jednoduchosť a praktické aplikácie pre začiatočníkov a súčasne poskytuje podrobné informácie pre pokročilých vývojárov webu.
viac
Zatiaľ nie je veľa čo vidieť. Stále existuje pomerne málo nástrojov na používanie rámca a šablón HTML5, pretože ste si všimli, či ste skontrolovali odkazy, väčšina funkcií pre každý generátor / rámec je podobná. Možno som zmeškal nástroje, ktoré používate na vyvinutie úžasných webových stránok HTML5, takže ak by ste chceli zdieľať ich bez komentárov!
Taktiež si prečítajte naše príspevky, ak ste ochotní získať viac informácií o HTML5!
- HTML5: 15 Inšpiratívne skúsenosti
- HTML5: 19 webových aplikácií
- HTML5: 48 Potenciálne ukážky zabíjania blesku
- Vytvorte kontaktný formulár HTML5 / CSS3 založený na Ajax