Когда пользователь нажимает кнопку, полезно дать тактильную обратную связь — например, слегка «прижать» её визуально. Такой эффект достигается с помощью изменения масштаба (scale) и вертикального смещения (translateY).
Это статья из цикла заметок по CSS анимации и эффектам.
Читать далее »
За годы фриланса я выработал для себя критерии или тревожные сигналы, к которым стоит прислушаться ещё до старта проекта. В этой статье делюсь своим опытом: в каких случаях я отказываюсь от предложений.
Читать далее »Эта анимация создаёт эффект, будто элемент «приподнимается» над страницей, становясь более заметным. Обычно для этого используется свойство box-shadow, иногда в сочетании с лёгким смещением (transform: translateY(-2px)).
Это статья из цикла заметок по CSS анимации и эффектам.
Читать далее »Чтобы через админку почистить длинные словари, нужно много времени, даже если вы используете bulk операции. Потому будем чистить их через код.
Читать далее »Здесь мы разбираем CSS анимацию — мерцание.
Это статья из цикла заметок по CSS анимации и эффектам.
Читать далее »
Когда я только начал играть в теннис, мне казалось, что это просто весёлое развлечение: подал, отбил, поймал — и порядок. Но за полтора года регулярной игры моё представление об этом виде спорта полностью изменилось. Ниже — несколько вещей, которые я понял по пути от случайного любителя до человека, который уже не просто играет, а играет с некоторым пониманием.
Читать далее »Иногда даже одно лёгкое движение может сделать сайт запоминающимся. Не нужно быть мастером фронтенда, чтобы добавить немного магии в интерфейс — иногда достаточно пары строк CSS. Простые анимации делают сайт динамичным, визуально приятным и интуитивно понятным: кнопки становятся отзывчивыми, элементы появляются с грацией, а страницы начинают «дышать».
Читать далее »В CKEditor 5 есть родной плагин, который отображает список спец. символов для вставки в редактор. Он удобен и прост, проблема лишь в том, что он содержит далеко не все символы, которые могут быть нужны.
Читать далее »Неприятная особенность CKEditor — добавляет в пустые контейнера (в <div>,<p> и т.п.) html код неразрывного пробела.
Читать далее »