Фонд 6 – 10 Удивительные новые функции

Разработчики Фонд фреймворк не просто сработал, а команда Bootstrap работала над новым впечатляющим релизом. В прошлом году они прошли потрясающе Мировой тур поделиться своими знаниями со своими пользователями и спросить их о том, как они используют Foundation в своей реальной работе.

Вернувшись к своим рабочим столам, они объединили потребности и пожелания своих пользователей и приступили к планированию нового основного выпуска платформы: Foundation 6.

Он все еще находится в стадии разработки, но планы очень многообещающие. Предстоящие функции сосредоточены на трех основных областях: производительность, настраиваемость и доступность. Давайте посмотрим на 10 из этих функций сейчас.
1. Упорядоченный рабочий процесс
Основываясь на опыте своих пользователей, команда Foundation разработала новый слоган, а именно «Prototype to Production», для Foundation 6. Это означает новый, оптимизированный рабочий процесс, который позволит дизайнерам и разработчикам переходить от прототипа к производству.
Целью нового Foundation 6 является предоставление гибкой и легко настраиваемой среды, которая позволяет писать чистый и семантический код с самого начала. Текущая версия Foundation 5 также позволяет быстро создавать прототипы, но мы можем ожидать дальнейшей оптимизации рабочего процесса в следующем выпуске.
2. Упрощенный процесс установки для версии Sass
Одна из самых удивительных вещей в структуре Foundation – это то, что она построена с пререкаться язык таблиц стилей, поэтому можно быстро настроить правила стиля по умолчанию в соответствии с нашими реальными потребностями.
Процесс установки Sass был немного пугающим для многих пользователей, поэтому новый основной выпуск получит упрощенный процесс установки для версии Sass. Это означает, что для настройки Sass потребуется гораздо меньше зависимостей, чем раньше. Конечно, если вы предпочитаете ванильную версию CSS, вы все равно можете сделать это.
3. Новый, улучшенный набор настроек для максималистов
Помимо обычной версии Sass, Foundation 6 будет иметь улучшенную версию Sass, которая предоставит разработчикам мощные возможности настройки.

ZURBсоздатель Foundation откроет свой собственный стек разработки для публики, включая собственный генератор статических сайтов, сервер live-reload и множество методов внутренней оптимизации, включая интеграцию UnCSS для удаления неиспользуемых стилей и UglifyJS для сжатия JavaScript.
Таким образом, в основном мы получим возможность работать в той же среде разработки, что и ZURB.
4. Уменьшенное время загрузки страницы
Команде Фонда пришлось столкнуться с некоторыми конструктивная критика это утверждало, что в большинстве проектов Фонда приблизительно 90% кода CSS остаются неиспользованными. Это касается не только Фонда, но и других крупных CSS фреймворки такие как начальная загрузка а также TopCoat,

В рамках своего ответа Zurb решил значительно сократить размер файла выводимого CSS, реализовав сокращение кода примерно на 40-50%.
Интересно отметить, что они пытаются отличить себя от Bootstrap о том, «Фонд не является каркасом, который будет иметь стилистические классы поля и отступы или раунд и радиус«. (Для справки см. Новые служебные классы Bootstrap 4 в нашем предыдущем посте).
5. Базовые стили, действующие как каркасы
Другая часть усилий по улучшению производительности – это создание базового стиля, который будет работать как каркас, а не как окончательный дизайн. Это в первую очередь приводит к более легкой теме, но также имеет еще одно большое преимущество.

Поскольку в отдельные компоненты будет перенесено больше стилевых правил, у разработчиков будет возможность более легко стилизовать свой дизайн.
Надеемся, что это означает, что сайты, основанные на Foundation, будут иметь менее похожий, стандартизированный вид, а у дизайнеров будет больше пространства для экспериментов с красивыми и уникальными решениями, которые опровергнут недавние опасения по поводу скучного вида сети.
6. Облегченный выборочный импорт
Foundation 5 позволяет разработчикам выбирать только те компоненты, которые они хотят использовать. Foundation 6 перенесет это стремление на новый уровень, переместив функцию выборочного импорта в _settings.scss Sass файл.
Таким образом, _settings.scss будет по-настоящему универсальным файлом конфигурации, поскольку мы не только сможем с его помощью настраивать такие функции, как ширина строки или шрифты по умолчанию, но и легко отказаться от компонентов, которые нам не нужны. Если мы сделаем это, мы сможем добиться дальнейшего улучшения производительности.
7. Leaner и чище Sass
В процессе редизайна команда Foundation переосмыслила каждый аспект фреймворка, поэтому они также изменили способ использования языка таблиц стилей Sass.

Они обнаружили, что в некоторыхслучаи, Â они чрезмерно используют Sass, что приводит к ненужному чрезмерному усложнению вывода CSS. С целью более тонкой и чистой кодовой базы они рационализировали свою структуру Sass.
В Foundation 6 можно ожидать снижения вложенности и специфичности, упорядоченных медиазапросов (они объединили повторяющийся код) и сокращения компонентов. Последнее означает, что компонентов будет меньше, а у остальных будет меньше параметров, что приведет к более простому и логичному коду

Если вы любите миксины, не волнуйтесь, они есть у каждого компонента, просто они будут переработаны, чтобы стать более эффективными и полезными, чем в настоящее время.
8. Улучшенная сетка Mixins
Сокращая миксины компонентов, Foundation 6 будет иметь улучшенные миксины сетки, которые позволят нам создать более специализированную сетку.
Zurb обещает, что мы сможем легко создавать сколько угодно сложных сеточных систем, включая более сложные пользовательские строки и вложенные сетки, а также возможность преобразовывать классы по умолчанию в семантическую разметку. Улучшенные сеточные миксины сделают текущее создание сетки еще более интуитивным, гибким и быстрым.
9. Бесшовная интеграция пользовательских плагинов JavaScript
В Foundation 5 в настоящее время есть много компонентов JavaScript, таких как классные модальные диалоги, всплывающие подсказки, липкая панель навигации, лайтбоксы и многие другие, которые нужны современному веб-сайту, но предстоящий основной выпуск позволит нам написать наши собственные плагины JavaScript, используя преимущества ядра Foundation. , Это огромный шаг вперед как по удобству, так и по производительности.
В будущем мы сможем получить доступ к встроенным методам инициализации, переключать триггеры и точки останова и использовать все другие функции глобального JavaScript-кода Foundation.
10. Полная доступность
Вероятно, самая удивительная особенность нового Foundation 6 заключается в том, что он будет полностью доступен. Каждый компонент и фрагмент кода будут иметь соответствующие атрибуты WAI-ARIA и основные роли. Более того, разработчикам будет даже предоставлено руководство по использованию веб-стандартов a11y.
Поэтому, если мы хотим предоставить нашему клиенту полностью доступный веб-сайт, нам не нужно делать ничего другого, кроме создания нашего дизайна с помощью Foundation 6. Обратите внимание, что нам все равно нужно будет добавить соответствующие правила ARIA на наши HTML-страницы на нашем свое собственное, хотя новое руководство пользователя Zurb a11y, несомненно, облегчит процесс обучения.