HTML5-mallin generaattorit, kehykset ja työkalut
Vaikka web-suunnittelualan suuret toimijat ovat hyväksyneet HTML5: n viime vuosina, ei ole todellakaan monia muita käytännöllisiä ratkaisuja, lähinnä ajan tai ymmärryksen puutteen vuoksi. Mahdollisuudet ovat, jos kieltä mainostetaan tiettynä ajankohtana, on harrastajia, jotka menevät ongelmiin poistamalla ongelmasi luomalla HTML5-mallin generaattorit ja kehykset.
Hongkiatissa haluamme aina tehdä kehitystyöstäsi mahdollisimman helpon, joten alla on luettelo HTML5-mallin generaattoreista ja kehyksistä, jotka joko nopeuttavat HTML5-kehitystäsi tai auttavat helpottamaan ongelmia, kuten selaimen yhteensopivuutta. Päivän loppuun mennessä HTML5-kehitystyösi saadaan helpommin ja onnellisemmaksi näiden generaattorien ja kehysten kanssa!
Miksi kehys?
Vaikka se voi kestää jonkin aikaa, ennen kuin opit kehyksen, jos sinulla on kehys valmiina, sinun tarvitsee vain lisätä sisältöä ja pieniä muutoksia makusi mukaan. Älä myöskään ole huolissasi siitä, että maailma ei katso sinua hämmentävältä, kun käytät HTML5-mallin generaattoria tai käyttövalmiita kehyksiä. Käytännöllisyys tulee ensin!
Sitä paitsi puitteissa, jotka ovat siellä käytössä, on yleensä uskollisia seuraajia ja tukea. Kehysten käytön etuna on, että sinun ei todellakaan tarvitse huolehtia vakavista ongelmista, kuten selaimen ja alustojen välinen yhteensopivuus, joku muu on jo kehittänyt sitä. Mutta tietenkin voit osallistua niiden syihin, erityisesti avoimen lähdekoodin kirjastojen ja kehysten osalta.
Loppujen lopuksi on aina hyvä, että suunnitteluvälineessäsi on ylimääräinen vaihde!
Mallin generaattorit ja kehykset
Initializr
HTML5-mallin luominen vaatii vain vähän napsautuksia. Initializr tarjoaa myös vaihtoehdon, haluatko, että mallisi sisältää JavaScript- tai jQuery-, palvelimen kokoonpanot ja Google-analytiikan.
Initializr on myös rakennettu HTML5BoilerPlate, toinen suuri työkalu laajentaa HTML5 tarttua, lisätä toimintoja ja parantaa koko sivuston.
HTML5 Template Generator
Vaihtoehtona on Shikiryu.comin HTML5-mallin generaattori. Siinä on lisäksi mahdollisuus sisällyttää verkkosivuston tekijän kuvaus, sisältää myös Favicon- ja Apple Touch -kuvakkeen vaihtoehdot, jos haluat, että ne lisätään automaattisesti malliin.
SwitchToHTML5
Toinen suuri HTML5-kehysgeneraattori on SwitchToHTML5. Kuten muutkin, voit lisätä useita elementtejä, kuten ,
,
,
, ja muut. SwithToHTML5 antaa sinulle myös mahdollisuuden, haluatko tukea Internet Exploreria vai ei, koska sen versio IE9: stä aikaisemmin ei tue HTML5: n alkuperäistä versiota.
uudistettu
Sano, en voi olla ainoa, joka vihaa muotojen luomista, eikö? Lomakkeiden luominen on tylsä tehtävä, ainakin minun kaltaisille ihmisille, siksi uudistettu oli täällä auttaa ihmisiä luomaan puhtaat ja toimivat muodot! uudistettu on HTML5-lomakkeen rakentaja, joka on erittäin kevyt eikä aiheuta sinulle liikaa vaivaa, kuten jos teet lomakkeen tyhjästä.
On olemassa kaksi versiota, web-sovellus ja erillinen työpöytäsovellus, vaikka sinun on maksettava, jotta se toimii offline-tilassa. No, jos pidät sovelluksesta, näytä rakkautta!
Modernizr
Hyödynnä HTML5: ää ja CSS3: ta Modernizrin avulla. Se on avoimen lähdekoodin JavaScript-kirjasto, joka auttaa kehittäjiä luomaan parhaat sivustot, joissa on HTML5 ja CSS3.
Vanhemmat selaimet eivät ole Modernizrin kanssa, kävijät näkevät, mitä heidän pitäisi nähdä riippumatta siitä, mitä versiota heidän selaimellaan on.
52framework
Teknisesti ei generaattori vaan ladattava kehys, joka nopeuttaa kehittämisprosessia. 52kehys poistaa HTML5: n hässäkkää ja esittää kaiken aivan edessänne, jolloin kehitys on nopeampaa ja helpompaa.
52kehys tukee laajaa valikoimaa selaimia, mikä tekee selaimen yhteensopivuudesta vähemmän ongelman. Ja hyviä uutisia kehittäjille? Se tukee jopa IE6: ta osittain!
HTML5-editorit
Aloha Editor
Koska puhumme jo palveluista ja sovelluksista, jotka nopeuttavat kehitystä, tässä on hämmästyttävä työkalu, jonka avulla voit muokata sivustosi sisältöä xHTML5-yhteensopivalla sisällöllä.
Aloha Editor on HTML5-editori, ei vain mikä tahansa editori, vaan WYSIWYG-editori, joka voi muokata sivustosi sisältöä heti, kun olet tehnyt muutokset editorissa.
Wallaby
Jokainen haaveili Flash-animaatioiden muuntamisesta HTML5: ksi? Adoben projekti, Wallaby, mahdollistaa Flash-animaatioiden ja taideteosten muuntamisen HTML5-muotoon, mikä tekee tiedostoista muokattavissa Dreamweaverissa tai muissa toimittajissa.
Viitteet
Sukella HTML5: ään
Hyvä ja hauska kirja HTML5: n oppimisesta luovalla ajattelutavalla, tämä on myös hyvä resurssi, joka antaa uuden käsityksen ihmisille, jotka jo tuntevat HTML5: n toiminnot.
HTML5-viite
Alkuperäinen W3C: n HTML5-opas, jossa keskitytään yksinkertaisuuteen ja käytännöllisiin sovelluksiin aloittelijoille..
Lisää
Nyt ei todellakaan ole paljon nähtävää. HTML5-kehyksen ja -mallien käyttöä on vielä suhteellisen vähän, koska olet ehkä huomannut, että olet tarkistanut linkit, suurin osa kunkin generaattorin / kehyksen ominaisuuksista on samanlainen. Olen ehkä menettänyt työkaluja, joita käytät, kun kehität mahtavia HTML5-sivustoja, joten jos haluat jakaa ne, voit lähettää ne kommentteihin!
Tutustu myös virkoihimme, jos olet valmis saamaan lisätietoja HTML5: stä!
- HTML5: 15 innostavaa kokemusta
- HTML5: 19 Web-sovellukset
- HTML5: 48 Mahdolliset Flash-tappamisen demot
- Luo Ajax-pohjainen HTML5 / CSS3-yhteyslomake