Генератори шаблонів HTML5, рамки та інструменти
Незважаючи на те, що великі гравці в галузі веб-дизайну впродовж останніх років впроваджують HTML5, практично не багато інших використовують його в практичному рішенні, в основному через відсутність часу або розуміння. Швидше за все, якщо мова просувається на певний час, з'являться ентузіасти, які втручаються у проблеми усунення проблем, створюючи HTML5 генератори шаблонів і рамки.
У Hongkiat ми завжди хочемо, щоб ваша розробка працювала якомога простіше, тому нижче наведено список генераторів і фреймів HTML5, які або прискорюють розробку HTML5, або допомагають уникнути проблем, таких як сумісність браузерів. До кінця дня ваша розробка HTML5 стане легшою та щасливішою з цими генераторами та рамками!
Чому рамки?
Хоча це може зайняти деякий час, щоб насправді дізнатися рамки, якщо у вас є готові рамки все, що вам потрібно додати, це зміст і незначні зміни відповідно до вашого смаку. Також не турбуйтеся, світ не буде дивитися на вас зневажливо за використання генератора шаблонів HTML5 або готового до використання. Практичність на першому місці!
Крім того, рамки, які існують для використання, зазвичай мають лояльні послідовності та підтримку. Перевагою використання фреймворків є те, що вам дійсно не потрібно турбуватися про серйозні проблеми, такі як крос-браузерна та сумісність між платформами, хтось інший вже роздумував про це для вас. Але, звичайно, ви можете сприяти їхній справі, особливо для бібліотек з відкритим кодом і фреймворків.
Врешті-решт, це завжди добре мати додаткову передачу у вашій конструкції інструментарій!
Генератори шаблонів і рамки
Ініціалізатор
Для створення шаблону HTML5 потрібно лише кілька кліків. Ініціалізатор також надає опцію, чи хочете ви, щоб ваш шаблон містив JavaScript або jQuery, конфігурації сервера та аналітику Google.
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, відвідувачі побачать, що вони повинні бачити, незалежно від того, яка версія їх браузер.
52
Технічно не генератор, а завантажувана структура, яка прискорює процес розробки. 52framework виключає неприємності HTML5 і викладає все прямо перед вами, роблячи розробку швидше і простіше.
52framework підтримує велику кількість різноманітних браузерів, завдяки чому сумісність крос-браузерів є меншою проблемою. А хороша новина для розробників? Він навіть частково підтримує IE6!
Редактори HTML5
Редактор Aloha
Оскільки ми вже говоримо про служби та програми, які прискорюють розробку, ось дивовижний інструмент, який допоможе вам змінити вміст сайту за допомогою вмісту, сумісного з xHTML5.
Редактор Aloha - це редактор HTML5, а не будь-який редактор, але редактор WYSIWYG, який може миттєво змінювати вміст вашого сайту, як тільки ви внесете зміни до редактора.
Валлабі
Кожен мріяв перетворити Flash анімації на HTML5? Проект Wallaby, створений компанією Adobe, дозволяє конвертувати Flash-анімації та твори мистецтва до HTML5, надаючи можливість редагування файлів у Dreamweaver або інших редакторах.
Список літератури
Занурення в HTML5
Чудова і приємна книга, щоб почати вивчати HTML5 у творчому мисленні, це також хороший ресурс, який дає свіжу ідею для людей, які вже знають роботу HTML5.
Довідка HTML5
Оригінальний довідник W3C по HTML5, з акцентом на простоту і практичні додатки для початківців, надаючи детальну інформацію для передових веб-розробників.
Більше
Поки що насправді нема чого бачити. Є ще, відносно, мало інструментів для HTML5 і шаблонів для використання, як ви могли помітити, якщо ви перевірили посилання, більшість функцій для кожного генератора / рамки схожі. Можливо, я пропустив інструменти, які ви використовуєте для розробки чудових веб-сайтів HTML5, тому, якщо ви хочете поділитися, не соромтеся розміщувати їх у коментарях!
Також перевірте наші пости, якщо ви бажаєте отримати більше інформації про HTML5!
- HTML5: 15 Надихаючі досвід
- Веб-програми HTML5: 19
- HTML5: 48 Потенційні флеш-убиваючі демонстрації
- Створити контактну форму HTML5 / CSS3 на основі Ajax