По дате Декабрь 25th, 2011

HTML-каркас приложения

Как быстро и просто создать HTML (+CSS) каркас для приложения? Есть уже готовые инструменты, которые могут помочь в этом. Для начала можно посмотреть статью про CSS фреймворки.
Однако, со временем инструменты совершенствуются и развиваются.

Bootstrap от Twitter - популярный “бутстрап” - набор файлов для быстрого старта. Уже имеется набор разметок страницы, блоки, кнопки, таблицы, списки, шаблоны для информационных сообщений и многое другое. Демку можно посмотреть на сайте.

HTML KickStart - это ультра-легкий набор файлов HTML5, CSS и jQuery, макетов и элементов дизайна, позволяющий “быстрый старт” и сэкономить 10 часов в новом проекте. Демо - на сайте.

Foundation
An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device.
foundation.zurb.com/

Fbootstrapp is a -аналогичный инструмент для быстрого старта приложения под фейсбук. Включает базовые CSS и HTML для шрифтов, форм, кнопок, таблиц, навигационные элементы и многое другое. Оформление в стилей фейсбук.

Initializr - генератор шаблонов HTML5  от Jonathan Verrecchia. аналогично - быстрый старт с HTML5 Initializr will generate for you a clean customizable template with just what you need to start!
www.initializr.com/

YAML CSS
A modular CSS framework for truly flexible, accessible and responsive websites
yaml.de

.Simpliste - отечественная разработка :) набирает популярность.
cssr.ru/simpliste/ru.html

Таким образом, для быстрого старта веб-приложения не обязательно разрабатывать полноценный дизайн - можно воспользоваться готовыми наборами для быстрой разработки макета. Bootstrap всё больше набирает популярность - именно это и является одним из недостатков - многие сайты становятся похожими друг на друга, как 2 капли воды.

Опять возвращаемся к шаблонам? :)

Опубликовано Декабрь 25, 2011 | автор: levik  |  Комментарий (1) »