Создавайте адаптивные сайты быстрее с семантическим интерфейсом
Фреймворки, такие как Bootstrap, все еще в моде. Есть десятки отличных вариантов выбора, но один, который недавно привлек мое внимание, это Семантический интерфейс.
Конечно, эта библиотека существует уже несколько лет. Тем не менее, новейшая версия версии 2.2 поставляется с кучей дополнительных функций и доказывает, что Семантик собирается быть надолго.
С десятками CSS переменные, простые адаптивные занятия, а также простые в настройке макеты, у вас не возникнет проблем с самостоятельной работой с Semantic UI.
простые имена классов и сеточные структуры действительно придать смысл этой структуре называется “семантический”. Классы очень разумные, и это делает ваш HTML легко читаемым на расстоянии.
Это даже идет с Поддержка jQuery для динамических элементов страницы такие как карусели и выпадающие меню выбора.
Каждый элемент HTML под солнцем индивидуальные и полностью функциональные с семантическим интерфейсом. Это включает в себя элементы HTML5 плюс дополнительные функции, такие как рейтинги и пользовательские вкладки.
Но, пожалуй, лучшая часть Semantic - это настройка темы. Вы не только получаете тонны предварительно разработанных стилей и динамических элементов, но также можете переделайте это сами построение поверх кода Semantic.
Вся библиотека итогов 3000+ тематических переменных Вы можете изменить Sass или расширить свою собственную таблицу стилей. Кроме того, Semantic UI поставляется в комплекте с девять тем по умолчанию:
- Семантический дефолт
- круглолицый
- поднятый
- классический
- Google Material
- Амазонка
- начальная загрузка
- GitHub
- щебет
Это только верхушка айсберга, и они действуют как отправная точка для разработки собственной темы.
Если вы создаете новую целевую страницу или собственный веб-сайт с нуля, тогда серьезно подумайте о работе с Semantic UI. Это абсолютно бесплатно и с открытым исходным кодом с отличная документация онлайн.
Вы можете просматривать стили макета, вместе с руководства для всех основных элементов и пользовательских тем.
И вы можете скачать копия исходного кода непосредственно из GitHub, который также включает в себя руководство для начинающих.
