Generatorji predlog HTML5, okviri in orodja
Čeprav so veliki igralci v industriji spletnega oblikovanja v zadnjih letih sprejeli HTML5, v praksi ni veliko drugih, ki bi ga uporabljali v praktični rešitvi, predvsem zaradi pomanjkanja časa ali razumevanja. Možnosti so, če se jezik promovira za določen čas, zato bodo ljudje, ki se ukvarjajo z odpravljanjem težav, ustvarjali HTML5 generatorje in okvire..
V podjetju Hongkiat želimo, da vaše razvojno delo poteka čim bolj preprosto, zato je spodaj seznam generatorjev in okvirov HTML5, ki pospešijo razvoj HTML5 ali vam pomagajo odpraviti težave, kot je združljivost brskalnika. Do konca dneva bo vaš razvoj HTML5 postal lažji in srečnejši s temi generatorji in okviri!
Zakaj okvir?
Čeprav bo morda potreben nekaj časa, da se dejansko naučite okvir, če imate pripravljen okvir, vse, kar morate dodati, je vsebina in rahle spremembe glede na vaš okus. Prav tako ne skrbite za to, da vas svet ne bo gledal prezirno za uporabo predloge HTML5 ali ogrodja, pripravljenega za uporabo. Praktičnost je na prvem mestu!
Poleg tega imajo okviri, ki so tam zunaj, običajno zveste sledenje in podporo. Prednost uporabe okvirov je, da vam res ni treba skrbeti za resna vprašanja, kot je navzkrižno brskanje in združljivost med različnimi platformami. Seveda pa lahko prispevate k njihovemu vzroku, še posebej za odprtokodne knjižnice in okvire.
Konec koncev je vedno dobro imeti dodatno orodje v orodjarni!
Generatorji predlog in okviri
Initializr
Za ustvarjanje predloge HTML5 potrebujete le nekaj klikov. Initializr vam ponuja tudi možnost, ali želite, da vaša predloga vključuje JavaScript ali jQuery, konfiguracije strežnikov in Google analytics.
Initializr je zgrajen tudi na HTML5BoilerPlate, ki je še eno odlično orodje za razširitev vašega HTML5, dodajanje funkcionalnosti in izboljšanje celotnega spletnega mesta..
Generator predlog HTML5
Druga možnost je generator predloga HTML5 v Shikiryu.com. Ima dodatno možnost za vključitev opisa avtorja spletnega mesta, vključuje tudi možnosti za ikono Favicon in Apple Touch, če želite, da se samodejno vstavijo v predlogo.
SwitchToHTML5
Še en velik generator HTML5 okvirja je SwitchToHTML5. Tako kot drugi vam omogoča, da dodate več elementov, kot je ,
,
,
, in drugi. SwithToHTML5 vam ponuja tudi možnost, ali želite podpirati Internet Explorer ali ne, saj njegova različica pred IE9 ne podpira jezika HTML5.
reformirane
Ne morem biti edini, ki sovraži ustvarjanje obrazcev, kajne? Ustvarjanje oblik je dolgotrajna naloga, vsaj za ljudi, kot sem jaz, zato je bila reformirana tukaj, da bi ljudem pomagala ustvariti čiste in delujoče oblike! reformiran je oblikovalec obrazcev HTML5, ki je zelo lahek in vam ne povzroča preveč težav, na primer, če naredite obrazec iz nič.
Obstajata dve različici, spletna aplikacija in samostojna namizna aplikacija, čeprav boste morali plačati, da bo deloval brez povezave. No, če vam je všeč aplikacija, pokažite nekaj ljubezni!
Modernizr
Izkoristite prednosti HTML5 in CSS3 z uporabo programa Modernizr. Je knjižnica odprtokodnega JavaScripta, ki razvijalcem pomaga pri ustvarjanju najboljših spletnih mest, ki vsebujejo HTML5 in CSS3.
Starejši brskalniki niso problemi s Modernizr, obiskovalci bodo videli, kaj bi morali videti, ne glede na to, katera različica je njihov brskalnik.
52 okvir
Tehnično ne generator, ampak prenosljiv okvir, ki pospešuje razvojni proces. 52framework odpravlja težave HTML5 in določa vse, kar je pred vami, zaradi česar je razvoj hitrejši in lažji.
52framework podpira veliko različnih brskalnikov, zaradi česar je združljivost med brskalniki manj problematična. In dobra novica za razvijalce? Delno podpira tudi IE6!
Uredniki HTML5
Aloha Editor
Ker že govorimo o storitvah in aplikacijah, ki pospešujejo razvoj, tukaj je neverjetno orodje, ki vam pomaga urediti vsebino spletnega mesta z vsebino, ki je skladna s xHTML5.
Aloha Editor je urejevalnik HTML5, ne le urejevalnik, temveč urejevalnik WYSIWYG, ki lahko takoj spremeni vsebino vašega spletnega mesta, takoj ko naredite spremembe v urejevalniku.
Wallaby
Vsak sanjal o pretvorbi Flash animacij v HTML5? Wallaby, projekt podjetja Adobe, omogoča pretvorbo animacij Flash in umetniških del v HTML5, kar omogoča urejanje datotek v Dreamweaverju ali drugih urednikih.
Reference
Potopite se v HTML5
Odlična in prijetna knjiga za začetek učenja HTML5 v ustvarjalnem načinu razmišljanja, to je tudi dober vir, ki daje svežo idejo za ljudi, ki že poznajo delovanje HTML5.
Referenca HTML5
Izvirni W3Cov vodnik za HTML5, s poudarkom na preprostosti in praktičnih aplikacijah za začetnike, obenem pa nudi podrobne informacije za napredne spletne razvijalce.
Več
Za zdaj ni veliko za videti. Še vedno je razmeroma malo orodij za okvirje HTML5 in predlog za uporabo, kot ste morda opazili, če ste preverili povezave, je večina funkcij za vsak generator / okvir podobna. Morda sem zamudil orodja, ki jih uporabljate za razvoj odličnih HTML5 spletnih mest, zato jih, če želite deliti, lahko objavite v komentarjih!
Prav tako si oglejte naše objave, če ste pripravljeni dobiti več o HTML5!
- HTML5: 15 navdihujoče izkušnje
- Spletne aplikacije HTML5: 19
- HTML5: 48 potencialni demo za ubijanje flash
- Ustvarite kontaktni obrazec za HTML5 / CSS3, ki temelji na Ajaxu