Рубрика «css» - 3

Недостаток знаний часто подталкивает людей к чрезмерно сложным решениям, и рано или поздно это отражается на производительности.

Возьмем content-visibility: auto. Он дает тот же эффект, что и React-Window, но без единой строчки JS и без увеличения размера сборки. Аналогичная ситуация с современными единицами высоты окна (dvh, svh, lvh): наконец-то приведена в порядок "мобильная" высота, которую годами пытались компенсировать через window.innerHeight.

Читать полностью »

Иногда кажется, что дизайнеры придумывают интерфейсные паттерны, чтобы поиздеваться над разработчиками. Впуклый угол — один из них.

«Инвертированный», «вогнутый», «впуклый» угол, а также negative border radius или inverted border radius. Когда слышите это — знайте, дальше будут страдания.

Проблема в том, что приём выглядит просто, но нативного способа сделать такой угол в CSS нет. Поэтому в ход идут тучи дополнительных обёрток и море стилей для их позиционирования. И всё это ломается на неоднородном фоне.

В этой статье я покажу простой способ создания впуклых углов с помощью опенсорсной CSS‑библиотекиЧитать полностью »

Frontend Status запускается: привет! + свежий дайджест фронтенда и AI

Frontend Status запускается: привет! + свежий дайджест фронтенда и AI

Привет!

Читать полностью »

Новые CSS-фичи, появившиеся к началу 2026 года - 1

Привет!

В начале года я всегда смотрю, что нового появилось в CSS за прошлый год. Надо же придумывать новые решения для наших фронтендерских задач, чтобы было удобнее, проще, быстрее и надёжнее.

Читать полностью »

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

Современный CSS позволяет собрать сложный, гибкий и красивый круговой прогрессбар буквально на одном div и на одном CSS‑свойстве. И всё это — с отличной браузерной поддержкой.

Читать полностью »

Делаем новогоднюю поздравительную открытку, используя только CSS - 1

На носу Новый год. Все друг друга поздравляют. Мне это время очень нравится. Для меня Новый год — самый главный праздник.

Читать полностью »

Коллекция полезных CSS фишек, которые вы редко используете - 1

Привет!

В мире фронтенда активно всё меняется. Появляются одни инструменты, но только их выучишь — они устаревают, и нужно уже учить новые. Новые методы и API в JavaScript. Даже в HTML появляется что-то новое. И, конечно, CSS не отстаёт.

Читать полностью »

Большой системный обзор технологических сдвигов, которые меняют роль фронтенд-разработчика

Привет!

Фронтенд никогда не был скучной отраслью, но 2025 год стал моментом перелома. Мы наблюдаем не просто появление новых инструментов — меняется сама архитектурная модель веба, роль разработчика и набор навыков, необходимых для работы.

Рынок уходит от монолитных SPA и JavaScript-нагромождений. На первый план выходит Server-First, нативные возможности Web Platform и глубокая интеграция AI, который перестал быть игрушкой и стал полноценным усилителем, влияющим на разработку, дизайн и продакшен.

Читать полностью »

Вводные вопросы

  • В какой компании ты работал и что приходилось там делать?

  • Как проходил код-ревью на прошлом месте работы?

  • Сколько людей было в команде?

  • На каком стеке работали?

  • Как вы делали задачи?

  • Расскажи про свой опыт?

  • Расскажи, какие самые сложные или интересные задачи ты выполнял?

HTML / CSS

  • Работал ли ты с iframe?

  • Нужен ли БЭМ в 2025 году?

  • Что такое flex и flex-shrink?

  • В чём разница между display: none и visibility: hidden?

  • Как работает z-index?

  • Разница между async и defer для script

  • Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js