В веб-разработке важно уметь правильно обрабатывать процесс загрузки изображений. Браузеру может потребоваться время на подгрузку файла, особенно при медленном соединении или больших изображениях. Задача разработчика — отслеживать статус загрузки изображения и реагировать на это: отображать спиннер, применять стили или инициализировать анимации.
Читать далее »Все записи категории ‘Программирование’
Настраиваем патчи в composer на примере drupal проекта
Drupal давно использует composer для управления зависимостями и для загрузки/обновления модулей. Composer кроме всех прочих полезностей позволяет наладить работу с заплатками. Вот этот аспект я и опишу далее в статье.
DИнициализируем кастомную тему в Drupal
При создании новой темы у вас есть варианты выбора начиная с того, чтобы взять готовую тему (и начать её менять под ваши задачи) до создания новой темы с «нуля». Часто также берут легаси шаблон — т.е. тему с прошлого проекта, потому что «мы там всё уже знаем и сделали как нужно».
Все эти опции имеют свои плюсы и минусы, я же расскажу о варианте близком к «теме с нуля», но всё же позволяющей быстро начать писать полезный код/стили.
Читать далее »Добавление произвольных требований при установке модуля в Drupal
Иногда модуль в Drupal требует наличия специфических сущностей или конфигураций, например — определённого текстового формата. Поскольку текстовые форматы являются конфигурационными сущностями (entities), напрямую указать их как зависимость в .info.yml
невозможно. Однако в вашем модуле можно реализовать проверку на наличие нужных условий во время установки — с помощью hook_requirements()
.
Анимация нажатия: эффект нажатой кнопки
Когда пользователь нажимает кнопку, полезно дать тактильную обратную связь — например, слегка «прижать» её визуально. Такой эффект достигается с помощью изменения масштаба (scale
) и вертикального смещения (translateY
).
Это статья из цикла заметок по CSS анимации и эффектам.
Читать далее »Анимация: Поднятие элемента с тенью при наведении
Эта анимация создаёт эффект, будто элемент «приподнимается» над страницей, становясь более заметным. Обычно для этого используется свойство box-shadow
, иногда в сочетании с лёгким смещением (transform: translateY(-2px)
).
Это статья из цикла заметок по CSS анимации и эффектам.
Читать далее »Быстро чистим таксономии в Drupal
Чтобы через админку почистить длинные словари, нужно много времени, даже если вы используете bulk операции. Потому будем чистить их через код.
Читать далее »Анимация свечения (мерцание)
Здесь мы разбираем CSS анимацию — мерцание.
Это статья из цикла заметок по CSS анимации и эффектам.
Читать далее »Простые CSS анимации, которые оживят ваш сайт
Иногда даже одно лёгкое движение может сделать сайт запоминающимся. Не нужно быть мастером фронтенда, чтобы добавить немного магии в интерфейс — иногда достаточно пары строк CSS. Простые анимации делают сайт динамичным, визуально приятным и интуитивно понятным: кнопки становятся отзывчивыми, элементы появляются с грацией, а страницы начинают «дышать».
Читать далее »