Введение в Zurb Foundation 3

Содержание
  1. Zurb Foundation 3 Zurb Foundation 3 — это гибкая интерфейсная среда для быстрого создания веб-сайтов и приложений. Он имеет все основные, а также расширенные функции для быстрого прототипирования. В этом документе вы получите обзор того, что может предложить этот фреймворк. Это будет серия руководств, охватывающих все функции фреймворка с множеством примеров. Итак, мы просим вас присоединиться к нашему RSS-каналу и поделиться им с друзьями с просьбой присоединиться к нам. The Grid Foundation 3 предлагает типографскую сетку из 12 столбцов который поддерживает почти все размеры экрана устройства. Это потрясающе, поскольку использование экранов разных размеров быстро увеличивается, но в настоящее время очевидно, что создавать веб-сайты или приложения с учетом различных размеров экрана. Более того, эта сетка поддерживает вложение, упорядочивание источников и смещения. Итак, какой бы сложной ни была ваша структура Grid, Foundation 3 сделает всю работу за вас. На следующем изображении показана сетка из трех столбцов, созданная с помощью Foundation 3. Вы также можете просмотреть пример вживую. Типографика Типографика фреймворка основан на модульной шкале золотого сечения, которая гарантирует, что ваша типографика на всей странице будет выглядеть великолепно. Также легко изменить размер и соотношение текста на вашей веб-странице. На следующем изображении показано типичное типографское использование, созданное с помощью Foundation 3. Вы также можете просмотреть пример вживую. Кнопки Кнопки являются основным интерактивным элементом вашего веб-сайта или приложения. Foundation 3 предлагает стили и шаблоны для создания простых кнопок призыва к действию на сложной панели инструментов приложения. На следующем изображении показаны некоторые кнопки, созданные с помощью Foundation 3. Вы также можете просмотреть пример вживую. Формы Вы можете создавать элегантные формы быстро и легко с этим фреймворком. От простых форм до сложных. Состояния проверки, пользовательские входы, метки и действия — вот некоторые из включенных функций. На следующем изображении показана простая форма, созданная с помощью Foundation 3. Вы также можете просмотреть пример вживую. Навигация Вы можете создавать перекрестные панель навигации устройства, вертикальная навигация, боковая навигация, дополнительная навигация и разбивка на страницы с помощью Foundation 3. На следующем изображении показана боковая навигационная панель, созданная с помощью Foundation 3. Вы также можете просмотреть пример вживую. Вкладки Вы можете создавать простые, Содержимое, таблеточный стиль, вертикальные и мобильные вкладки с Foundation 3. На следующем изображении показана навигация на основе вкладок, созданная с помощью Foundation 3. Вы также можете просмотреть пример вживую. Элементы Сетки, навигация, вкладки и Формы недостаточно для вашего веб-сайта. Вам также нужно так много других компонентов. С помощью Foundation 3 вы можете создавать оповещения, ярлыки, всплывающие подсказки, нажатия клавиш, панели, списки ссылок и т. Д. На следующем снимке экрана показаны оповещения, созданные с помощью Foundation 3. Вы также можете просмотреть пример в реальном времени. Orbit Это плагин JQuery для создания адаптивного слайдера изображений или контента. Вы можете просмотреть демонстрацию в Интернете. Показать Это еще один плагин Jquery для создания модальных окон. Вы можете просмотреть демонстрацию в Интернете. Загрузить Foundation 3 Вы можете загрузить CSS по умолчанию Foundation 3 с http://foundation.zurb.com/download.php. Это минимизированный CSS, не требующий каких-либо инструментов (например, SaaS). Вы можете загрузить Custom CSS Foundation 3 с того же URL-адреса, выбрав только компоненты, которые нам необходимо включить. Вы также можете загрузить версию Foundation 3 Sass + Compass с той же страницы
  2. The Grid
  3. Типографика
  4. Кнопки
  5. Формы
  6. Навигация
  7. Вкладки
  8. Элементы
  9. Orbit
  10. Показать
  11. Загрузить Foundation 3

Zurb Foundation 3

Zurb Foundation 3 — это гибкая интерфейсная среда для быстрого создания веб-сайтов и приложений. Он имеет все основные, а также расширенные функции для быстрого прототипирования. В этом документе вы получите обзор того, что может предложить этот фреймворк. Это будет серия руководств, охватывающих все функции фреймворка с множеством примеров. Итак, мы просим вас присоединиться к нашему RSS-каналу и поделиться им с друзьями с просьбой присоединиться к нам.

The Grid

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

На следующем изображении показана сетка из трех столбцов, созданная с помощью Foundation 3. Вы также можете просмотреть пример вживую.

Типографика

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

На следующем изображении показано типичное типографское использование, созданное с помощью Foundation 3. Вы также можете просмотреть пример вживую.

Кнопки

Кнопки являются основным интерактивным элементом вашего веб-сайта или приложения. Foundation 3 предлагает стили и шаблоны для создания простых кнопок призыва к действию на сложной панели инструментов приложения.

На следующем изображении показаны некоторые кнопки, созданные с помощью Foundation 3. Вы также можете просмотреть пример вживую.

Формы

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

На следующем изображении показана простая форма, созданная с помощью Foundation 3. Вы также можете просмотреть пример вживую.

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

На следующем изображении показана боковая навигационная панель, созданная с помощью Foundation 3. Вы также можете просмотреть пример вживую.

Вкладки

Вы можете создавать простые, Содержимое, таблеточный стиль, вертикальные и мобильные вкладки с Foundation 3.

На следующем изображении показана навигация на основе вкладок, созданная с помощью Foundation 3. Вы также можете просмотреть пример вживую.

Элементы

Сетки, навигация, вкладки и Формы недостаточно для вашего веб-сайта. Вам также нужно так много других компонентов. С помощью Foundation 3 вы можете создавать оповещения, ярлыки, всплывающие подсказки, нажатия клавиш, панели, списки ссылок и т. Д.

На следующем снимке экрана показаны оповещения, созданные с помощью Foundation 3. Вы также можете просмотреть пример в реальном времени.

Orbit

Это плагин JQuery для создания адаптивного слайдера изображений или контента.

Вы можете просмотреть демонстрацию в Интернете.

Показать

Это еще один плагин Jquery для создания модальных окон.

Вы можете просмотреть демонстрацию в Интернете.

Загрузить Foundation 3

Вы можете загрузить CSS по умолчанию Foundation 3 с http://foundation.zurb.com/download.php. Это минимизированный CSS, не требующий каких-либо инструментов (например, SaaS).

Вы можете загрузить Custom CSS Foundation 3 с того же URL-адреса, выбрав только компоненты, которые нам необходимо включить.

Вы также можете загрузить версию Foundation 3 Sass + Compass с той же страницы

Оцените статью
nanomode.ru
Добавить комментарий