HTML5 Template Generatorer, ramar och verktyg
Även om de stora aktörerna inom webbdesignindustrin har antagit HTML5 de senaste åren, finns det inte riktigt många andra som använder den i praktisk lösning, främst beroende på brist på tid eller förståelse. Chansen är att om ett språk främjas för viss tid, kommer det att vara entusiaster som går in i problemen att eliminera dina problem genom att skapa HTML5-mallgeneratorer och -ramar.
Hos Hongkiat vill vi alltid göra ditt utvecklingsarbete så enkelt som möjligt, så nedan är listan över HTML5-mallgeneratorer och ramverk som antingen snabbar på din HTML5-utveckling eller hjälper dig att underlätta oroliga problem som webbläsarkompatibilitet. I slutet av dagen kommer din HTML5-utveckling bara att bli enklare och lyckligare med dessa generatorer och ramar!
Varför ram?
Även om det kan ta lite tid att faktiskt lära sig ramverket, om du har ramverket klart är allt du behöver lägga till innehållet och små förändringar enligt din smak. Oroa dig inte heller om det, världen kommer inte att titta på dig föraktfullt för att använda en HTML5-mallgenerator eller en färdig att använda ram. Praktiken kommer först!
Dessutom är ramar som finns där ute för att använda vanligtvis lojala följder och stöd. En fördel med att använda ramar är att du verkligen inte behöver oroa sig för allvarliga problem som kors-webbläsare och kompatibilitet på plattformar, någon annan har redan brutit över det för dig. Men självklart kan du bidra till deras orsak, speciellt för bibliotek med öppen källkod och ramverk.
Det är trots allt alltid bra att ha extra redskap i din designverktygslåda!
Template Generators & Frameworks
Initializr
Få klick är allt som krävs för att skapa en HTML5-mall. Initializr ger dig också ett alternativ om du vill att din mall ska inkludera JavaScript eller jQuery, serverkonfigurationer och Google Analytics.
Initializr är också byggt på HTML5BoilerPlate, ett annat bra verktyg för att utöka ditt HTML5-grepp, lägga till funktioner och förbättra hela webbplatsen.
HTML5 Template Generator
Ett alternativ är Shikiryu.coms HTML5-mallgenerator. Det har ett tilläggsalternativ att inkludera beskrivning för webbplatsens författare, innehåller också alternativ för Favicon och Apple Touch-ikonen om du vill att de ska infogas automatiskt i mallen.
SwitchToHTML5
En annan bra HTML5-ramgenerator är SwitchToHTML5. Liksom andra, kan du lägga till flera element som ,
,
,
, och andra. SwithToHTML5 ger dig också möjligheten om du vill stödja Internet Explorer eller inte, eftersom dess version tidigare än IE9 inte stöder HTML5.
reformerad
Säg att jag inte kan vara den enda som hatar att skapa former, eller hur? Att skapa former är en tråkig uppgift, åtminstone för människor som jag, varför reformerade var här för att hjälpa människor att skapa rena och fungerande former! reformeras är en HTML5-form byggare som är väldigt lätt och kommer inte att orsaka dig för mycket besvär, som om du gör formuläret från början.
Det finns två versioner, en webbapplikation och en fristående skrivbordsapplikation, men du måste betala för att den ska fungera offline. Tja, om du gillar ansökan, visa lite kärlek!
Modernizr
Dra nytta av HTML5 och CSS3 med Modernizr. Det är ett JavaScript-bibliotek med öppen källkod för att hjälpa utvecklare att skapa de bästa webbplatser som innehåller HTML5 och CSS3.
Äldre webbläsare är inte problem med Modernizr, besökare kommer se vad de borde se oavsett vilken version deras webbläsare är.
52framework
Tekniskt sett inte en generator, men en nedladdningsbar ram som påskyndar utvecklingsprocessen. 52framework eliminerar krångel i HTML5 och lägger ut allt precis framför dig, vilket gör utvecklingen snabbare och enklare.
52framework stöder en stor mängd olika webbläsare, vilket gör kompatibiliteten mellan webbläsare mindre. Och de goda nyheterna för utvecklare? Det stöder även IE6 delvis!
HTML5 Redaktörer
Aloha Editor
Eftersom vi redan pratar om tjänster och applikationer som påskyndar utveckling, är det här ett fantastiskt verktyg för att hjälpa dig att redigera innehållet på webbplatsen med xHTML5-kompatibelt innehåll.
Aloha Editor är en HTML5-editor, inte bara någon redaktör, men en WYSIWYG-redaktör som kan ändra innehållet på din webbplats direkt, så snart du gör ändringarna i redigeraren.
Vallaby
Alla drömde om att konvertera Flash-animeringar till HTML5? Wallaby, ett projekt av Adobe, gör konverteringen av Flash-animationer och konstverk till HTML5 möjligt, vilket gör att filerna kan redigeras på Dreamweaver eller andra redaktörer.
referenser
Dyk till HTML5
En bra och trevlig bok för att börja lära sig HTML5 på ett kreativt sätt att tänka. Det här är också en bra resurs som ger en ny idé till personer som redan vet hur HTML5 fungerar.
HTML5-referens
En original W3C: s guide till HTML5, med fokus på enkelhet och praktiska tillämpningar för nybörjare, samtidigt som du ger detaljerad information för avancerade webbutvecklare.
Mer
För nu finns det inte mycket att se faktiskt. Det finns fortfarande relativt få verktyg för HTML5-ramar och mallar att använda, vilket du kanske har märkt om du kollade länkarna, de flesta av funktionerna för varje generator / ram är likartade. Jag kan ha missat verktyg som du använder för att utveckla häftiga HTML5-webbplatser, så om du vill dela det, är du fritt att skicka in dem i kommentarerna!
Kontrollera även våra inlägg om du är villig att få mer om HTML5!
- HTML5: 15 Inspirerande Experierings
- HTML5: 19 webbapplikationer
- HTML5: 48 Potentiella Flash-Killing Demos
- Skapa Ajax-baserad HTML5 / CSS3-kontaktformulär