HTML5 mallide generaatorid, raamid ja tööriistad
Kuigi veebidisainitööstuse suured mängijad on HTML5 vastu võtnud viimastel aastatel, ei ole tegelikult palju teisi praktilist lahendust kasutanud, peamiselt ajapuuduse või arusaamise tõttu. Võimalik, et keelt reklaamitakse teatud aja jooksul, on entusiastid, kes sattuvad muredesse, et kõrvaldada oma mured, luues HTML5 malli generaatorid ja raamistikud.
Hongkiatis tahame alati teha teie arendustööd võimalikult lihtsaks, nii et allpool on nimekiri HTML5-mallide generaatoritest ja raamistikest, mis kiirendavad HTML5-arendust või aitavad teil kergendada murettekitavaid küsimusi, nagu brauseri ühilduvus. Päeva lõpuks muutub teie HTML5 arendus nende generaatorite ja raamistikega ainult lihtsamaks ja õnnelikumaks!
Miks raamistik?
Ehkki raamistiku õppimiseks võib kuluda veidi aega, kui teil on raamistik valmis, siis peate lisama vaid oma maitsele vastava sisu ja väikesed muudatused. Samuti ärge muretsege selle pärast, et maailm ei vaata sind halvasti HTML5 malli genereerimise või kasutusvalmis raamistiku kasutamise eest. Praktilisus tuleb kõigepealt!
Pealegi on seal kasutatavad raamid tavaliselt lojaalsed ja toetavad. Raamistike kasutamise eeliseks on, et te ei pea enam muretsema tõsiste probleemide pärast, nagu näiteks brauseritevaheline ja platvormidevaheline ühilduvus, keegi teine on selle eest juba teie heaks kiitnud. Aga loomulikult saate aidata kaasa nende põhjusele, eriti avatud lähtekoodiga raamatukogudele ja raamistikele.
Lõppude lõpuks on alati hea, et teie disaini tööriistakastis oleks täiendav käik!
Mallide generaatorid ja raamistikud
Initializr
HTML5-malli loomiseks on vaja vaid mõningaid klikke. Initializr annab teile ka võimaluse, kas soovite oma malli lisada JavaScripti või jQuery, serverikonfiguratsioonid ja Google Analytics.
Initializr on ehitatud ka HTML5BoilerPlate'ile, mis on teine suurepärane tööriist HTML5 haarde laiendamiseks, funktsioonide lisamiseks ja kogu saidi täiustamiseks.
HTML5 mallide generaator
Alternatiiviks on Shikiryu.com HTML5 malli generaator. Sellel on lisavõimalus lisada veebisaidi autori kirjeldus, sisaldab ka Favicon ja Apple Touch ikooni valikuid juhul, kui soovite, et need oleks automaatselt mallile lisatud.
SwitchToHTML5
Teine suur HTML5 raamistiku generaator on SwitchToHTML5. Sarnaselt teistele võimaldab see lisada mitmeid elemente, näiteks ,
,
,
, ja teised. SwithToHTML5 annab teile ka võimaluse, kas soovite Internet Exploreri toetada või mitte, kuna selle versioon, mis on varem kui IE9, ei toeta HTML5 sisuliselt.
reformitud
Ütle, ma ei saa olla ainus, kes vihkab vormide loomist, eks? Vormide loomine on tüütu ülesanne, vähemalt minu sarnaste inimeste jaoks, sellepärast oli reformitud siin, et aidata inimestel luua puhtaid ja toimivaid vorme! reformitud on HTML5 vormi ehitaja, mis on väga kerge ja ei põhjusta teile liiga palju probleeme, nagu näiteks juhul, kui vormi teete tühjalt.
On kaks versiooni: veebirakendus ja eraldiseisev töölaua rakendus, kuigi peate maksma, et see töötaks võrguühenduseta. Noh, kui sulle meeldib see rakendus, näidake mõnda armastust!
Modernizr
Kasutage HTML5 ja CSS3 ära Modernizriga. See on avatud lähtekoodiga JavaScript-raamatukogu, mis aitab arendajatel luua parimad veebilehed, mis sisaldavad HTML5 ja CSS3.
Vanemad brauserid ei ole Modernizriga seotud, külastajad näevad, mida nad peaksid vaatama, sõltumata nende brauseri versioonist.
52raamistik
Tehniliselt mitte generaator, vaid allalaaditav raamistik, mis kiirendab arendusprotsessi. 52framework kõrvaldab HTML5 hassles ja paneb kõike just teie ees, muutes arengu kiiremaks ja lihtsamaks.
52 raamprogramm toetab paljusid erinevaid brausereid, muutes brauserite ühilduvuse vähemaks probleemiks. Ja head uudised arendajatele? See toetab isegi IE6 osaliselt!
HTML5 redaktorid
Aloha toimetaja
Kuna me räägime juba teenustest ja rakendustest, mis kiirendavad arengut, on siin hämmastav tööriist, mis aitab teil muuta saidi sisu xHTML5-ga ühilduva sisuga.
Aloha redaktor on HTML5-redaktor, mitte ainult ükski redaktor, vaid WYSIWYG-redaktor, mis saab teie saidi sisu kohe muuta, niipea kui muudate redaktoris muudatused.
Wallaby
Iga unistanud Flash-animatsioonide teisendamine HTML5-ks? Adobe'i projekt, mille projektiks on Wallaby, muudab Flash-animatsioonide ja -teoste muutmise võimalikuks HTML5-ks, muutes failid redigeeritavateks Dreamweaveris või teistes redaktorites.
Viited
Dive Into HTML5
Suurepärane ja nauditav raamat, et alustada HTML5-i õppimist loomingulises mõtteviisis, see on ka hea ressurss, mis annab värsket ideed inimestele, kes juba teavad HTML5 toimimist.
HTML5 viide
Originaal W3C juhend HTML5-le, keskendudes lihtsusele ja praktilistele rakendustele algajatele, pakkudes üksikasjalikku teavet täiustatud veebiarendajatele.
Veel
Praegu pole tegelikult palju näha. HTML5 raamistiku ja mallide kasutamiseks on veel suhteliselt vähe tööriistu, sest olete märganud, et linkide kontrollimisel on enamik iga generaatori / raamistiku omadustest sarnased. Võib-olla olete vastamata tööriistad, mida kasutate, et luua suurepäraseid HTML5 veebisaite, nii et kui soovite jagada, võite need kommentaarides vabalt postitada!
Samuti kontrollige meie postitusi, kui olete valmis HTML5 kohta rohkem teavet hankima!
- HTML5: 15 inspireerivad kogemused
- HTML5: 19 veebirakendused
- HTML5: 48 Võimalikud Flash-Killing Demod
- Loo Ajax-põhine HTML5 / CSS3 kontaktvorm