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

✨ Больше полезного — в сторисХотим вынести туда короткий формат: быстрые находки, мини-опросы, ссылки и идеи, которые не тянут на отдельный пост.Сторис открываются через бусты — кнопка ниже.➡️ Забустить каналСпасибо, вы лучшие ❤️🐸 Библиотека фронтендера

💡 Почему таблицам нужен <caption><caption> добавляет таблице понятный заголовок.Для пользователей скринридеров это особенно важно: они сначала слышат описание таблицы, а уже потом переходят к строкам и ячейкам.<table> <caption>Отчёт по продажам за май</caption> ...</table>Положение заголовка можн...

🔥 Строишь ИИ-агентов? Руководитель AI/ML-направления Сloud․ru покажет, где большинство архитектур ломаются, и как этого избежать.18 июня в 19:00 совместно с Сloud․ru проведём открытый урок «Мультиагентные системы: почему большинство архитектур переусложнены».Спикер — Дмитрий Юдин, эксперт по масшта...

⚡ Обычно мы стараемся не блокировать рендеринг страницы и используем async или deferНо в HTML есть малоизвестный атрибут blocking="render", который позволяет намеренно задержать первый paint и избежать FOUC или скачков интерфейса.Разбираемся, как он работает, когда может пригодиться и почему иногда ...

🔥 Швейцарский нож для работы с JSONЕсли приходится регулярно разбирать ответы API, этот инструмент может сэкономить немало времени.🔜 Что умеет:— визуализировать JSON в виде дерева и таблиц — сравнивать два JSON-файла — показывать ошибки в структуре данных — выполнять jq-запросы прямо в интерфей...

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

😳 Stylelint научился проверять типы CSS-переменныхВышла beta плагина CSS Property Type Validator для Stylelint.Он проверяет, соответствует ли значение CSS Custom Property типу, который задан через @property.🔜 Например, переменная зарегистрирована как цвет:@property --brand-color { syntax: "<color...

📎 Шпаргалка по фронтендуЭтот документ объединяет ключевые темы, техники и механизмы, которые лежат в основе современной фронтенд-разработки.🔜 В нём собраны объяснения, примеры и практические заметки, помогающие быстро освежить знания, разобраться в устройстве веб-технологий и подготовиться к выпол...

🤔 Вопрос с собеседованияЧто произойдёт, если на продакшен попадёт невалидный HTML?👇 Правильный ответ (нажми, чтобы прочитать):Браузер не покажет ошибку и не сломает страницу сразу. Вместо этого HTML-парсер попытается исправить разметку самостоятельно.Из-за этого могут появиться неожиданные проблем...

👩‍💻 Что нового в Safari 27 На WWDC26 показали WebKit для Safari 27: 58 новых возможностей и 525 исправлений.Из важного:— кастомизируемый <select> без JS-костылей и потери accessibility — scroll anchoring: страницы меньше прыгают при lazy-load и динамическом контенте — anchor positioning теперь ...

💡 clamp() — адаптивность без медиазапросовclamp() позволяет задать минимальное, предпочтительное и максимальное значение в одной строке:font-size: clamp(1rem, 2vw, 2rem);Удобно для:— адаптивной типографики— отступов и размеров блоков— fluid design без лишних @media📍 Навигация: [Вакансии]🐸 Библиот...