0

Простое адаптивное меню с кнопкой "Закрыть" на CSS

Основное правило современного веб-дизайна заключается в том, что сайт и его контент должны правильно отображаться на различных устройствах, в том числе и мобильных. Одним из главных аспектов в интерфейсе сайта является качественная навигация. В данной статье показан пример как сделать простое адаптивное меню с кнопкой закрыть, используя только CSS, реализуя функционал без применения javaScript. Все что нам понадобится - изображение иконки "бургег" для открытия меню и крестика, для его закрытия соответственно, которые я приготовил заранее.
8

3D эффект. CSS-ленты

Чтобы эффектно оформить заголовки и выделить различные элементы интерфейса можно использовать при оформлении сайта CSS-ленты. Такой подход сделает дизайн более интересным и придаст элементам объемный вид. Ленты можно использовать при оформлении ссылок постраничного перехода, различных указателей, разделов меню и т.д.
  С помощью каскадных таблиц стилей можно самостоятельно сделать ленты для своего блога или сайта, без использования дополнительных изображений и блоков в HTML-коде. Ниже представлены примеры кода CSS-лент разных модификаций.
0

Очень кратко о том, как сделать сайт адаптивным

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

Сообщение в Blogger-блоге. Ссылки, картинки и реклама. Рекомендации

Чаще всего сообщение в блоге это не просто текст, а еще и изображения, ссылки на интересные ресурсы и рекламные баннеры. При этом, размещая такие элементы нужно со все ответственностью отнестись к SEO-оптимизации сообщения блога.
Предыдущие