HTML5 Генераторы шаблонов, фреймворки и инструменты
Хотя в последние годы крупные игроки в индустрии веб-дизайна внедряют HTML5, на самом деле не так много других используют его в практических решениях, в основном из-за нехватки времени или понимания. Скорее всего, если язык будет продвигаться в течение определенного времени, энтузиасты будут пытаться устранить ваши проблемы путем создания генераторов шаблонов HTML5 и фреймворков..
В Hongkiat мы всегда стремимся сделать вашу разработку максимально простой, поэтому ниже приведен список генераторов и каркасов шаблонов HTML5, которые либо ускоряют разработку HTML5, либо помогают облегчить решение таких проблем, как совместимость браузера. К концу дня ваша разработка HTML5 станет проще и счастливее с этими генераторами и фреймворками.!
Почему Framework?
Хотя на самом деле может потребоваться некоторое время, чтобы на самом деле изучить фреймворк, но если у вас есть фреймворк, все, что вам нужно добавить, - это контент и небольшие изменения по вашему вкусу. Также не беспокойтесь об этом, мир не будет презирать вас за использование генератора шаблонов HTML5 или готового фреймворка. Практичность на первом месте!
Кроме того, фреймворки, которые существуют для использования, обычно имеют лояльные подписки и поддержку. Преимущество использования фреймворков заключается в том, что вам действительно не нужно беспокоиться о серьезных проблемах, таких как кросс-браузерная и кросс-платформенная совместимость, кто-то другой уже обдумал это для вас. Но, конечно, вы можете внести свой вклад в их дело, особенно для библиотек и сред с открытым исходным кодом.
В конце концов, всегда полезно иметь дополнительную экипировку в вашем наборе инструментов дизайна.!
Генераторы шаблонов и рамки
Initializr
Несколько щелчков мышью - все, что нужно для создания шаблона HTML5. Initializr также дает вам возможность, хотите ли вы, чтобы ваш шаблон включал JavaScript или jQuery, конфигурации сервера и аналитику Google.
Initializr также построен на HTML5BoilerPlate, еще одном отличном инструменте, который расширит ваши знания HTML5, добавит функциональные возможности и улучшит весь ваш сайт..
HTML5 Генератор шаблонов
Альтернативой является генератор шаблонов HTML5 от Shikiryu.com. Он имеет дополнительную опцию для включения описания для автора веб-сайта, а также включает опции для значка Favicon и Apple Touch на случай, если вы хотите, чтобы они автоматически вставлялись в шаблон..
SwitchToHTML5
Еще один отличный генератор HTML5-фреймворков - SwitchToHTML5. Как и другие, он позволяет добавлять несколько элементов, таких как ,
,
,
, и другие. SwithToHTML5 также дает вам возможность, хотите ли вы поддерживать Internet Explorer или нет, так как его версия более ранняя, чем IE9, изначально не поддерживает HTML5.
преобразованный
Скажи, я не могу быть единственным, кто ненавидит создание форм, верно? Создание форм - это утомительное занятие, по крайней мере, для таких людей, как я, поэтому реформа была здесь, чтобы помочь людям создавать чистые и функциональные формы! reformed - это конструктор форм 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 Ссылка
Оригинальное руководство W3C по HTML5 с упором на простоту и практические приложения для начинающих, а также подробную информацию для опытных веб-разработчиков..
Больше
На данный момент не так много, чтобы увидеть на самом деле. Относительно мало инструментов для использования платформы HTML5 и шаблонов, как вы могли заметить, если вы проверили ссылки, большинство функций для каждого генератора / структуры аналогичны. Возможно, я пропустил инструменты, которые вы используете для разработки отличных веб-сайтов HTML5, поэтому, если вы хотите поделиться ими, не стесняйтесь публиковать их в комментариях!
Кроме того, ознакомьтесь с нашими сообщениями, если вы хотите узнать больше о HTML5!
- HTML5: 15 вдохновляющих экспериментов
- HTML5: 19 веб-приложений
- HTML5: 48 потенциальных демонстрационных роликов
- Создать HTML5 / CSS3 контактную форму на основе Ajax