Foundation Framework - современный CSS фреймворк для сайта

Просмотров: 9226Комментарии: 2
ПрограммированиеCSS
Foundation Framework - современный CSS фреймворк для сайта

Foundation Framework - это фундамент для вашего сайта. Простой и гибкий в использовании CSS фреймворк для создания качественных сайтов. Главной особенность фреймворка является адаптация отображения сайта на разных устройствах. Данное явление можно понаблюдать на официальном сайте фреймворка foundation.zurb.com, просто попробовав сузить ширину браузера.

Гибкая сетка позволяет раскладывать структуру сайта быстро и логически с гибкой системой вложенности. Сетка может быть любого размера, что делает сайт адаптированным к любому размеру экрана.

Фреймворк включает в себя множество стилей и элементов для быстрой сборки страниц, такие как кнопки, формы, вкладки и другие.

Мобильность позволяет не задумываться над несколькими шаблонами для сайта, ведь фреймворк адаптирует страницы вашего сайта и для вывода на мобильных устройствах.

Фреймворк содержит качественный сброс стилей от Эрика Мейера (таблицы, списки, ссылки, типография и другие). Кнопки фреймворка имеют два стиля, три различных размера и несколько цветов отображения, которые можно изменить. Также и для форм присутствует два разных стиля, и даже включены переключатели, флажки и списки, которые легко изменить под себя.

В Фаундатион включен Orbit, это своего рода карусель картинок или текста для вашего сайта. Карусель работает даже на мобильных устройствах!

Еще один модуль, которым может похвастаться Foundation - Reveal. Новый плагин для модальных диалогов. Он легко подключается и имеет несколько анимаций появления. И что не мало важно - работает на мобильных устройствах.

И все это занимает 200 килобайт, при том, что половина размера занимает библиотека JQuery.

Как обстоят дела с поддержкой браузеров? Foundation поддерживает Chrome, Firefox, Firefox 3.6, Safari, IE 7-9, Webkit (IOS5), Android. Единственный минус, фреймворк не поддерживает IE6. С другой стороны Internet Explorer 6 это уже прошлый век, которым пользуются всего лишь 2% посетителей вашего сайта. Не стоит заострять на нем внимание.

Как же его использовать и методы применения всех встроенных "фишек" рассмотрим в следующей статье.

Комментариев: 2 RSS

1 Евгений 13-02-2013 02:12

Как же его использовать и методы применения всех встроенных "фишек" рассмотрим в следующей статье.

Хотелось бы продолжение статьи очень интересует.

2 mataleao 06-06-2013 22:02

Да, хотелось бы увидеть продолжение.

Оставьте комментарий!

grin LOL cheese smile wink smirk rolleyes confused surprised big surprise tongue laugh tongue rolleye tongue wink raspberry blank stare long face ohh grrr gulp oh oh downer red face sick shut eye hmmm mad angry zipper kiss shock cool smile cool smirk cool grin cool hmm cool mad cool cheese vampire snake excaim question

Используйте нормальные имена. Ваш комментарий будет опубликован после проверки.

     

  

Если вы уже зарегистрированы как комментатор или хотите зарегистрироваться, укажите пароль и свой действующий email. При регистрации на указанный адрес придет письмо с кодом активации и ссылкой на ваш персональный аккаунт, где вы сможете изменить свои данные, включая адрес сайта, ник, описание, контакты и т.д., а также подписку на новые комментарии.

(обязательно)