HTML5-skabelongeneratorer, rammer og værktøjer
Selv om de store spillere i webdesignindustrien har vedtaget HTML5 de seneste år, er der ikke rigtig mange andre, der bruger det i praktisk løsning, hovedsagelig på grund af manglende tid eller forståelse. Chancerne er, hvis et sprog fremmes for en bestemt tid, vil der være entusiaster, der går ind i problemerne med at eliminere dine problemer ved at oprette HTML5-skabelongeneratorer og -rammer.
Hos Hongkiat vil vi altid gøre dit udviklingsarbejde så nemt som muligt, så nedenfor er listen over HTML5-skabelongeneratorer og -rammer, der enten fremskynder din HTML5-udvikling eller hjælper dig med at lette bekymrende problemer som browserkompatibilitet. I slutningen af dagen vil din HTML5-udvikling kun blive lettere og lykkeligere med disse generatorer og rammer!
Hvorfor Framework?
Selvom det kan tage lidt tid at lære rammen, hvis du har rammen klar, skal du blot tilføje indhold og små ændringer i overensstemmelse med din smag. Du må heller ikke bekymre dig om det. Verden vil ikke se dig uhæmmeligt for at bruge en HTML5-skabelongenerator eller en brugervenlig ramme. Praktik kommer først!
Desuden har rammer, der er derude til brug, normalt loyale opfølgninger og støtte. En fordel ved at bruge rammer er, at du virkelig ikke behøver at bekymre dig om alvorlige problemer som cross-browser og kompatibilitet på tværs af platforme, en anden har allerede sprængt over det for dig. Men selvfølgelig kan du bidrage til deres årsag, især for open source biblioteker og rammer.
Det er jo altid godt at have et ekstra gear i din designværktøjskasse!
Skabelongeneratorer og rammer
Initializr
Få klik er alt, hvad der kræves for at generere dig selv en HTML5-skabelon. Initializr giver dig også en mulighed, om du vil have din skabelon til at omfatte JavaScript eller jQuery, serverkonfigurationer og Google Analytics.
Initializr er også bygget på HTML5BoilerPlate, et andet godt værktøj til at udvide dit HTML5-greb, tilføje funktionaliteter og forbedre hele dit websted.
HTML5 Template Generator
Et alternativ er Shikiryu.com's HTML5 skabelon generator. Den har en ekstra mulighed for at inkludere beskrivelse for hjemmesidens forfatter, indeholder også muligheder for Favicon og Apple Touch-ikon, hvis du vil have, at de automatisk skal indsættes i skabelonen.
SwitchToHTML5
En anden stor HTML5 ramme generator er SwitchToHTML5. Ligesom andre giver det dig mulighed for at tilføje flere elementer som f.eks ,
,
,
, og andre. SwithToHTML5 giver dig også mulighed for, om du vil støtte Internet Explorer eller ej, da dens version tidligere end IE9 ikke understøtter HTML5 indbygget.
reformeret
Sig, jeg kan ikke være den eneste, der hader at skabe former, right? Oprettelse af formularer er en kedelig opgave, i hvert fald for folk som mig, hvorfor reformerede var her for at hjælpe folk med at skabe rene og funktionelle former! reformeret er en HTML5 form builder, der er meget let og vil ikke forårsage dig for mange problemer, som om du gør formularen fra bunden.
Der er to versioner, en webapplikation og en standalone desktop-applikation, selvom du skal betale for at få det til at fungere offline. Nå, hvis du kan lide ansøgningen, vis lidt kærlighed!
Modernizr
Udnyt HTML5 og CSS3 ved hjælp af Modernizr. Det er et open-source JavaScript-bibliotek, der hjælper udviklere med at oprette de bedste websites, der indeholder HTML5 og CSS3.
Ældre browsere er ikke problemer med Modernizr, de besøgende vil se, hvad de burde se, uanset hvilken version deres browser er.
52framework
Teknisk ikke en generator, men en downloadbar ramme, der fremskynder udviklingsprocessen. 52framework eliminerer besværet med HTML5 og lægger alt lige foran dig, hvilket gør udviklingen hurtigere og nemmere.
52framework understøtter et stort udvalg af browsere, hvilket gør kryds-browser-kompatibilitet et mindre problem. Og den gode nyhed for udviklere? Det støtter endda IE6 delvist!
HTML5 redaktører
Aloha Editor
Da vi allerede taler om tjenester og applikationer, der fremskynder udvikling, er et fantastisk værktøj til at hjælpe dig med at redigere dit indhold med xHTML5-kompatibelt indhold.
Aloha Editor er en HTML5 editor, ikke bare nogen editor, men en WYSIWYG editor, der kan ændre dit indhold på hjemmesiden øjeblikkeligt, så snart du foretager ændringerne i editoren.
Wallaby
Hver drømte om at konvertere Flash animationer til HTML5? Wallaby, et projekt fra Adobe, gør konverteringen af Flash-animationer og kunstværker til HTML5 muligt, hvilket gør filerne redigerbare på Dreamweaver eller andre redaktører.
Referencer
Dyk ind i HTML5
En fantastisk og fornøjelig bog til at begynde at lære HTML5 på en kreativ måde at tænke på. Dette er også en god ressource, der giver en frisk ide til folk, der allerede kender HTML5's arbejde.
HTML5 Reference
En original W3C's guide til HTML5, med fokus på enkelhed og praktiske applikationer til begyndere, samtidig med at der gives detaljeret information til avancerede webudviklere.
Mere
For nu er der ikke meget at se faktisk. Der er stadig relativt få værktøjer til HTML5-rammer og skabeloner at bruge, som du måske har bemærket, om du har tjekket linkene, de fleste funktioner for hver generator / ramme er ens. Jeg har muligvis savnet værktøjer, som du bruger til at udvikle fantastiske HTML5-websites, så hvis du gerne vil dele, er du velkommen til at skrive dem i kommentarerne!
Se også vores indlæg, hvis du er villig til at få mere om HTML5!
- HTML5: 15 Inspirerende oplevelser
- HTML5: 19 Webapplikationer
- HTML5: 48 Potentielle Flash-Killing Demos
- Opret Ajax-baseret HTML5 / CSS3-kontaktformular