HTML5 Generatoare de șabloane, cadre și instrumente
Deși marii jucători din industria de web design au adoptat HTML5 în ultimii ani, nu există foarte mulți alții care să le folosească în soluții practice, mai ales din cauza lipsei de timp sau de înțelegere. Șansele sunt dacă o limbă este promovată pentru o anumită perioadă de timp, vor exista entuziaști care intră în problemele de eliminare a problemelor dvs. prin crearea de generatori de șabloane HTML5 și cadre.
La Hongkiat, dorim mereu ca dezvoltarea dvs. să funcționeze cât mai ușor posibil, așa că mai jos este lista generatoarelor de șabloane HTML5 și a cadrelor care accelerează dezvoltarea HTML5 sau vă ajută să ușurați problemele legate de compatibilitate cu browserul. Până la sfârșitul zilei, dezvoltarea HTML5 va deveni mai ușoară și mai fericită cu acești generatori și cadre!
De ce cadru?
Deși s-ar putea să dureze ceva timp pentru a învăța efectiv cadrul, dacă aveți cadrul pregătit, tot ce trebuie să adăugați este conținutul și ușoarele modificări în funcție de gustul dvs. De asemenea, nu vă faceți griji despre asta, lumea nu vă va privi dispreț pentru utilizarea unui generator de șabloane HTML5 sau a unui cadru gata de utilizare. Practicitatea vine pe primul loc!
În plus, cadrele care sunt utilizate acolo pentru utilizare au de obicei fidelitate și sprijin. Un avantaj al utilizării cadrelor este că într-adevăr nu trebuie să vă faceți griji cu privire la probleme serioase, cum ar fi compatibilitatea cu browser-ul încrucișat și cross-platform, altcineva și-a dat deja seama de asta. Dar, desigur, puteți contribui la cauza lor, în special pentru bibliotecile și cadrele open-source.
La urma urmei, este întotdeauna bine să ai o unealtă suplimentară în caseta de instrumente de proiectare!
Generatoare de șabloane și cadre
Initializr
Câteva clicuri sunt necesare pentru a vă genera un șablon HTML5. Inițializatorul vă oferă, de asemenea, o opțiune dacă doriți ca șablonul dvs. să includă JavaScript sau jQuery, configurațiile serverului și Google Analytics.
Initializer este, de asemenea, construit pe HTML5BoilerPlate, un alt instrument excelent pentru extinderea înțelegerii HTML5, adăugarea de funcționalități și îmbunătățirea întregului site.
HTML5 Generator de șabloane
O alternativă este generatorul de șabloane HTML5 al Shikiryu.com. Are o opțiune suplimentară pentru a include descrierea autorului site-ului, include opțiuni pentru pictograma Favicon și Apple Touch în cazul în care doriți ca acestea să fie inserate automat în șablon.
SwitchToHTML5
Un alt mare generator de cadre HTML5 este SwitchToHTML5. Ca și alții, vă permite să adăugați mai multe elemente, cum ar fi ,
,
,
, si altii. SwithToHTML5 vă oferă, de asemenea, opțiunea dacă doriți să acceptați Internet Explorer sau nu, deoarece versiunea sa mai veche decât IE9 nu acceptă nativ HTML5.
reformat
Spune, nu pot fi singurul care urăște crearea de forme, nu? Crearea de formulare este o sarcină plictisitoare, cel puțin pentru oameni ca mine, de aceea reformat a fost aici pentru a ajuta oamenii să creeze forme curate și funcționale! reformat este un constructor de formular HTML5 care este foarte ușor și nu vă va provoca prea multe probleme, ca de exemplu dacă faceți formularul de la zero.
Există două versiuni, o aplicație web și o aplicație desktop autonomă, deși va trebui să plătiți pentru a funcționa offline. Dacă vă place aplicația, arătați ceva dragoste!
Modernizr
Profitați de HTML5 și CSS3 utilizând Modernizr. Este o bibliotecă JavaScript open-source pentru a ajuta dezvoltatorii să creeze cele mai bune site-uri care includ HTML5 și CSS3.
Browserurile mai vechi nu sunt problemele cu Modernizr, vizitatorii vor vedea ce ar trebui să vadă indiferent de ce versiune are browserul lor.
52framework
Din punct de vedere tehnic, nu un generator, ci un cadru care poate fi descărcat, care accelerează procesul de dezvoltare. 52framework elimină hassles-ul HTML5 și pune totul în fața dvs., făcând dezvoltarea mai rapidă și mai ușoară.
52framework suportă o mare varietate de browsere, ceea ce face ca compatibilitatea cu browserele să fie o problemă mai mică. Și vestea bună pentru dezvoltatori? Sprijină chiar și IE6 parțial!
Editorii HTML5
Editorul Aloha
Deoarece deja vorbim despre servicii și aplicații care accelerează dezvoltarea, iată un instrument uimitor care vă ajută să editați conținutul site-ului cu conținut compatibil xHTML5.
Editorul Aloha este un editor HTML5, nu doar un editor, ci un editor WYSIWYG care poate modifica instantaneu conținutul site-ului dvs., de îndată ce faceți modificările editorului.
Wallaby
Fiecare a visat să convertească animațiile Flash în HTML5? Wallaby, un proiect al Adobe, face posibilă conversia animațiilor Flash și a lucrărilor de artă în HTML5, redând fișierele editabile pe Dreamweaver sau pe alți editori.
Referințe
Verificați în HTML5
O carte excelentă și plăcută pentru a începe să învățați despre HTML5 într-un mod creativ de gândire, aceasta este, de asemenea, o resursă bună care oferă o idee proaspătă pentru persoanele care cunosc deja funcționarea HTML5.
Referința HTML5
Un ghid original W3C pentru HTML5, cu accent pe simplitate și aplicații practice pentru începători, oferind în același timp informații detaliate pentru dezvoltatorii web avansați.
Mai Mult
Deocamdată, nu este prea mult de văzut de fapt. Există încă relativ puține instrumente pentru a utiliza cadrul HTML5 și șabloanele, după cum probabil ați observat dacă ați verificat legăturile, majoritatea caracteristicilor pentru fiecare generator / cadru sunt similare. S-ar putea să fi lipsit unelte pe care le utilizați pentru a dezvolta site-uri minunate HTML5, deci dacă doriți să partajați-le liber să le postați în comentarii!
De asemenea, verificați postările noastre dacă sunteți dispus să obțineți mai multe despre HTML5!
- HTML5: 15 Experiente inspiratoare
- HTML5: 19 aplicații web
- HTML5: 48 Demonstrații potențiale privind uciderea cu bliț
- Creați formularul de contact HTML5 / CSS3 bazat pe Ajax