Доброжелюбный бородач про фронтенд, тимлидство, спикерство. Автор — @dark_mefody Канал про работу: @mefody_work. Не размещаю рекламу в своём канале. Даже за деньги. Даже большие.
Долой появление по скроллу! Дэвид Бушелл довольно аргументированно доказывает, почему делать scroll-fade на сайте не нужно. Это такой эффект, когда вы скроллите — и только после этого текст и картинки как-то появляются на странице. Если кто-то попросит вас сверстать такой эффект, поделитесь с ними этой статьёй, там наглядно. https://dbushell.com/2026/01/09/death-to-scroll-fade/
CTF Frontend // 2026 Каждый год мы небольшой командой перед конференцией «Я 💛 Фронтенд» собираем фронтендерский CTF (Capture the Flag). Он уже оброс собственным лором, узнаваемой стилистикой, локальными мемами и небольшим, но уютным комьюнити. Игры больше похоже на головоломки, где знания фронтенда помогают найти спрятанные сообщения, чтобы перейти на следующий уровень. В этом году тоже готовим новую игру с новыми заданиями. Сижу как раз оформляю сюжетные диалоги, чтобы вам интереснее...
Я 💛 Фронтенд 2026 Чуть не забыл в суматохе подготовки. Мы с Сашей Шинкевич сегодня ведём конференцию про фронтенд. С отличной программой (по мнению составителей этой программы, то есть нас). Трансляция стартует в 11:00 по минскому времени: https://www.youtube.com/live/Da3cJi7RDPg Программа и подробности тут: https://events.yandex.ru/events/ya-love-frontend-2026/
Переезд с Chalk на нативный styleText Есть такая утилита Chalk, которую даже если вы осознанно в проект на Node.js не подключали, есть высокая вероятность, что подключали неосознанно. У неё какое-то неприличное девятизначное число скачиваний в неделю. И нужна она, чтобы в терминале красиво выводить текст: с фоновым цветом, разноцветно, жирненько или курсивом и так далее. В Node.js v22.13.0 стабильной стала нативная утилита node:util.styleText, которая может почти всё то же самое, но с некоторыми...
Гайд по Anchor Positioning Anchor Positioning — это декларативный способ описать визуальную привязку одного элемента к другому на странице. Тулптипы, подсказки, сноски, выносные элементы — всё это можно реализовать относительно легко при помощи Anchor Positioning API. Рома Ахмадуллин в Доке написал подробную статью, как работать с этим однозначно полезным API. Много интерактивных демок. https://doka.guide/css/anchor-positioning-guide/
Returns Undefined Забава вам на вечер. Игра, которая проверяет ваши знания приведения типов в JavaScript. И не только. В пиксельной графике. Местами есть абсолютно издевательские вопросы, но тем и веселее. Кстати, проект написан на Svelte, лежит в опенсорсе. https://ylovits.github.io/returns-undefined/
Эффект эластичного текста на чистом CSS Для начала, это эффектно и красиво. Темани Афиф собирает демку, в которой за текст можно потянуть курсором мышки — и он потянется в правильном направлении, а потом пружинкой отскочит обратно. Выглядит «вау», если знать, что там нет JavaScript. В статье есть пошаговый разбор, как достигнуть такого эффекта. Автор сразу предупреждает, что с точки зрения доступности такой текст имеет неприятные нюансы на разных скринридерах. Их, при желании, можно обойти, но з...
Будущее карьеры разработчика Внезапно не про веб, а про профессию в целом. Маттео Коллина (легенда) поделился своим видением, что изменится в нашей работе и в карьерных возможностях будущих новичков. • Фундаментальные знания стали ещё важнее. Так как LLM может взять на себя написание кода, кто-то должен ревьюить то, что оно напишет. И заранее можно эффективнее задачи ставить, если чётко формулировать, со знанием дела. • Стажировки — самый правильный способ вкатиться в IT. Джуны с рынка не интере...
Собственная тема для VS Code Зелл Лью делится опытом написания и публикации собственной темы для VS Code. Пошагово и с подробностями. В начале статьи Зелл пишет, что ему понадобилось всего 6 часов на создание рабочей темы и пара дней на «полировку». Статья может быть полезна не только тем, кто хочет стилизовать свой IDE, но и тем, кто встраивает движок Monaco в свои продукты. Хотя отличия всё же есть. https://css-tricks.com/no-hassle-visual-studio-code-theming-building-an-extension/
Navigation API — теперь во всех браузерах Как же я жду, когда эту апишку можно будет смело тащить в продакшен! Как мы до сих пор работали со SPA: • подписываемся на клики по ссылкам; • или пытаемся вклиниться в History API; • по клику делаем preventDefault; • имитируем работу браузера, но через JS (ходим за данными, собираем компоненты, рендерим); • обязательно руками обновляем window.history. И потом ещё спорим на конференциях, какая библиотека для роутинга самая правильная. Navigation API пере...