Сфера IT за 10 лет изменилась до неузнаваемости. В 2016 достаточно было пройти базовый курс по вёрстке — и через месяц ты уже работал, получая зарплату выше средней по стране.

В 2026 всё наоборот: требования выросли, зарплаты стоят на месте, а путь джуна легко растягивается до года. В свежем выпуске «CSS Боль» сравниваем рынок 2016 и 2026 и разбираемся, почему вход в профессию стал в разы сложнее — и что это означает для тех, кто только собирается учиться.
➿➿➿➿➿➿➿➿➿➿

В выпуске:
✓ Как работал вход в IT в 2016-м и почему он был таким быстрым
✓ Почему стартовые 40–60 тысяч в 2026-м — уже не «прыжок вверх», а просадка по доходу
✓ Насколько выросли требования к джуну: вёрстка, чистый JS, SPA, фреймворк и работа с ИИ
✓ Почему процесс выхода на первое собеседование теперь занимает 6–12 месяцев
✓ Что показывают данные Росстата и статистика HTML Academy о реальном состоянии рынка
✓ И к чему приведёт эта тенденция: прогноз кадрового кризиса в ближайшие 2–3 года
✓ Кому будет легко входить в IT в 2026

Если вы планируете вход в IT — этот выпуск поможет понять текущие реалии без иллюзий и хайпа.

🐭 Смотреть на YouTube
🐹 Смотреть в VK

JSON (JavaScript Object Notation) — текстовый формат для представления структурированных данных. Его используют, чтобы передавать данные между клиентом и сервером, хранить конфигурации и сериализовать состояние приложений.

Пока все данные приходят идеальными, работа с JSON кажется простой. Но одна лишняя запятая — и приложение падает с SyntaxError.

В статье разбираем, как надёжно использовать JSON.parse(): когда достаточно простого try…catch, как оформить безопасную обёртку со значением по умолчанию, зачем нужна функция-reviver, что делать с большими JSON и как аккуратно работать с fetch. Такой подход помогает сделать парсинг предсказуемым и не блокировать интерфейс. #js #frontend

🌹 Читать статью

Краткий обзор возможностей, которые теперь широко поддерживаются во всех основных браузерах: новые цветовые функции, цветовые модели, потоковая компрессия и улучшенные селекторы.

В статье на примерах разбираем, как использовать современные цветовые функции и модели в CSS — от color() и color-mix() до lab(), lch(), oklab() и oklch(), — а ещё как расширенный синтаксис :nth-child() помогает обходиться без лишних классов в разметке.

Ещё смотрим на Web API, которые тоже стали Widely Available: CompressionStream и DecompressionStream для работы с сжатыми данными прямо в браузере и дополнительную информацию о WebRTC-соединениях через RTCPeerConnection.sctp. #css #webapi

🤭 Читать статью

К ноябрю 2025 года в CSS стали по-настоящему рабочими ещё два способа задавать цвет: lab() и lch(). Эти функции уже поддерживаются во всех основных браузерах — больше не нужны флаги и экспериментальные настройки.

С привычными rgb() и hex цвета часто ведут себя неожиданно, когда нужно просто сделать оттенок светлее или темнее. В lab() и особенно в lch() шаги по яркости, насыщенности и оттенку становятся намного предсказуемее: проще собирать аккуратные, гармоничные палитры для интерфейсов. #css #baseline

🌀 Читать статью

Новогоднее колесо в HTML Academy
➿➿➿➿➿➿➿➿➿➿➿➿
Праздники приближаются, а мы уже начинаем делиться новогодним чудом!

12–14 декабря — под ёлкой вы сможете найти подарки с акцентом на программах, которые помогают расти быстрее и увереннее:

❄️ мидл-курсы для тех, кто уже в профессии и хочет усилить навыки,
❄️ пакеты обучения с расширенной программой и лучшей экономией,
❄️ инженерия — курсы для тех, кто стремится к системному уровню разработки,
❄️ подарок от Тайного Санты.

Новогоднее колесо уже запущено — ищите на сайте подарочную коробку, крутите и забирайте свои новогодние скидки.

Анимация — это переход элемента от одного состояния к другому. Пользователям нравится, когда на сайте что-то вращается, появляются новые элементы или происходит что-то неожиданное. Если на сайте много таких «вау-эффектов», он может стать вирусным или получить какую-нибудь премию, например, Awwwards.

В статье разбираем, какие есть способы оживить интерфейс: CSS- и SVG-анимации и JavaScript. Показываем на примерах, в каких ситуациях достаточно свойств animation и transform, когда пригодятся возможности SVG и логика на JavaScript, а ещё вместе собираем простую анимацию прыгающего мячика и обсуждаем, как не превратить сайт в медленную «карусель». #css #js

🔔 Читать статью

Какой сейчас рынок труда в IT?

Михаил Грохотов — основатель Grokhotov Studio, рассказал про сложность найма джунов. «Найм идёт всегда. Людей ищут всегда.»
Полный эфир с Grokhotov Studio — по ссылке:

🐭 Смотреть на YouTube
🐹 Смотреть в VK
🌸 Программа обучения

CSS-анимации можно описывать не только через десятки @keyframes. В CSS есть функция, которая позволяет задать всю форму движения одной строкой — с ускорениями, паузами, рывками и перелётами.

В свежем выпуске «CSS Боль» разбираем функцию linear() в animation-timing-function и показываем, как с её помощью управлять прогрессом анимации точнее, чем привычными ease и cubic-bezier().
➿➿➿➿➿➿➿➿➿➿➿➿
В выпуске:

✓ Как работает linear() и почему это не просто «линейная» анимация
✓ Что такое точки прогресса и как они выходят за диапазон 0–1
✓ Как делать паузы, отскоки и overshoot без сложных @keyframes
✓ Почему отрицательные значения — это часть спецификации, а не баг
✓ Как одной тайминг-функцией синхронизировать несколько анимаций
✓ Разбор спецификации CSS Easing Functions Level 2 и практические примеры

Меньше кода, больше контроля над движением — и анимации, которые наконец перестают быть болью.

🐭 Смотреть на YouTube
🐹 Смотреть в VK

CSS 2025: Baseline Widely Available

Завтра в 20:00 (17 декабря) проведём стрим и соберём CSS-тирлист: что в S-тир, а что пока «ну, прикольно». Container queries. oklch(). Тригонометрия в calc(). Анимация гридов. Range syntax в медиазапросах. И ещё куча возможностей, которые стали доступны в 2025 году.

🐭 Смотреть на YouTube
🐹 Смотреть в VK