Изграждане на отзивчиви сайтове По-бързо с Semantic UI
Frontend рамки като Bootstrap все още са в ярост. Има десетки големи възможности за избор, но този, който наскоро привлече вниманието ми е Семантичен интерфейс.
Дадена тази библиотека съществува от известно време, отпреди няколко години. Въпреки това, най-новата версия на версия 2.2 идва с куп добавени функции и доказва, че Semantic ще бъде наоколо за дълги разстояния.
С десетки CSS променливи, прости класове, и лесни за настройка оформления, няма да имате проблеми да работите със Semantic UI самостоятелно.
Най- прости класови имена и мрежови структури наистина дават смисъл да се нарича тази рамка “семантичен”. Класовете са много разумни и това прави HTML лесен за четене от разстояние.
Дори идва jQuery поддръжка за динамични елементи на страници като карусели и падащи менюта.
Всеки HTML елемент под слънцето е персонализирани и напълно функционални със семантичен интерфейс. Това включва HTML5 елементи плюс допълнителна функционалност, като оценки и персонализирани раздели.
Но, може би най-добрата част на Semantic е настройка на темите. Не само, че получавате тона предварително проектирани стилове и динамични елементи, но можете също рестайлирайте ги сами надграждане на кода на Semantic.
Общата сума на библиотеката 3,000+ тематични променливи можете да променяте в Sass или като разширявате собствения си стилов лист. Плюс това, Semantic UI идва пакетиран девет теми по подразбиране:
- Семантичен по подразбиране
- Куклен
- увеличен
- класически
- Google Материал
- Амазонка
- за първоначално зареждане
- GitHub
- кикотене
Това са само върхът на айсберга и те действат повече като отправна точка за проектиране на собствена тема.
Ако създавате нова целева страница или потребителски уебсайт от нулата, сериозно обмислете работата с Semantic UI. Това е напълно свободен и с отворен код голяма документация онлайн.
Можете да преглеждате стилове на оформление, заедно с ръководства за всички основни елементи и персонализирани теми.
Можете да изтеглите и копие на изходния код директно от GitHub, който включва също ръководство за начинаещи.
