Foundation — це адаптивний зовнішній фреймворк, що складається з ефективних компонентів HTML і CSS для налаштування інтерфейсу користувача (Інтерфейс користувача), різні фрагменти та шаблони, а також численні додаткові розширення JavaScript. Веб-фреймворк має a модульна структура і був розроблений для налаштування проектів, доступних з різних пристроїв; поширюється разом з Ліцензія MIT і його можна завантажити з обох офіційна домашня сторінка бути на GitHub. Починаючи з версії Foundation 4.0, застосовується робоче положення «Мобільні перш за все», тож відтоді ми працюємо за допомогою кількох нових модулів, щоб оптимізувати продуктивність і зменшити розмір файлів у рамках. Окрім стандартної версії Foundation, ZURB також опублікував інші варіанти для розробки електронних розсилок (Фонд для електронних листів) і односторінкові сайти (Основа для програм).
Foundation, адаптивний веб-фреймворк, що характеризується модульною структурою, має перш за все гнучкість. Перед завантаженням у вас є можливість вирішити, які компоненти вибрати, а які ні: таким чином ви можете створити свій власний варіант колекції веб-коду, не змушуючи завантажувати модулі, які вам не потрібні. І якщо трапиться так, що ви зрозумієте, що вам потрібен компонент, який ви не вибрали під час завантаження, ви можете легко додати його до фреймворку пізніше. Таким же чином можна видалити модулі, які вам більше не потрібні: таким чином ви завжди гарантуєте можливість мати лише ті функції, які ви вважаєте дійсно необхідними для реалізація вашого веб-проекту.
Для Foundation 6.0 ви можете вибрати більше 40 компоненти належать до наступних семи секторів:
Крім того, перед завантаженням ви можете вибрати, чи потрібно defiзакінчити деякі стандартні параметри фреймворка. Сюди входять параметри зміни кількості або товщини стовпців і максимальної ширини системи Grid, а також різні параметри кольорів і визначення напрямку тексту (зліва направо або справа наліво). Якщо ви хочете спочатку протестувати фреймворк, не вивчаючи функціонування окремих модулів, ви також можете завантажити Foundation як повну версію (Цілковита) або як легший базовий варіант (істотний).
Якщо ви задоволені можливостями, які пропонує CSS, а потім просто транскрибуєте стилі у завантажений файл CSS, ви, безперечно, прийняли правильне рішення. Проте фреймворк Foundation має ще одну особливість: основа коду CSS написана мовою таблиць стилів Sass (Синтаксично чудові таблиці стилів), який є так званим препроцесором для CSS. Sass дає змогу працювати над таблицями стилів .scss які згодом можна скомпільувати або транскрибувати в популярні файли .css, які потім читаються та інтерпретуються браузерами.
Якщо ви використовуєте варіант Sass фреймворку ZURB, ви отримаєте такі переваги:
Компілятор Sass спочатку написаний на Ruby. Однак, якщо ви не використовуєте цю мову програмування, вам не доведеться встановлювати її для Sass, оскільки з LibSass у вас буде альтернатива, написана на C. LibSass працює з усіма операційними системами, які використовуються, і її можна легко встановити на Node.js workflow, тобто вносити зміни в код у Sass і автоматично переводити їх у CSS.
З переходом від версії 5 до Foundation 6.0 ZURB знову зменшив розмір файлу всього фреймворку: з його 60 КБ CSS і 84 КБ JavaScript, Foundation користується репутацією одна з найбільш оптимізованих платформ розробки і прочитав, що є. Завдяки вищезгаданій модульній структурі та певній свободі налаштування ви навіть можете ще більше зменшити розмір фреймворку. У поєднанні з гнучкою сіткою та ін атрибутиARIA (наприклад, для транспозиції ефективної клавіатурної навігації), реалізованої ZURB, основні умови, необхідні для реалізації веб-проекту, який сумісний на різних платформах і пристроях, можна вважати повністю задоволеними. Атрибути ARIA найкраще задокументовані та доступні там, де ви маєте намір значно оптимізувати доступність свого веб-сайту.
Якщо ви працюєте з версією фреймворку Sass, переконайтеся, що ви розширили свої параметри для налаштування елементів дизайну та макетів, які ви вставляєте. Використання цих спеціальних таблиць стилів аж ніяк не є легким для новачків і вимагає певного періоду навчання, що, як правило, також справедливо для платформи. Я також'інтеграція зовнішніх компонентів, а також модулі та основні проекти в іншій структурі або в CMS дуже складні. Невеликі недоліки, які показує ZURB Foundation порівняно з іншими фреймворками CSS, такими як Twitter Bootstrap, полягають у обмеженій різноманітності шаблонів і відсутності підтримки старіших версій Internet Explorer.
ZURB Foundation супроводжує розробників від першого прототипу до готового до використання веб-сайту та характеризується перш за все власними ефективність. Якщо ви виявите, що деякі компоненти є зайвими, ви можете скасувати їх вибір, не впливаючи на функціональність інших елементів. Підсумовуючи, структура CSS характеризується особливо струнким кодом, який підкреслює лейтмотив, обраний ZURB «Мобільний насамперед». Разом з надзвичайно гнучка система Grid, який ви можете додатково адаптувати за допомогою Sass, фреймворк ідеально підходить для розробки чуйний передній кінець які мають переваги у високій швидкості завантаження даних і великій доступності, а також адаптації до різних розмірів екрана.
Ви також можете використовувати фреймворк ZURB для створення індивідуальних і, можливо, більш складних веб-проектів, однак це пов’язано зі значним перевантаженням енергії та вимагає хорошого розуміння фрагментів.
розробка BlogInnovazione.it
Google DeepMind представляє вдосконалену версію своєї моделі штучного інтелекту. Нова вдосконалена модель забезпечує не тільки…
Laravel, відомий своїм елегантним синтаксисом і потужними функціями, також забезпечує надійну основу для модульної архітектури. Там…
Cisco та Splunk допомагають клієнтам прискорити їхню подорож до Центру безпеки (SOC) майбутнього за допомогою…
Програми-вимагачі домінували в новинах протягом останніх двох років. Більшість людей добре знають, що напади...
У поліклініці Катанії проведено операцію офтальмопластики за допомогою комерційного переглядача Apple Vision Pro…
Розвиток дрібної моторики за допомогою розфарбовування готує дітей до більш складних навичок, таких як письмо. Розфарбувати…
Військово-морський сектор є справжньою глобальною економічною силою, яка просунулася до 150-мільярдного ринку...
Минулого понеділка Financial Times оголосила про угоду з OpenAI. FT ліцензує свою журналістику світового рівня…