Фонд 5 был выпущен несколько дней назад. Это полностью адаптивная среда для разработчиков. Основа Foundation создана Zurb, и она была впервые выпущена в 2011 году. Foundation 5 претендует на звание «Самой продвинутой адаптивной интерфейсной среды в мире», используемой миллионами разработчиков и сайтов, включая National Geographic, Mozilla, The Washington Post и другие. Фонд был признан первым полностью адаптивным фреймворком, когда он был выпущен в 2011 году.
Foundation 4 был выпущен около девяти месяцев назад, и теперь Zurb выпустил последнюю версию 5 с множеством новых функций и улучшений. Foundation 5 — самая быстрая и лучшая сборка. Он содержит функции, которые помогут вам писать код и учиться быстрее, чем когда-либо прежде. Так говорит команда фонда.
Foundation — это полностью адаптивная структура, которая помогает разработчикам и дизайнерам создавать полностью адаптивные и красивые веб-сайты с семантическим кодом. Foundation использует мобильный подход «в первую очередь», поэтому вы можете создавать сайты, которые будут хорошо работать не только на небольших устройствах, но и на больших экранах.
Что нового в Foundation 5
Последняя версия быстрее для пользователей, быстрее кодирует и быстрее учится. Плагин обмена Foundation позволяет вам представлять различный контент, когда размер экрана достигает определенной точки. Например, вы можете представить большой файл изображения на рабочем столе и небольшое оптимизированное изображение на небольших устройствах. Foundation 5 предлагает некоторые новые функции для миллионов пользователей. Давайте посмотрим на некоторые новые функции.
Новая документация, форум и фонд бизнеса
Foundation также быстрее учится с новой документацией, подробными примерами кода, новым руководством по запуску и новым дискуссионным форумом. Вы можете быстро узнать, как начать работу с Foundation 5 и как он работает.
Руководство по началу работы
Начать работу с Foundation 5 легко. Команды Фонда создали совершенно новые разделы с новыми и более подробными примерами кода. Они также написали новое руководство «Приступая к работе» , чтобы помочь вам узнать все о Foundation 5. Вы также можете попробовать Foundation в браузере на Codepen . Если вы выходите из Фонда 4, вы можете посетить Руководство по миграции Фонда .
Новый Официальный Фонд Форум
Теперь вы также можете посетить новый официальный форум Foundation, посвященный вопросам, ответам и диалогу с сообществом дизайнеров.
Фонд Бизнес
Если вы корпоративный пользователь, теперь вы можете положиться на Foundation Business , где вы получите профессиональную поддержку, консультации, инструменты и обучение для всех проектов вашей компании. Индивидуальные и бизнес-планы доступны для премиум поддержки.
Полная поддержка средней сетки
По популярному запросу Foundation 5 теперь включает Medium Grid. Это была экспериментальная особенность Фонда 4.3. Итак, теперь у вас есть большие, средние и малые сетки для использования.
Новые стартовые шаблоны
С новыми блестящими стартовыми шаблонами вы можете сразу же приступить к следующему проекту Foundation 5. Команда Фонда создала 13 макетов, с которых вы можете начать и развивать. Использовать эти простые шаблоны HTML очень просто и просто, просто захватите код и поместите его между тегами <body> Шаблоны для начинающих доступны для блога, канала, баннера, контактов, маркетинга и магазина. Вы можете узнать больше в разделе Как использовать базовые шаблоны .
взаимообмен
Interchange в Foundation использует медиазапросы для динамической загрузки адаптивного контента, подходящего для разных устройств. Теперь вы можете использовать Interchange для извлечения HTML-партиалов, то есть вы можете загружать совершенно разные разделы, контент (изображения, CSS и другой контент) вашей веб-страницы для малых, средних и больших устройств. Вы можете использовать эту функцию для загрузки мобильного контента на небольших устройствах и крупных компонентов на настольных ПК.
Чтобы использовать Interchange, вам нужно убедиться, что jQuery и foundation.js доступны на вашей странице. Вы можете обратиться к документации JavaScript по настройке этого. Просто добавьте foundation.interchange.js ПОСЛЕ файла foundation.js.
Быстрее с jQuery 2, fast-click.js, ускорением графического процессора и многим другим …
До свидания Zepto, привет JQuery 2
Foundation 5 использует множество функций, чтобы сделать это быстрее. Foundation переключился на Zepto (с опцией jQuery) из-за меньшего размера файла и более быстрого времени загрузки, но у Zepto были некоторые проблемы с производительностью. Так что теперь Foundation 5 использует jQuery 2.
Fast Click для мобильных пользователей
Благодаря интеграции fastclick.js в Foundation 5 мобильные пользователи получат более быстрый опыт. FastClick используется для устранения задержки в 300 мс между физическим касанием и срабатыванием события щелчка в мобильных браузерах. Цель fast-click.js — сделать приложение менее чувствительным и более отзывчивым, избегая при этом какого-либо вмешательства в текущую логику.
Улучшенное ускорение GPU
Благодаря GPU Acceleration анимация будет работать значительно лучше и более изящно в Foundation 5. Функция Off Canvas обеспечивает мощный способ встраивания навигации в экраны. Вы можете расположить меню Off Canvas вне области просмотра и вставлять их при активации.
Более мощные формы
Формы также были улучшены в Foundation 5. Foundation имеет простую в использовании, мощную и универсальную систему макетов форм. Сочетание стилей формы и сетки Foundation означает, что вы можете делать практически все, что угодно.
Новый инструмент командной строки, Bower и LibSass
Кли
Команда Foundation написала свои собственные оболочки CLI, чтобы вы могли быстро раскручивать новые проекты. Просто используйте «Foundation New Project-Name» и начинайте.
Поддержка LibSass
Новые проекты теперь будут использовать Libsass , внутреннюю библиотеку компиляции Sass, которая значительно ускорит загрузку изменений SCSS. Libsass используется для локального запуска кода (т.е. для компиляции таблиц стилей).
Foundation начал использовать популярный менеджер обновлений Bower для повышения эффективности и удобства обновлений Foundation. Bower — это популярный менеджер пакетов, который решает проблему управления внешними пакетами.
ZURB Foundation 5 Возвышенных текстовых фрагментов
SublimeText, очень популярный редактор и фаворит разработчиков, теперь имеет несколько приятных ярлыков Foundation, которые можно использовать для написания сумасшедшего быстрого кода. Вы можете прочитать больше о Foundation 5 Sublime Text Snippets на официальной странице github https://github.com/zurb/foundation-5-sublime-snippets
Скачать Фонд 5
Загрузите Foundation 5 , попробуйте и дайте нам знать, как вы его нашли.