Збірка чуйних веб-сайтів швидше з Semantic UI
Фронтендні рамки, такі як Bootstrap, все ще залишаються в гніві. Є десятки великих виборів, щоб вибрати з, але той, який нещодавно привернув мою увагу Семантичний інтерфейс користувача.
Звичайно, ця бібліотека існує вже кілька років. Однак найновіший випуск версії 2.2 поставляється з купою додаткових функцій і доводить, що Semantic буде довгий час.
З десятками Змінні CSS, прості класи реагування, і прості в установці макети, Ви не матимете труднощів працювати з Semantic UI самостійно.
The прості імена класів і структури сіток По-справжньому надати сенсу цим викликам “Семантичний”. Класи дуже розумні, і це робить ваш HTML легким для читання на відстані.
Він навіть приходить jQuery підтримка динамічних елементів сторінки такі як каруселі та випадаюче меню вибору.
Кожен елемент HTML під сонцем налаштований і повністю функціональний з семантичним інтерфейсом. Це включає елементи HTML5, а також додаткові функціональні можливості, такі як рейтинги та спеціальні вкладки.
Але, мабуть, найкраща частина Semantic - це налаштування тематизації. Ви не тільки отримуєте тонн попередньо розроблених стилів і динамічних елементів, але також можете рестайлінг самих себе на вершині коду Semantic.
Загальна бібліотека нараховує 3,000+ тематичних змінних Ви можете змінити в Sass або розширити власну таблицю стилів. Плюс, Semantic UI поставляється в комплекті дев'ять тем за замовчуванням:
- Семантичне значення за замовчуванням
- Пухкі
- Піднято
- Класичний
- Матеріал Google
- Amazon
- Bootstrap
- GitHub
Це лише вершина айсберга і вони діють більше як відправною точкою для розробки власної теми.
Якщо ви створюєте нову цільову сторінку або власний веб-сайт з нуля, то серйозно розгляньте можливість роботи з Semantic UI. Це абсолютно безкоштовно і з відкритим вихідним кодом велика документація в Інтернеті.
Ви можете переглядати стилі макета, разом з посібники для всіх основних елементів і користувальницьких тематизації.
І, ви можете завантажити a копію вихідного коду безпосередньо від GitHub, який також включає a для початківців.