В самой первой статье рубрики «Frontend разработка» мы уже рассматривали создание модальных окон для web приложений и использовали для этого JavaScript. Однако эта задача также может быть успешно решена и при помощи CSS.
Метка: CSS
Простое адаптивное меню на блоках
В наши дни адаптивная вёрстка уже давно стала обыденностью, так как позволяет использовать один и тот же шаблон для самых различных устройств. Один из ключевых элементов сайта — это его меню, благодаря которому осуществляются переходы между основными страницами. Рассмотрим создание простого одноуровневого адаптивного меню средствами Bootstrap 4.
Написание своего плагина для WordPress. Часть 7. Подключаем CSS
Плагины WordPress могут иметь собственные стили (CSS) для визуального оформления, которые подключаются средствами этой CMS. Стили можно подключать как на сайте, так и в админ панели.
Позиционируем контейнер по центру в двух измерениях
Разместить блок в центре довольно часто встречающаяся задача. Но, если при позиционировании блока по горизонтали проблем не возникает, то с позиционированием по вертикали всё гораздо сложнее. Тем более если речь идет о центрировании одновременно по горизонтали и вертикали. Существуют два основных варианта постановки задачи одновременного центрирования по двум измерениям:
Создаём модальное окно для web приложения без плагинов и фреймворков
Модальные окна используются довольно часто. В них очень удобно выводить различные формы, создавать галереи и даже показывать видео. Выглядит такой интерфейс тоже весьма эффектно. Многие ошибочно считают, что создание модальных окон для web приложения задача не из лёгких и потому задействуют для её решения плагины и фреймворки. На самом же