Головна » Веб дизайн » Збірка чуйних веб-сайтів швидше з Semantic UI

    Збірка чуйних веб-сайтів швидше з Semantic UI

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

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

    З десятками Змінні CSS, прості класи реагування, і прості в установці макети, Ви не матимете труднощів працювати з Semantic UI самостійно.

    The прості імена класів і структури сіток По-справжньому надати сенсу цим викликам “Семантичний”. Класи дуже розумні, і це робить ваш HTML легким для читання на відстані.

    Він навіть приходить jQuery підтримка динамічних елементів сторінки такі як каруселі та випадаюче меню вибору.

    Кожен елемент HTML під сонцем налаштований і повністю функціональний з семантичним інтерфейсом. Це включає елементи HTML5, а також додаткові функціональні можливості, такі як рейтинги та спеціальні вкладки.

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

    Загальна бібліотека нараховує 3,000+ тематичних змінних Ви можете змінити в Sass або розширити власну таблицю стилів. Плюс, Semantic UI поставляється в комплекті дев'ять тем за замовчуванням:

    1. Семантичне значення за замовчуванням
    2. Пухкі
    3. Піднято
    4. Класичний
    5. Матеріал Google
    6. Amazon
    7. Bootstrap
    8. GitHub
    9. Twitter

    Це лише вершина айсберга і вони діють більше як відправною точкою для розробки власної теми.

    Якщо ви створюєте нову цільову сторінку або власний веб-сайт з нуля, то серйозно розгляньте можливість роботи з Semantic UI. Це абсолютно безкоштовно і з відкритим вихідним кодом велика документація в Інтернеті.

    Ви можете переглядати стилі макета, разом з посібники для всіх основних елементів і користувальницьких тематизації.

    І, ви можете завантажити a копію вихідного коду безпосередньо від GitHub, який також включає a для початківців.