🐸 Библиотека фронтендера

#pixel_pause

⭐️ Как скопировать коммит из другой ветки

Когда нужен один конкретный фикс, но мёржить всю ветку не хочется — выручает git cherry-pick.

git cherry-pick <hash>

Git применит выбранный коммит в твою текущую ветку — аккуратно и без лишнего кода.

⏺ Фишка:

— Можно применить сразу несколько коммитов:

git cherry-pick A^..B

Так Git возьмёт все коммиты с A по B включительно (вариант без ^ пропустит A).

— Удобно для переноса хотфиксов из main в develop или наоборот.

🐸 Библиотека фронтендера

#readme #git

👨‍🦳 Почему <div role="button"> — это не кнопка

Частая картина в коде:

<div class="btn" role="button">Нажми меня</div>

Кажется, что role="button" превращает <div> в кнопку. Но это не так.

🔤 Ключевой инсайт:

role="button" только сообщает скринридерам «это кнопка», но НЕ добавляет поведение кнопки.

У такого "div-button" по-прежнему нет:

- Фокуса с клавиатуры (Tab)
- Активации по Space/Enter
- Состояния disabled
- Доступного имени

Всё это нужно программировать вручную через JS.

⏺ Есть способ проще:

button {
  all: unset;
}

Одна строка CSS сбрасывает стили браузера — и можно стилизовать <button> как угодно, сохраняя всю встроенную доступность.

Семантический HTML — это не только про «правильность». Это способ избежать лишней работы.

📎 Читать подробнее

🐸 Библиотека фронтендера

#read_watch