Text Illumination

Сцена с анимированным появлением текста

AI Rork + Figma: как ускорить прототипирование и исследование без компромиссов

Покажу, как с помощью Figma и Rork почти мгновенно делать кликабельные прототипы — идеально для быстрых юзер-тестов и не только. Минимум мороки, максимум пользы

CSS scroll-driven scroll-snapping animations

Страница с различными вариациями анимированного скролла

❓ Зачем нужен атрибут contenteditable в HTML и когда его использовать?

Атрибут contenteditable позволяет сделать любой HTML-элемент редактируемым прямо на странице. Это полезно для создания текстовых редакторов, заметок или интерфейсов без использования дополнительных полей ввода.

✅ Пример:

<div contenteditable="true">Нажми сюда и начни редактировать текст</div>

📌 В этом примере пользователь сможет кликнуть на блок и изменить его содержимое прямо в браузере.

contenteditable удобно использовать для быстрой реализации функций редактирования текста без сложных форм и без дополнительной логики обработки полей ввода.

Jumping Coin Preloader

Анимированная загрузка в виде прыгающей монетки

Всё, что вы хотели знать, но стеснялись спросить о кастомных курсорах в CSS

В статье объясняют, как сделать крутые кастомные курсоры с помощью CSS и немного JavaScript, не угробив удобство и не забыв про доступность для всех пользователей

Scroll Trigger Image Zoom

Страница с эффектом зума при скролле

Что не так с новым приложением Яндекс.Погоды

В статье автор сравнивает старую и новую версии Яндекс.Погоды, ругается за принудительный редизайн и делится мнением как обычный пользователь и как проектировщик интерфейсов

Silky smooth SVG link effects with GSAP

Набор кнопок со стильными эффектами при нажатии

❓ Зачем нужен атрибут readonly в HTML и когда его использовать?

Атрибут readonly делает поле формы доступным для просмотра, но запрещает его редактирование. Это полезно, когда нужно показать пользователю данные без возможности их изменения.

✅ Пример:

<input type="text" value="Только для чтения" readonly>

📌 В этом примере пользователь сможет видеть текст в поле, но не сможет его изменить.

readonly удобно использовать для отображения предварительно заполненных данных, итоговых расчетов или информации, которую нельзя менять, но важно показать в интерфейсе.