HTML5 Template Generators, rammer og verktøy
Selv om de store aktørene i webdesignindustrien har vedtatt HTML5 de siste årene, er det ikke mange andre som bruker det i praktisk løsning, hovedsakelig på grunn av mangel på tid eller forståelse. Sjansene er at hvis et språk fremmes for en viss tid, vil det være entusiaster som går inn i problemene med å eliminere problemer ved å lage HTML5-malgeneratorer og -rammer.
Hos Hongkiat vil vi alltid gjøre utviklingsarbeidet ditt så enkelt som mulig, så nedenfor er listen over HTML5-malgeneratorer og -rammer som enten øker hastigheten på HTML5-utviklingen din, eller hjelper deg med å lette bekymrende problemer som nettleserkompatibilitet. På slutten av dagen blir HTML5-utviklingen din bare enklere og lykkeligere med disse generatorene og rammene!
Hvorfor rammeverket?
Selv om det kan ta litt tid å faktisk lære rammen, hvis du har rammen klar, er alt du trenger å legge til innholdet og små endringer i henhold til din smak. Ikke bli bekymret for det, verden vil ikke se på deg avskyelig for å bruke en HTML5-malgenerator eller et brukervennlig rammeverk. Praktikk kommer først!
Dessuten har rammebetingelser som er der ute for bruk, vanligvis lojale følger og støtte. En fordel ved å bruke rammer er at du egentlig ikke trenger å bekymre deg for alvorlige problemer som kryssbrowser og kompatibilitet på tvers av plattformen, noen andre har allerede spilt over det for deg. Men selvfølgelig kan du bidra til deres årsak, spesielt for open source-biblioteker og rammer.
Tross alt er det alltid godt å ha ekstra utstyr i designverktøyet!
Template Generators & Frameworks
Initializr
Få klikk er alt som trengs for å generere en HTML5-mal. Initializr gir deg også et alternativ om du vil at malen skal inkludere JavaScript eller jQuery, serverkonfigurasjoner og Google Analytics.
Initializr er også bygget på HTML5BoilerPlate, et annet flott verktøy for å utvide HTML5-grep, legge til funksjoner og forbedre hele nettstedet ditt.
HTML5 Template Generator
Et alternativ er Shikiryu.coms HTML5-malgenerator. Den har et tilleggsalternativ for å inkludere beskrivelsen for nettstedets forfatter, inneholder også alternativer for Favicon og Apple Touch-ikonet hvis du vil at de automatisk skal settes inn i mal.
SwitchToHTML5
En annen stor HTML5-ramme generator er SwitchToHTML5. Som andre, kan du legge til flere elementer som , , , og andre. SwithToHTML5 gir deg også muligheten om du vil støtte Internet Explorer eller ikke, da versjonen tidligere enn IE9 ikke støtter HTML5 native.
reformert
Si, jeg kan ikke være den eneste som hater å skape former, ikke sant? Å lage skjemaer er en kjedelig oppgave, i hvert fall for folk som meg, derfor var reformert her for å hjelpe folk til å skape rene og fungerende former! reformert er en HTML5 form builder som er veldig lett og vil ikke forårsake deg for mye trøbbel, som om du gjør skjemaet fra grunnen av.
Det er to versjoner, en webapplikasjon og et frittstående skrivebordsprogram, selv om du må betale for at den skal fungere offline. Vel, hvis du liker programmet, vis litt kjærlighet!
Modernizr
Benytt deg av HTML5 og CSS3 ved hjelp av Modernizr. Det er et open-source JavaScript-bibliotek for å hjelpe utviklere til å lage de beste nettstedene som inneholder HTML5 og CSS3.
Eldre nettlesere er ikke problemer med Modernizr, besøkende vil se hva de burde se, uansett hvilken versjon nettleseren deres er.
52framework
Teknisk ikke en generator, men et nedlastbart rammeverk som fremmer utviklingsprosessen. 52framework eliminerer hassles av HTML5 og legger ut alt rett foran deg, noe som gjør utviklingen raskere og enklere.
52framework støtter et stort utvalg av nettlesere, noe som gjør kryssbrowser-kompatibilitet et mindre problem. Og de gode nyhetene for utviklere? Den støtter selv delvis IE6!
HTML5 redaktører
Aloha Editor
Siden vi allerede snakker om tjenester og applikasjoner som fremmer utvikling, er dette et fantastisk verktøy for å hjelpe deg med å redigere innholdet på nettstedet ditt med xHTML5-kompatibelt innhold.
Aloha Editor er en HTML5-editor, ikke bare noen redaktør, men en WYSIWYG-editor som kan endre innholdet på nettstedet ditt umiddelbart, så snart du gjør endringene i redigeringsprogrammet..
Wallaby
Hver drømte om å konvertere Flash animasjoner til HTML5? Wallaby, et prosjekt av Adobe, gjør konverteringen av Flash-animasjoner og kunstverk mulig til HTML5, noe som gjør at filene kan redigeres på Dreamweaver eller andre redaktører..
referanser
Dykk inn i HTML5
En flott og hyggelig bok for å begynne å lære om HTML5 i en kreativ måte å tenke på, dette er også en god ressurs som gir en ny ide for folk som allerede kjenner til HTML5.
HTML5-referanse
En original W3Cs guide til HTML5, med fokus på enkelhet og praktiske applikasjoner for nybegynnere, samtidig som det gir detaljert informasjon for avanserte webutviklere.
Mer
For nå er det ikke mye å se faktisk. Det er fortsatt relativt få verktøy for HTML5-rammeverk og maler å bruke, som du kanskje har lagt merke til om du sjekket koblingene, de fleste funksjonene for hver generator / ramme er like. Jeg har kanskje savnet verktøy som du bruker til å utvikle fantastiske HTML5-nettsteder, så hvis du vil dele, er du velkommen til å legge inn dem i kommentarene!
Også, sjekk ut våre innlegg hvis du er villig til å få mer om HTML5!
- HTML5: 15 Inspirerende Opplevelser
- HTML5: 19 Web-applikasjoner
- HTML5: 48 Potensielle Flash-Killing Demos
- Opprett Ajax-basert HTML5 / CSS3 kontaktskjema
