no.hideout-lastation.com
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 den 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 problemer som nettleserens kompatibilitet. Ved slutten av dagen blir HTML5-utviklingen din bare enklere og lykkeligere med disse generatorene og rammene!
Hvorfor rammeverk?
Selv om det kan ta litt tid å faktisk lære rammen, hvis du har rammen klar, alt du trenger å legge til er innholdet og små endringer i henhold til din smak. Ikke bli bekymret for det, verden vil ikke se på deg forakt med å bruke en HTML5-malgenerator eller et brukervennlig rammeverk. Praktisk 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 virkelig ikke trenger å bekymre deg for alvorlige problemer som kryssbrowser og kompatibilitet på tvers av plattformer, 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 ditt!
Template Generators & Frameworks
Initializr
Få klikk er alt som trengs for å generere deg 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.
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 malen.
SwitchToHTML5
En annen god HTML5-ramme generator er SwitchToHTML5. Som andre, kan du legge til flere elementer som
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 det 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 søknaden, vis litt kjærlighet!
Modernizr
Dra nytte 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 problemene 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 kryss-nettleser-kompatibilitet et mindre problem. Og de gode nyhetene for utviklere? Det støtter selv IE6 delvis!
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 editor, men en WYSIWYG editor som kan endre innholdet på nettstedet ditt umiddelbart, så snart du gjør endringene i editoren.
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 morsom bok for å begynne å lære om HTML5 på en kreativ måte å tenke på, dette er også en god ressurs som gir en ny ide for folk som allerede kjenner til HTML5-arbeidet.
HTML5-referanse
En original W3Cs guide til HTML5, med fokus på enkelhet og praktiske applikasjoner for nybegynnere, samtidig som du 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 som skal brukes, 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
Slik konfigurerer du prosjekter og forsterker dem ved hjelp av Bower
I del 1 av vår Bower-serie har vi vist deg Bowers essensielle funksjoner, som inkluderer installasjon, oppdatering og fjerning av websider. Bower gir også litt fleksibilitet, bortsett fra disse. Her vil vi vise deg hvordan du konfigurerer Bower og forsterker prosjektene dine med den.Endre Bower Directory Som standard vil Bower opprette et nytt katalognavn: bower_components .
Slik automatiserer du oppgaver i Visual Studio-koden
Ved å bruke et byggverktøy som Grunt eller Gulp, kan du spare mye tid på utviklingsstadiet ved å automatisere noen gjentatte "Oppgaver" . Hvis du velger Visual Studio Code som din Go-to-kode redigerer, kan arbeidsflyten din bli enda mer strømlinjeformet og til slutt være mer produktiv.Bygge
