HTML5 генератори на шаблони, рамки и инструменти
Въпреки че големите играчи в индустрията на уеб дизайна са приемали HTML5 през последните години, всъщност не са много други, които го използват в практическо решение, най-вече поради липсата на време или разбиране. Шансовете са, ако даден език се популяризира за определено време, ще има ентусиасти, които се заемат с проблемите на премахването на проблемите си чрез създаване на HTML5 генератори и рамки.
В Hongkiat ние винаги искаме да направим Вашата разработка възможно най-лесна, така че по-долу е списъкът с HTML5 шаблони генератори и рамки, които или ускоряват развитието на HTML5, или ви помага да облекчите проблемите като съвместимостта на браузъра. В края на деня, вашата HTML5 разработка ще стане по-лесна и по-щастлива с тези генератори и рамки!
Защо Рамката?
Въпреки че може да отнеме известно време, за да научите рамката, ако имате готова рамка, всичко, което трябва да добавите, е съдържанието и леките модификации според вашия вкус. Също така не се притеснявайте, че светът няма да ви гледа презрително за използването на HTML5 генератор на шаблони или готова за употреба рамка. Практичността е на първо място!
Освен това, рамки, които са там за използване, обикновено имат лоялни последователи и подкрепа. Предимство при използването на рамки е, че наистина не се налага да се притеснявате за сериозни проблеми като крос-браузър и междуплатформена съвместимост, някой друг вече е размишлявал над това за вас. Но, разбира се, можете да допринесете за тяхната кауза, особено за библиотеки и рамки с отворен код.
В крайна сметка, винаги е добре да имате допълнителна екипировка в инструментариума си за дизайн!
Генератори на шаблони и рамки
Initializr
Малко кликове са всичко, което е необходимо за генериране на HTML5 шаблон. Initializr ви дава опция дали искате шаблонът да включва JavaScript или jQuery, конфигурации на сървъри и Google analytics.
Initializr също се изгражда на HTML5BoilerPlate, друг чудесен инструмент за разширяване на HTML5, добавяне на функционалности и подобряване на целия ви сайт.
HTML5 Генератор на шаблони
Алтернатива е генераторът на HTML5 на Shikiryu.com. Той има допълнителна опция за включване на описание за автора на уебсайта, също така включва опции за иконата на Favicon и Apple Touch в случай, че искате те да бъдат автоматично вмъкнати в шаблона..
SwitchToHTML5
Друг голям генератор на HTML5 рамки е SwitchToHTML5. Подобно на другите, тя ви позволява да добавите няколко елемента, като например ,
,
,
, и други. SwithToHTML5 също ви дава опцията дали искате да поддържате Internet Explorer или не, тъй като версията му по-рано от IE9 не поддържа оригинално HTML5.
реформиран
Не мога да бъда единственият, който мрази създаването на форми, нали? Създаването на форми е досадна задача, поне за хора като мен, затова реформираната беше тук, за да помогне на хората да създават чисти и функциониращи форми! реформиран е HTML5 съставител на формуляри, който е много лек и няма да ви причини прекалено много проблеми, като например, ако правите формата от нулата.
Има две версии, уеб приложение и самостоятелно десктоп приложение, въпреки че ще трябва да платите, за да работи офлайн. Е, ако ви харесва приложението, покажете малко любов!
Modernizr
Възползвайте се от HTML5 и CSS3 с помощта на Modernizr. Това е JavaScript библиотека с отворен код, която помага на разработчиците да създават най-добрите уебсайтове, които включват HTML5 и CSS3.
По-старите браузъри не са проблем с Modernizr, посетителите ще видят какво трябва да видят, независимо от версията на браузъра им.
52framework
Технически не е генератор, а рамка за изтегляне, която ускорява процеса на разработване. 52framework елиминира кавгите на HTML5 и излага всичко точно пред вас, което прави развитието по-бързо и по-лесно.
52framework поддържа голямо разнообразие от браузъри, което прави съвместимостта на браузъра по-малко проблем. И добрата новина за разработчиците? Той дори поддържа частично IE6!
HTML5 редактори
Редактор на Алоха
Тъй като вече говорим за услуги и приложения, които ускоряват разработката, ето един удивителен инструмент, който ви помага да редактирате съдържанието на сайта си с съдържание, съвместимо с xHTML5.
Aloha Editor е HTML5 редактор, не само някой редактор, но WYSIWYG редактор, който може да променя съдържанието на сайта ви веднага, щом направите промените в редактора.
дребна порода кенгуру
Всеки мечтал да конвертира Flash анимации в HTML5? Wallaby, проект на Adobe, прави възможно конвертирането на Flash анимации и произведения на изкуството в HTML5, като прави файловете редактируеми в Dreamweaver или други редактори.
Препратки
Гмурнете се в HTML5
Голяма и приятна книга, за да започнете да научите за HTML5 в един креативен начин на мислене, това също е добър ресурс, който дава нова идея за хора, които вече знаят работата на HTML5.
HTML5 Reference
Оригинално ръководство за HTML5 на W3C, с акцент върху простотата и практическите приложения за начинаещи, като същевременно предоставя подробна информация за напреднали уеб разработчици.
| Повече ▼
Засега всъщност няма какво да се види. Все още има сравнително малко инструменти за използване на HTML5 рамката и шаблоните, както може би сте забелязали, ако проверите връзките, повечето от функциите за всеки генератор / рамка са подобни. Може да съм пропуснал инструменти, които използвате, за да разработите страхотни HTML5 уебсайтове, така че ако искате да споделите, можете да ги публикувате в коментарите!
Също така разгледайте нашите публикации, ако желаете да научите повече за HTML5!
- HTML5: 15 Вдъхновяващи преживявания
- HTML5: 19 уеб приложения
- HTML5: 48 Потенциални демо-версии на Flash-Killing
- Създаване на Ajax-базиран HTML5 / CSS3 формуляр за контакт