Автор: admin
Стилизация текстовых полей формы Input
:756В этой статье рассмотрим различные варианты стилизации текстовых полей HTML-форм. Сначала создадим базовый вариант оформления input, а затем множество других, дополняя каждый из них небольшим количеством CSS. Введение Веб-формы являются неотъемлемой частью многих веб-сайтов. Они позволяют пользователю ввести те…
Читать далее »
Добавляем CSS стили в WordPress админку (2 метода + советы)
Иногда при создании клиентского сайта приходится вносить какие-то изменения в бэкенд (то есть админку), например убрать лишние пункты меню или установить специальные плагины для панели WordPress дабы подправить ее функциональность и т.п. Это делается в первую очередь для удобства и комфорта пользователя,…
Читать далее »
Выходим за пределы контейнера
Я обратил внимание на случай, который больше всего подходит для редакторских шаблонов. А именно когда дочерний элемент забирает 100% ширины вьюпорта, хотя его родитель ограничен в ней. Давайте рассмотрим пример ниже:
Читать далее »
Отключить автоматический перенос блока на новую строку. CSS
Для текста есть такая штука white-space: nowrap; Она делает именно то, что вам надо — текст в одну строку! А чтобы работать с другими объектами как с текстом, надо делать их строчными (inline), или строчно-блочными (inline-block). Тогда один объект будет…
Читать далее »
Scrollbar в современном CSS
Scrollbar это больше, чем принято считать Всем привет! Начнем с того что scrollbar это очень обыденный элемент, присутствующий на всех веб-сайтах и в каждом приложении. Исторически сложилось так, что его было трудно кастомизировать и поэтому разработчики старались обходить…
Читать далее »
Как настроить цели Яндекс Метрики и Google Analytics для Contact Form 7
С начала 2018 года у многих пользователей WordPress и не только то и дело возникали проблемы с работоспособностью целей Яндекс.Метрики и Google Analytics. И в 95% случаев это связано с 2-мя событиями:
Читать далее »
Как использовать CSS ::before и ::after для создания пользовательских анимаций и переходов
Как сделать плавный анимированный переход на сайте без использования специальных библиотек? Урок использования псевдоэлементов CSS для создания эффектов: от анимированной кнопки до карточки профиля. Подходит новичкам. Чтобы применить на практике методы из статьи, нужно: Базовое понимание HTML. Базовое…
Читать далее »
Отзывчивый и адаптивный дизайн сайта
Интернет-пользователи просматривают сайты на разных устройствах с экранами различных размеров. Размеры экранов постоянно меняются, поэтому важно чтобы сайт адаптировался к любому из них. Существует два основных подхода для создания сайтов, легко адаптирующихся для разных типов устройств:
Читать далее »
Появление элементов по очереди
Примеры, как сделать постепенный показ элементов с использованием стандартных функций анимации JQuery.
Читать далее »