🔍 Убрал повтор в скринридере и сломал кнопку Джейк Арчибальд делал кнопку-иконку «жирный» с подсказкой «Bold (⌘B)» на popover="hint". На кнопке стояли aria-label="Bold" и aria-describedby со ссылкой на подсказку. VoiceOver читал «Bold. Bold. Command B». Чтобы убрать повтор, Джейк удалил aria-label. И кнопка осталась без доступного имени, то есть без названия для скринридера. aria-describedby добавляет только…
Frontend Interview - собеседования по Javascript / Html / Css
Канал для подготовки к собеседованиям по фронтенду Админ Канал в реестре РКН: https://rknn.link/su
Вашу рекламу в этом канале увидит до 730 человек
Заказать рекламу →Динамика подписчиков
с 20 июля 2026 по 12 октября 2026 · минимум 10 400 · максимум 10 756
Кто рекламировался за полгода
Рекламодатель определён по маркировке рекламы в постах канала.
Публикации
🌈 Свечение внутри элемента, но из любого фона Подсветить элемент изнутри проще всего через box-shadow с inset. Но такое свечение одноцветное. А если хочется радужный conic-gradient() или картинку? Решение из статьи: накрыть элемент псевдоэлементом ::after с нужным фоном и маской оставить видимыми только края. Середина прозрачна, и сам элемент под ней виден. Маска для левого и правого краёв (black в маске значит…
Ищем новичков, готовых взять свой первый заказ на разработку сайта. Опыт не нужен. Заказ: лендинг для AI-сервиса NOVA AI Срок: 3 дня Занятость: 20–30 минут в день Оплата: 10 000 ₽ Опыт: не нужен Как это устроено: 1. Получаете сообщение от клиента и задачу на разработку лендинга. 2. Собираете структуру сайта на HTML — часть кода мы уже подготовили. 3. Оформляете страницу с помощью CSS и сами выбираете цветовую…
🚀 Два атрибута у картинки, и страница перестаёт прыгать Пока картинка грузится, тег img занимает на странице нулевой размер. Когда файл приходит, блок раздвигается, и текст под ним резко уезжает вниз. Браузер заново пересчитывает раскладку, а читатель теряет строку. Лечится это атрибутами width и height у img, например width=800 height=600. Браузер ещё до загрузки файла знает пропорции и сразу оставляет под картинку…
📏 Высота блока в строках, а не в пикселях В CSS есть единица lh: 1lh равен вычисленному line-height, то есть высоте одной строки текста. Она давно существует, но о её применении рассказывают редко. Пример: список надо обрезать по пяти строкам и плавно растворить низ. С max-height: 120px стоит увеличить шрифт, и всё ломается: строки растут, а пиксели нет. С lh размер считается в строках: .list { max-height: 5lh;…
🤖 AI для фронтенд-разработчика: собираем инструменты на Podlodka Frontend Crew AI-инструменты уже используют все, но порой в обсуждении с LLM возникает ощущение, что голова полна ответов, но их всё ещё недостаточно, чтобы разрешить вполне себе прикладные вопросы. Эксперты Podlodka Frontend Crew собрали онлайн-конференцию «Фронтенд с AI» , чтобы вместе с практиками из индустрии увидеть, как работает AI в разных…
🎚 «Больше или равно» в CSS без единого if Новая CSS-функция progress(значение, от, до) показывает, где значение лежит в диапазоне: дробь от 0 до 1. Всё, что за границами, по умолчанию обрезается до 0 или 1. Отсюда трюк. В диапазоне от 0 до порога ровно 1 выйдет, только когда значение достигло порога. Это готовый флаг. Например, бейджи за фильмы: пороги 3, 6 и 9 в --badgeLevel, число фильмов в --movieCount: .badge {…
711 собесдований и 51 оффер получили наши ученики за лето - 370k -> Инфра, облачный провайдер - 235k -> Крупный банк - 220k -> Fullstack в офис, в регионе - 371k + премии -> бигтех e-commerce, удаленка - 250k -> Vue удаленка - 200k -> Angular удаленка - 160k -> React удаленка - 240k -> Vue, удаленка и другие.... + 11 оффер за сентябрь за сентябрь 👋 Привет, я Тихон — действующий Frontend-разработчик и ментор. За руку…
🔴 AI кодинг интервью с разработчиком из международного FinTech в четверг в 19:00 ДА! Вайбкодинг реально начали проверять на интервью, поэтому мы нашли собеседующего, который проводит AI-секцию в международном финтехе, чтобы вы увидели что на ней спрашивают и как к ней подготовиться. Как это будет: 📂 Александр Дмитриев, разработчик из известного международного финтеха, ex-VK, ex-Ozon проведет вайбкодинг секцию…
🔴 Тестовый собес на Frontend-разработчика со старшим разработчиком ex. Сбер в этот четверг! [+ разбор 50 сложных вопросов в подарок ] 17 сентября (в этот четверг!) в 19:00 по мск приходи онлайн, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика! Собеседование проведёт Даниил Дмитриев - старший разработчик в R-Vision, ex. Сбер, Как это будет: 📂 Даниил задаст разработчику вопросы и задачи, которые…