HTML5 sablongenerátorok, keretek és eszközök
Bár a webes tervezőipar nagy szereplői az elmúlt években HTML5-t alkalmaztak, a gyakorlatban nem sokan használják ezt a gyakorlatot, főként az idő vagy a megértés hiánya miatt. Esély van arra, hogy egy bizonyos idő alatt egy nyelvet népszerűsítsenek, a rajongók pedig a bajok megszüntetésére kerülnek a HTML5 sablongenerátorok és keretek létrehozásával.
A Hongkiatnál mindig szeretnénk a lehető legegyszerűbbé tenni a fejlesztési munkát, így az alábbiakban felsoroljuk azokat a HTML5 sablongenerátorokat és kereteket, amelyek felgyorsítják a HTML5 fejlesztését, vagy segítenek megkönnyíteni a bonyolult problémákat, például a böngésző kompatibilitását. A nap végére a HTML5 fejlesztése csak könnyebb és boldogabb lesz a generátorokkal és keretekkel!
Miért keretrendszer?
Habár időbe telik, hogy ténylegesen megtanulják a keretrendszert, ha már készen áll a keretrendszerre, mindössze annyit kell tennie, hogy hozzáadja az ízlés szerinti tartalmat és kis módosításokat. Ne aggódj is róla, a világ nem fog rettenetesen nézni rád a HTML5 sablongenerátor vagy egy használatra kész keret használatával. Gyakorlatilag először jön!
Ráadásul a keretek, amelyek ott használhatók, általában hűséges követéssel és támogatással rendelkeznek. A keretrendszerek használatának előnye, hogy tényleg nem kell aggódnia olyan komoly problémák miatt, mint a böngésző és a platformok közötti kompatibilitás, valaki más már átadta magát neked. De természetesen hozzájárulhat az okaikhoz, különösen a nyílt forráskódú könyvtárakhoz és keretekhez.
Végtére is, mindig jó, ha extra felszereltséggel rendelkezel a tervezési eszköztárban!
Sablongenerátorok és keretek
Initializr
Néhány kattintással mindössze egy HTML5 sablon létrehozása szükséges. Az Initializr lehetőséget biztosít arra is, hogy a sablonja tartalmazza a JavaScript vagy a jQuery, a kiszolgáló konfigurációit és a Google Analytics szolgáltatást..
Az Initializr a HTML5BoilerPlate-re épül, és egy másik nagyszerű eszköz a HTML5-megfogás bővítésére, funkciók hozzáadására és az egész webhely fejlesztésére.
HTML5 sablongenerátor
A Shikiryu.com HTML5 sablongenerátorának alternatívája. További lehetősége van a weboldal szerzőjének leírását is magában foglaló, a Favicon és az Apple Touch ikonra vonatkozó opciókra is abban az esetben, ha azt szeretné, hogy automatikusan beilleszkedjenek a sablonba.
SwitchToHTML5
Egy másik nagyszerű HTML5 keretgenerátor SwitchToHTML5. A többihez hasonlóan több elemet is hozzáadhat, például: ,
,
,
, és mások. A SwithToHTML5 azt is megadja, hogy támogatni kívánja-e az Internet Explorer programot, mivel az IE9-nél korábbi verziója nem támogatja a HTML5 natív.
református
Mondja, nem lehet az egyetlen, aki utálja az űrlapok létrehozását, ugye? Az űrlapok létrehozása unalmas feladat, legalábbis az én hasonló emberek számára, ezért a reformált itt volt, hogy segítsen az embereknek tiszta és működő formák létrehozásában! a reformált HTML5 űrlapkészítő, amely nagyon könnyű, és nem okoz túl sok bajt, mintha az űrlapot semmiből készítené.
Két változat van, egy webalkalmazás és egy önálló asztali alkalmazás, bár fizetnie kell, hogy offline állapotban működjön. Nos, ha szereted az alkalmazást, mutasd meg a szeretetet!
Modernizr
Használja ki a HTML5 és a CSS3 előnyeit a Modernizr használatával. Ez egy nyílt forráskódú JavaScript-könyvtár, amely segít a fejlesztőknek a HTML5-t és a CSS3-t tartalmazó legjobb webhelyek létrehozásában.
Az idősebb böngészők nem a Modernizr problémái, a látogatók meglátják, mit kell látniuk, függetlenül a böngészőjük verziójától.
52framework
Technikailag nem generátor, hanem letölthető keret, amely felgyorsítja a fejlesztési folyamatot. Az 52 keretrendszer kiküszöböli a HTML5 hassles-jét, és mindent elé állít, így a fejlesztés gyorsabb és egyszerűbb.
Az 52 keretrendszer számos böngészőt támogat, így a böngészők közötti kompatibilitás kevésbé fontos. És a jó hír a fejlesztőknek? Még az IE6-ot is részben támogatja!
HTML5 szerkesztők
Aloha szerkesztő
Mivel már beszélünk olyan szolgáltatásokról és alkalmazásokról, amelyek felgyorsítják a fejlesztést, itt egy csodálatos eszköz, amely segít a webhelytartalom szerkesztésében xHTML5-kompatibilis tartalommal.
Az Aloha Editor egy HTML5-szerkesztő, nem csak egyetlen szerkesztő, hanem egy WYSIWYG-szerkesztő, amely azonnal módosíthatja webhelye tartalmát, amint a szerkesztőben végrehajtja a módosításokat.
Wallaby kenguru
Minden álmodott a Flash animációk HTML5-re történő átalakításáról? A Wallaby, az Adobe egy projektje, lehetővé teszi a Flash animációk és művek HTML5-re történő átalakítását, a Dreamweaver vagy más szerkesztők által szerkeszthető fájlokat..
Irodalom
Dive Into HTML5
Nagyszerű és élvezetes könyv, amely kreatív gondolkodásmódban elkezd tanulni a HTML5-ről, ez egy jó forrás, amely új ötletet ad azoknak, akik már ismerik a HTML5 működését.
HTML5 hivatkozás
Eredeti W3C útmutató a HTML5-hez, az egyszerűségre és a gyakorlati alkalmazásokra koncentrálva a kezdőknek, miközben részletes információkat nyújt a fejlett webes fejlesztők számára.
Több
Mostanában nincs sok látni valójában. A HTML5 keretrendszerhez és a sablonokhoz még mindig viszonylag kevés eszköz használható, mivel esetleg észrevetted, hogy a linkek ellenőrzése során az egyes generátorok / keretek jellemzői hasonlóak. Lehet, hogy nem fogadtam el az olyan eszközöket, amelyeket félelmetes HTML5 webhelyek fejlesztésére használsz, így ha meg szeretnéd osztani, írd be őket a megjegyzésekbe!
Szintén nézze meg üzeneteinket, ha hajlandó többet kapni a HTML5-ről!
- HTML5: 15 inspiráló tapasztalat
- HTML5: 19 Webes alkalmazások
- HTML5: 48 Lehetséges Flash-Killing Demos
- Készítsen Ajax-alapú HTML5 / CSS3 kapcsolati űrlapot