Частая картина в коде:
<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
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰6🔥3
🎁 И мозг прокачать, и макбук утащить!
Proglib.academy разыгрывает MacBook Pro 14 (M3 Pro, 36 GB, 1 TB SSD) 💻
Условия:
1️⃣ Покупаешь любой курс Proglib до 15 ноября.
2️⃣ Проходишь минимум 2 учебные недели (можно осилить за два вечера).
3️⃣ Пишешь куратору в чат своего курса: #розыгрыш.
Что за курсы?
— Математика для Data Science (6 месяцев боли и просветления).
— Основы Python, ML, алгоритмы, AI-агенты и даже курс для тех, кто в IT, но не кодит.
👉 Участвовать в розыгрыше
Proglib.academy разыгрывает MacBook Pro 14 (M3 Pro, 36 GB, 1 TB SSD) 💻
Условия:
1️⃣ Покупаешь любой курс Proglib до 15 ноября.
2️⃣ Проходишь минимум 2 учебные недели (можно осилить за два вечера).
3️⃣ Пишешь куратору в чат своего курса: #розыгрыш.
Что за курсы?
— Математика для Data Science (6 месяцев боли и просветления).
— Основы Python, ML, алгоритмы, AI-агенты и даже курс для тех, кто в IT, но не кодит.
👉 Участвовать в розыгрыше
🥰4🤔2🔥1
npm install, Webpack, Jest, nodemon, dotenv — забудьте этот зоопарк. Bun объединяет всё в один быстрый бинарь.
Один runtime вместо пяти конфиг-файлов.
#readme
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7🔥4
Что бесит больше всего в npm install ❓
Anonymous Poll
10%
Скорость установки
32%
node_modules весит как Windows
10%
«Работает у меня, у тебя нет»
11%
Постоянные уязвимости в audit
36%
Всё вместе 💀
🥰5
Nuxtjs-Cheat-Sheet.pdf
820.3 KB
Всё, что нужно Vue-разработчику в одной шпаргалке:
— Pages & Layouts
— useFetch / useAsyncData
— SSR / SSG / Hybrid
— useState / useRoute / useHead
— Оптимизация и best practices
#readme
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰6🔥1
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6😁3
💻 ВАЖНО: макбук ещё не забрали!
Proglib.academy продолжает розыгрыш MacBook Pro 14» (M3 Pro, 36 Гб, 1 Тб SSD).
Что нужно для участия?
— Берёшь любой курс Академии до 15 ноября.
— Проходишь хотя бы 2 недели обучения (можно за два дня ).
— Пишешь куратору #розыгрыш. Всё — ты в игре!
Что за курсы?
▫️Алгоритмы и структуры данных — если хочешь готовиться к собесам в Яндекс, FAANG и не сидеть на джуне вечно.
▫️Архитектуры и шаблоны проектирования — учат думать как senior, а не просто писать код.
▫️ Python, математика для DS, основы IT и другие темы — можно стартовать с нуля или усилить то, что уже знаешь.
👉 Влетай, не думай!
Proglib.academy продолжает розыгрыш MacBook Pro 14» (M3 Pro, 36 Гб, 1 Тб SSD).
Что нужно для участия?
— Берёшь любой курс Академии до 15 ноября.
— Проходишь хотя бы 2 недели обучения (
— Пишешь куратору #розыгрыш. Всё — ты в игре!
Что за курсы?
▫️Алгоритмы и структуры данных — если хочешь готовиться к собесам в Яндекс, FAANG и не сидеть на джуне вечно.
▫️Архитектуры и шаблоны проектирования — учат думать как senior, а не просто писать код.
▫️ Python, математика для DS, основы IT и другие темы — можно стартовать с нуля или усилить то, что уже знаешь.
👉 Влетай, не думай!
🥰5
Раньше, чтобы показать поповер по ховеру, нужен был JavaScript. Теперь — достаточно HTML.
interesttarget связывает элемент-триггер и поповер. Браузер сам обрабатывает hover, focus или long-press и показывает подсказку.
Можно совмещать с Popover API и Anchor Positioning для точного позиционирования.
Пока экспериментальная — работает в Chromium-браузерах (Chrome 135+, Edge 135+). В Firefox и Safari API ещё не реализован, поэтому стоит использовать фолбэк или JS-вариант для совместимости.
#readme #html
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8❤2🥰2
Вышел крупнейший релиз года для тех, кто работает с UI-компонентами.
Три ключевых изменения:
1. ESM-only — код стал на 29% легче и теперь не минифицирован (дебажить проще)
2. CSF Factories — новый формат историй для TypeScript: меньше бойлерплейта, больше автокомплита
3. Новый sb.mock — простой и надёжный автомокинг модулей (совместно с Vitest)
#career_merge
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🤩2😁1
😁4👍2
Frontend VK Hub — как работают наши интерфейсы?
Что делает интерфейсы VK быстрыми, удобными и устойчивыми под нагрузкой миллионов пользователей?
Frontend VK Hub — это сообщество инженеров, которые создают и развивают пользовательские интерфейсы для ВКонтакте, VK Play, VK WorkSpace и других сервисов экосистемы. Мы делимся практическим опытом, рассказываем о подходах к производительности, внедрении современных фреймворков и всему, что связано с улучшением Developer Experience.
Здесь можно найти инсайты от ведущих фронтенд-разработчиков, разборы реальных задач, новости индустрии и приглашения на мероприятия VK. И конечно, вакансии!
Подписывайся!
Что делает интерфейсы VK быстрыми, удобными и устойчивыми под нагрузкой миллионов пользователей?
Frontend VK Hub — это сообщество инженеров, которые создают и развивают пользовательские интерфейсы для ВКонтакте, VK Play, VK WorkSpace и других сервисов экосистемы. Мы делимся практическим опытом, рассказываем о подходах к производительности, внедрении современных фреймворков и всему, что связано с улучшением Developer Experience.
Здесь можно найти инсайты от ведущих фронтенд-разработчиков, разборы реальных задач, новости индустрии и приглашения на мероприятия VK. И конечно, вакансии!
Подписывайся!
🥰5👍1
Please open Telegram to view this post
VIEW IN TELEGRAM
💯8🌚3