HTML5 generatori predložaka, okviri i alati
Iako su veliki igrači u industriji web dizajna u posljednjih nekoliko godina usvajali HTML5, u praksi ne postoje mnogi koji ga koriste u praktičnom rješenju, uglavnom zbog nedostatka vremena ili razumijevanja. Šanse su da se jezik promovira za određeno vrijeme, bit će entuzijasta koji će ući u probleme eliminiranja vaših problema stvaranjem HTML5 generatora i okvira za obrasce.
U Hongkiatu uvijek želimo učiniti vaš razvoj što lakšim, tako da je u nastavku popis HTML5 generatora i okvira koji ubrzavaju razvoj HTML5 ili vam olakšavaju probleme poput kompatibilnosti preglednika. Do kraja dana, vaš razvoj HTML5 bit će jednostavniji i sretniji s tim generatorima i okvirima!
Zašto okvir?
Iako će možda trebati neko vrijeme da zapravo naučite okvir, ako imate gotov okvir, sve što trebate dodati je sadržaj i male izmjene prema vašem ukusu. Također se ne brinite o tome, svijet vas neće prezirati zbog korištenja HTML5 generatora predložaka ili okvira spremnog za upotrebu. Praktičnost je na prvom mjestu!
Osim toga, okviri koji se koriste za korištenje obično imaju lojalne pristupe i podršku. Prednost korištenja okvira je da stvarno ne morate brinuti o ozbiljnim problemima kao što su cross-browser i cross-platform kompatibilnost, netko drugi je već o tome razmišljao. Ali, naravno, možete pridonijeti njihovom cilju, posebno za otvorene knjižnice i okvire.
Uostalom, uvijek je dobro imati dodatnu opremu u vašem alatu za dizajn!
Generatori predložaka i okviri
Initializr
Za generiranje HTML5 predloška potrebno je samo nekoliko klikova. Initializr vam daje i opciju želite li da predložak uključi JavaScript ili jQuery, konfiguracije poslužitelja i Google analytics.
Initializr je također izgrađen na HTML5BoilerPlate, još jednom izvrsnom alatu za proširenje HTML5-a, dodavanje funkcionalnosti i poboljšanje cijele web-lokacije.
Generator predložaka HTML5
Alternativa je HTML5 predložak generatora Shikiryu.com. Ima dodatnu mogućnost uključivanja opisa autora web-lokacije, a uključuje i opcije za Favicon i Apple Touch ikonu u slučaju da želite da se automatski umetnu u predložak.
SwitchToHTML5
Još jedan veliki generator HTML5 okvira je SwitchToHTML5. Kao i drugi, omogućuje vam dodavanje nekoliko elemenata kao što su ,
,
,
, i drugi. SwithToHTML5 vam daje i opciju želite li podržavati Internet Explorer ili ne, jer njegova inačica ranije od IE9 ne podržava izvorno HTML5.
reformiran
Ne mogu biti jedini koji mrzi stvaranje forme, zar ne? Stvaranje forme je zamoran zadatak, barem za ljude poput mene, zato je reformirana ovdje kako bi pomogla ljudima da stvore čiste i funkcionalne oblike! reformiran je HTML5 graditelj obrazaca koji je vrlo lagan i neće vam uzrokovati previše problema, kao ako radite obrazac od nule.
Postoje dvije verzije, web-aplikacija i samostalna desktop aplikacija, iako ćete morati platiti za rad izvanmrežno. Pa, ako vam se sviđa aplikacija, pokažite malo ljubavi!
Modernizr
Iskoristite prednosti HTML5 i CSS3 koristeći Modernizr. To je JavaScript biblioteka otvorenog koda koja programerima pomaže u stvaranju najboljih web-mjesta koja sadrže HTML5 i CSS3.
Stariji preglednici nisu problemi s Modernizrom, posjetitelji će vidjeti što bi trebali vidjeti bez obzira na verziju u kojoj je njihov preglednik.
52framework
Tehnički nije generator, već okvir za preuzimanje koji ubrzava razvojni proces. Okvirni sustav eliminira gnjavažu HTML5 i izlaže sve što je ispred vas, što ubrzava i olakšava razvoj.
52framework podržava širok raspon preglednika, što kompatibilnost cross-preglednika čini manje problemom. A dobra vijest za programere? On čak djelomično podržava IE6!
HTML5 urednici
Aloha Editor
Budući da već govorimo o uslugama i aplikacijama koje ubrzavaju razvoj, evo nevjerojatnog alata koji će vam pomoći urediti sadržaj web-lokacije sa sadržajem koji je usklađen s xHTML5.
Aloha Editor je HTML5 urednik, ne samo bilo koji urednik, već WYSIWYG editor koji može trenutačno izmijeniti sadržaj Vaše web lokacije, čim izvršite izmjene u uređivaču.
wallaby
Svaki je sanjao o pretvaranju Flash animacija u HTML5? Wallaby, projekt tvrtke Adobe, omogućuje pretvorbu Flash animacija i umjetničkih djela u HTML5, čime se datoteke mogu uređivati na Dreamweaveru ili drugim urednicima.
Reference
Zaronite u HTML5
Velika i ugodna knjiga za početak učenja o HTML5 u kreativnom načinu razmišljanja, to je također dobar izvor koji daje svježu ideju ljudima koji već poznaju funkcioniranje HTML5.
HTML5 referenca
Izvorni W3C vodič za HTML5, s fokusom na jednostavnost i praktične aplikacije za početnike, a pruža detaljne informacije za napredne web-programere.
Više
Za sada nema mnogo toga za vidjeti. Još uvijek, relativno, malo alata za HTML5 okvir i predloške koje ćete koristiti, kao što ste možda primijetili ako ste provjerili veze, većina značajki za svaki generator / okvir su slične. Možda sam propustio alate koje upotrebljavate za razvoj izvrsnih HTML5 web-lokacija pa ih, ako ih želite, možete objaviti u komentarima!
Također provjerite naše postove ako ste spremni dobiti više o HTML5!
- HTML5: 15 Inspirativna iskustva
- HTML5: 19 web-aplikacije
- HTML5: 48 potencijalni demo za ubijanje Flash-a
- Napravite kontaktni obrazac za HTML5 / CSS3 temeljen na Ajaxu