Логово верстальщика

🤯 Девушка получила оффер в OpenAI и поделилась своим опытом поиска работы Внутри статьи она подробно расписывает этапы собеседований, лайфхаки и делится учебными ресурсами, которые ей помогли. Плю

⁣content-visibility: auto и contain-intrinsic-size: рендеринг только в видимой зоне без JS Каталог на 500 товаров, лента блога или таблица лидеров — браузер честно считает layout и рисует каждый элем

⁣Наконец-то нормальная анимация height: auto без костылей Раньше, чтобы плавно раскрыть элемент от 0 до auto, приходилось идти на ухищрения: угадывать max-height: 9999px с дергающейся анимацией, изме

⁣Inertial scrolling и overscroll-behavior: управляем pull-to-refresh, bounce-эффектами и sticky-навигацией без js-костылей На iOS при свайпе внутри модалки за ней летит весь сайт. На Android sticky-ш

⁣Overflow:clip и scrollbar-gutter: стабильные макеты без выпадения контента при появлении скроллбара Замечали: страница грузится, контент уже почти встал, и тут появляется скроллбар — весь блок уезжа

Как я собираю мини‑аналитику по рынку профессий Давно работая с HR‑аналитикой, мне стало интересно не просто смотреть на рынок, но и самому выделять основное, что с него можно собрать, и представлять

⁣CSS light-dark(): адаптивная тёмная тема без дублирования цветов В production-проектах — лендингах, админ-панелях, дизайн-системах — тёмная тема часто реализуется через @media (prefers-color-scheme:

Техгиганты увольняют людей — к чему готовиться джунам Этой весной американский разработчик Oracle уволил почти 30 000 сотрудников в ходе трансформации компании. Председатель совета директоров Ларри Э

⁣Cascade Layers без specificity-войн: @import с supports() На реальном проекте с тысячами строк CSS проблема не в адаптивности, а в том, что каждый второй селектор — #page .wrapper .card .title a, а

⁣Container Queries: Резиновые карточки товаров без медиазапросов по viewport Карточки товаров, которые адаптируются к ширине родителя, а не экрана — это @container. Эта техника незаменима в каталогах