Фонд 6 - 10 Дивовижні нові можливості

Розробники фронт-фреймворду Фонду не просто сиділи на лаврах, а команда Bootstrap працювала над своїм вражаючим новим випуском. Минулого року вони пішли на дивовижний World Tour, щоб поділитися своїми знаннями зі своїми користувачами і запитати їх про те, як вони використовують Фонд у своїй реальній роботі.

Повернувшись до своїх бюро, вони агрегували потреби та побажання своїх користувачів і приступили до планування нового основного випуску системи: Foundation 6.

Вона все ще перебуває на стадії розробки, але плани дуже перспективні. Майбутні функції зосереджуються на 3 основних напрямках: продуктивність, налаштування та доступність. Давайте розглянемо 10 цих функцій зараз.

1. Оптимізований робочий процес

Грунтуючись на досвіді своїх користувачів, команда Фонду розробила новий слоган, а саме: “Прототип до виробництва”, для Фонду 6. Це означає новий, упорядкований робочий процес, який дозволить розробникам і розробникам йти прямо від прототипу до виробництва.

Мета нового фонду 6 полягає в тому, щоб забезпечити гнучку і легко налаштовувану структуру, яка дозволяє писати чистий і семантичний код з самого початку. Поточна версія, Foundation 5 також дозволяє швидко прототипувати, але ми можемо очікувати подальшої оптимізації робочого процесу у найближчому випуску.

2. Спрощений процес налаштування версії Sass

Одна з найдивовижніших речей у рамках фреймворку полягає в тому, що він побудований з мовою таблиць стилів Sass, тому можна швидко налаштувати правила стилю за умовчанням до наших реальних потреб.

Процес налаштування Sass був трохи залякуючим для багатьох користувачів, так що новий великий реліз буде отримати спрощений процес налаштування версії Sass. Це означає, що налаштування Sass будуть вимагають набагато менше залежностей ніж раніше. Звичайно, якщо ви віддаєте перевагу ванільній версії CSS, ви все ще можете вибрати це.

3. Новий стек налаштувань для максималістів

Окрім звичайної версії Sass, Foundation 6 прийде з супом Версія Sass, яка надасть розробникам потужні можливості налаштування.

ZURB, творець Фонду відкриє власний стек розвитку для громадськості, у тому числі і для своїх статичний генератор сайту, сервер перезавантаження і навантажень внутрішніх методів оптимізації включаючи інтеграцію UnCSS для видалення невикористовуваних стилів і UglifyJS для стиснення JavaScript.

Тому в основному ми будемо мати можливість працювати в тому ж середовищі розробки, яке ZURB внутрішньо використовує.

4. Зменшення часу завантаження сторінки

Команді Фонду довелося зіткнутися з деякою конструктивною критикою, яка стверджувала, що в більшості проектів Фонду близько 90% коду CSS залишається непристосованим. Це стосувалося не лише Фонду, але й інших основних систем CSS, таких як Bootstrap та TopCoat. Як частина їхньої відповіді, Zurb вирішив значно скоротити розмір файлу виводиться CSS шляхом реалізації приблизно 40-50% скорочення коду \ t.

Цікаво відзначити, що вони намагаються відрізнити себе від Bootstrap, заявивши "Фонд не є рамкою, яка матиме стилістичну маржу і запаси, або округлість і радіус(Для довідки див. Нові класи утиліти Bootstrap 4 у попередній публікації).

5. Базові стилі, що діють як каркаси

Інша частина зусиль з підвищення ефективності полягає в тому, щоб створити базовий стиль, який замість кінцевого дизайну виконує роль каркасу. Це, перш за все, призводить до більш світлої теми, але також має ще одну велику перевагу. Оскільки більше стильових правил буде переміщено в окремі компоненти, розробники матимуть можливість легше оформляти їх дизайн.

Сподіваюся, це означає, що сайти на основі Фонду будуть мають менше схожого, стандартизованого вигляду, і дизайнери матимуть більше місця для expз красивим і неповторним розчиноміони, які спростуватимуть останні турботи про нудну мережу.

6. Спрощений вибірковий імпорт

Фонд 5 дозволяє розробникам вибирати лише ті компоненти, які вони хочуть використовувати. Фундація 6 прийме це завдання на наступний рівень переміщення функції вибіркового імпорту в файл _settings.scss Sass.

Таким чином _settings.scss буде a дійсно універсальний конфігураційний файл, оскільки ми не зможемо лише налаштувати такі функції, як ширина рядків або шрифти за замовчуванням, а також легко відмова від компонентів, які нам не потрібні. Якщо ми це зробимо, ми можемо досягти подальшого поліпшення продуктивності.

7. Більш компактний і чистий Sass

У процесі редизайну команда Фонду переглянула кожен аспект рамки, тому вони також змінили спосіб використання мови таблиць стилів Sass. Вони виявили, що в деяких випадках вони зловживали Sass, що призвело до непотрібне надмірне виконання виходу CSS. З метою створення більш розумної та екологічно чистої кодової бази, вони також раціоналізували свою структуру Sass.

У Фонді 6 ми можемо очікується зниження вкладеності і специфічності, оптимізовані медіа-запити (вони об'єднані повторюваним кодом), і змішані компоненти компонентів. Останнє означає, що буде менше змішаних компонентів, а інші будуть мати менше параметрів, що призведе до більш простого та більш логічного коду

Якщо ви любите mixins, не хвилюйтеся, кожен компонент все одно буде мати їх, це просто те, що вони будуть перероблені, щоб бути більш ефективними та корисними, ніж зараз.

8. Удосконалена система змішаних мереж

При скороченні компонентних сумішей, Фонд 6 прийде розширені змішувачі сітки що дозволить нам це зробити створити більш індивідуальну сітку.

Зурб обіцяє, що ми зможемо легко будувати як складну систему сітки як ми хочемо, у тому числі більш складні користувацькі рядки і вкладені сітки, і можливість перетворення класів за замовчуванням в семантичну розмітку. Покращені сітчасті міксини зроблять струм створення сітки ще більш інтуїтивно, гнучко і швидше.

9. Безшовна інтеграція користувацьких модулів JavaScript

Фонд 5 наразі має багато компонентів JavaScript, таких як прохолодні модальні діалоги, підказки, липкі панелі навігації, лайтбокси та багато інших, які сучасний веб-сайт потребує, але майбутній великий реліз дозволить нам пишіть наші власні плагіни JavaScript скориставшись ядром фундаменту. Це величезний крок уперед зручність та продуктивність.

У майбутньому ми зможемо доступ до вбудованих методів ініціалізації, перемикати тригери і контрольні точки, і використовувати всі інші особливості глобального JavaScript Фонду.

10. Повна доступність

Напевно, найдивовижнішою особливістю нового фонду 6 є те, що він буде повністю доступним. Кожен компонент і фрагмент коду буде мати відповідні атрибути WAI-ARIA та ролі орієнтирів. До того ж розробники навіть будуть з посібником користувача о як використовувати веб-стандарти a11y.

Тому, якщо ми хочемо надати нашому клієнтові повністю доступний веб-сайт, нам не потрібно робити нічого, окрім створення нашого дизайну з Фондом 6. Зверніть увагу, що нам все одно доведеться додайте відповідні правила ARIA до наших HTML-сторінок самостійно, хоча найближче керівництво користувача Zurb's, безумовно, полегшить процес навчання.