Рубрика «css»

Коллекция полезных 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

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

Этот CSS пора оставить в прошлом - 1

Привет!

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

Всем привет. Я Артем Курочкин, frontend разработчик компании DD Planet.

Сегодня я расскажу об одном из ключевых нововведений в React, представленных на React Conf 2025. Прошу любить и жаловать ViewTransition - нативная поддержка view transition api в экосистеме реакта.

Что это значит для React-разработчиков и как нам всем это поможет, мы и разберем в этой статье.

Что за зверь такой View Transition API

The View Transition API provides a mechanism for easily creating animated transitions between different website views. This includes animating between DOM states in a single-page app (SPA), and animating the navigation between documents in a multi-page app (MPA).

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

Мои любимые CSS-трюки, которые вы могли упустить - 1

Привет!

В последние годы CSS стабильно развивается. По себе знаю, что уследить непросто. По этой причине многие продолжают использовать лишь часть его возможностей, ограничиваясь проверенными годами решениями.

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

Представьте, что вы — разумный человек. Вы знаете, что CSS — это язык стилей. Cascading Style Sheets. Для оформления. Не для логики. Не для программирования. Просто цвета, шрифты, отступы.

А потом вы заходите на CodePen.

И там кто-то сделал полностью рабочий калькулятор. На чистом CSS. Без JavaScript. Кто-то другой запрограммировал игру в крестики-нолики. С искусственным интеллектом. На CSS. Третий создал 3D-лабиринт с first-person камерой. Управление клавиатурой. Опять же — на CSS.

И вы думаете: "Что за чёрт? Как это вообще работает?"

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

HTML и CSS антипаттерны - 1

Привет!

При обучении разным языкам программирования всегда есть практики, которым не рекомендуется следовать. Это очень сильно помогает разработчикам избегать ошибок.

Только по какой-то причине сложно найти антипаттерны по языкам HTML и CSS. Может, потому что они не языки программирования?

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

Я нанял джуна в свой open source проект. Вот что получилось - 1

Здравствуйте, товарищи! Сегодня у нас будет нетехническая статья. Я расскажу об одном нестандартном кейсе из своей практики, суть которого отражена в заголовке.

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


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