Верстальщик от бога

Верстаем сложный прогрессбар в 2026 году #почитатьРаньше, чтобы сделать круговой прогрессбар, мы страдали с SVG. Мне до сих пор больно заглядывать в инспектор на старых реализациях. Сегодня всё кардинально упростилось.Современный CSS позволяет собрать сложный, гибкий и красивый круговой прогрессбар ...

Как получить оффер в Яндекс, Сбер, МТС и другие крутые компании?На фото ребята из моего комьюнити, где уже больше 220 frontend-разработчиков. Все они успешно устроились в крутые компании и получили офферы от 300 тыс рублей 🫂👋 Привет, меня зовут Тихон, я действующий Frontend-разработчик и ментор. З...

View Transitions API #почитатьПолистав различные ресурсы в Интернете и просмотрев множество видео по данной теме, я решил составить наиболее полную картину по данному, не побоюсь этого слова, революционному API, чтобы вы уже сегодня могли начать использовать его в своём проекте!⏱Читать статью

text-decoration-inset is Like Padding for Text Decorations #почитатьThe text-decoration-inset property solves a problem that we’ve had since the beginning of the web, which is that text decorations such as underlines extend beyond the first and last characters, resulting in vertical misalignment.⏱Чи...

Что на самом деле делает фронтенд: путь данных от сервера до вашего экрана #почитатьФронтенд обычно представляют как «кнопки» и «красивые интерфейсы». Но это очень поверхностное понимание. На самом деле фронтенд — это слой приложения, который работает между пользователем и сервером, управляет данным...

Коллекция полезных HTML и CSS фич, которые редко используются #почитатьЯ люблю помогать фронтендерам больше узнать о HTML и CSS. Общаясь, я составил список HTML и CSS фич, которые полезные, но почему-то о них мало кто знает. В этой статье я пришёл поделиться ими.⏱Читать статью

Управляем «протягиванием» прокрутки: разбор overscroll‑behavior #почитатьРаспространённый сценарий: вы прокручиваете модальное окно, доезжаете до конца и… вместо того чтобы остановиться, браузер продолжает тянуть основной документ. Это так называемый «scroll chaining»: событие прокрутки передаётся р...

Старые и новые проблемы Safari на iOS #почитатьSafari — новый Internet Explorer для фронтенд-разработчиков! Поведение вёрстки в нём отличается от спецификаций, а иногда бывает и непредсказуемым.Но если Microsoft свой браузер похоронила, то Apple регулярно обновляет Safari, создавая новые проблемы дл...

Дорогие джуны, не делайте так. Коллекция плохих привычек в HTML и CSS #почитатьДавно я ничего не писал для джунов. А ведь HTML и CSS не стали проще для них. Всё так же есть сложности, и мне надо как-то помочь людям.Я выделил несколько привычек, от которых лучше избавиться в самом начале карьеры фрон...

Интересные HTML и CSS фичи, которые почему-то обходят стороной #почитатьВо фронтенде изменения происходят постоянно. Только разобрался с одним инструментом, он уже считается устаревшим. Плюс на смену ему появляются новые. В JavaScript регулярно добавляются новые методы и API, а HTML и CSS, разумеетс...

Хватит использовать JavaScript для решения задач CSS #почитатьНедостаток знаний часто подталкивает людей к чрезмерно сложным решениям, и рано или поздно это отражается на производительности.Возьмем content-visibility: auto. Он дает тот же эффект, что и React-Window, но без единой строчки JS и без ув...

Улучшаем API для Resize Observer #почитатьИнтерфейсы слежения за изменением размера (Resize Observer), изменениями DOM (Mutation Observer) и пересечениями (Intersection Observer) — это полезные API, которые превосходят своих предшественников по производительности:ResizeObserver лучше события window....