Lecaw

Учимся создавать Web-сайты

Foundation для начинающих: Начало / Скачать Foundation 4

June 7, 2013 624hits

Для многих веб-людей в Интернете, разработка проекта с нуля является частью работы, для того чтобы повторно не использовать одинаковый код, для индивидуальности проекта. Более опытные разработчики, возможно, не торопятся в создании некоторой формы фронтэнда, но выполнение этой работы должным образом, может быть серьезным обязательством, не говоря уже о необходимости создавать вещи с передовым опытом.

 

Глядя на желания и потребности каждого кодера становится ясно, что разработчики любят чтобы проект был с открытым исходным кодом, стабильный, гибкий и (самое главное) хорошо документированный. В зависимости от размера проекта, системы CSS сетки может быть достаточно, но было бы замечательно, если бы у вас был выбор для добавления и удаления функциональности, когда Вы посчитаете это целесообразным. В этом уроке мы рассмотрим настраиваемый фронтэнд фреймворк Foundation.

Что такое Foundation?

Foundation - фронтэнд фреймворк, состоящий из нескольких полезных инструментов для создания адаптивных, мобильных веб-сайтов. В первую очередь построен на HTML, CSS и JQuery, Foundation использует современные технологии и методы. Несмотря на то, что фреймворк часто используется HTML и CSS разработчиками, у вас есть возможность использовать фреймворк Foundation в сочетании с SASS и Rails.

Компания ZURB, создала жестко регламентированный набор инструментов для разработчиков и дизайнеров. Каждый модуль играет свою роль в фреймворке в целом, но в то же время может работать полностью автономно от центрального руководства. Это означает только то, что вы можете смешивать и сочетать функции в текущем проекте, или взять одну функцию и добавить её в в уже готовый проект. Вы даже можете добавить её в качестве элемента в других фреймворках.

В целом, это современный фреймворк, который хорошо построен и ориентирован на широкий круг пользователей. Он предлагает большой набор функций, а также он абсолютно бесплатный.

Почему вы должны использовать Foundation?

В наше время уже становится банальным для разработчиков, использовать фреймворки (зачем изобретать велосипед?), однако, многие из этих фреймворков стали слишком раздутыми, создателей пытаются охватить все возможные функции. То, что когда-то, начал свою жизнь как быстрый, легкий инструмент, может вырасти в сотни запросов HTTP.

Foundation содержит ряд полезных функций и возможностей. Он построен на основе гибкой системы адаптивной сетки, в комплекте с ним идет JQuery слайдер, плагин лайтбокса, все элементы HTML в красивом стиле. При помощи него можно создавать пользовательские формы, которые используют JQuery, например уникальные элементы ввода, выпадающие списки, чекбоксы. Фреймворк также имеет опции для настройки пользовательских мобильных макетов с помощью мобильной сети.

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

Пользователи, использующие версию 3, будут также иметь возможность обновить свои текущие настройки, либо если не готовы переходить на новую версию, можно продолжить использовать старую.

Загрузка пользовательской сборки

У Zurb есть страница загрузки, которая позволяет настроить предварительно заполненную форму для создания пользовательских сборок, идеально подходит для настройки собственных функций. Допустим, вы только хотите сетку CSS? Готово. Просто снимите все флажки, кроме "grid" и сохраните ваши изменения. Возможно, вы хотите только основные элементы интерфейса? Готово. Еще раз просто отметьте элементы UI, которые вам необходимы, такие как метки или кнопки. Вы можете даже использовать все, что они предлагают в один клик.

В идеале, я хотел бы видеть поэтапный процесс с возможно некоторым визуальным представлением HTML шаблона. Кроме того, поскольку v4 использует их в качестве своего измерительного модуля, и основывается на основном размере шрифта, казалось бы, проще включить px-to-em калькулятор.

Перейдите на http://foundation.zurb.com и нажмите на большую кнопку скачать. Вам будет представлена страница с большим количеством опций для настройки системы. Снимите все функции которые вам не нужны.

 

Дополнительная информация

Влерий Аликин - веб-разработчик & дизайнер. Соучредитель и член команды Lecaw.

Эл. почта
RATTING:
(0 голосов)

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