Сворачиваемая панель Bootstrap со значком состояния

Категория: Разработка
Опубликовано: 01.02.2018
536

Часто усердные поиски элементарного элемента управления в интернете дают огромное количество примеров, основанных на написании дополнительных скриптов на jQuery (или JavaScript). Это не является преступлением, но не так удобно, как использование чистого CSS. Проблема использования скриптов для оформления простых элементов особенно ощутима при разработке качественных модулей для CMS: когда один модуль должен быть загружен на страницу несколько раз, правильная загрузка скриптов оказывается серьезной головной болью, особенно в «живых» проектах.

Поэтому в данной статье будет описан простой способ создания сворачиваемой панели со значком, отображающим текущее состояние панели (свернута/развернута) при помощи нескольких строк чистого CSS.


Иконочные шрифты в инфографике

Категория: Дизайн и графика
Опубликовано: 09.10.2017
636

Инфографика - это один из самых поплярных способов подачи информации в современном информационно мире. Использование красивых иконок, выполненных в едином стиле, помогает сделать дизайн инфографики более привлекательным и удобным для восприятия.

Наверное, лучшим, с точки зрения дизайна, вариантом будет нарисовать собственные иконки. Для тех, кто не уверен в своих силах или не готов тратить время на «изобретение велосипеда», в интернете имеется множество различных ресурсов, содержащих наборы иконок в любых графических форматах. Но эти наборы часто охватывают лишь определенную тематику или, при качественном выполнении, все-таки с трудом вписываются в дизайн уже готового и продуманного материала.

Одним из решений при поиске подходящих иконок для разработки инфографики может стать применение иконочных шрифтов. Символы иконочных шрифтов сочетают в себе универсальный дизайн и максимальную информативность, это позволяет эффективно встраивать их практически в любой материал.