Параллакс, прогресс-бар чтения, появление элементов при прокрутке — раньше для всего этого нужен был JavaScript и обработка события
CSS Scroll-Driven Animations меняют подход: одно свойство
🚀 Читать статью
scroll. Код получался хрупким, а анимации дёргались на каждом рендере.CSS Scroll-Driven Animations меняют подход: одно свойство
animation-timeline: scroll() привязывает обычные @keyframes к позиции скролла. Без JS, без библиотек, с рендерингом вне основного потока. В статье разбираем два типа таймлайнов — scroll() и view() — и показываем, как привязать анимацию к странице, контейнеру или видимости элемента. #css #baselinePlease open Telegram to view this post
VIEW IN TELEGRAM
🔥11👏3❤🔥2❤1
Макет для третьего сезона чемпионата подготовила студия Mish — №1 по UX сайтов в Рейтинге Рунета. В портфолио — ВТБ, Сбер, Яндекс, x5Group, а среди наград — Awwwards и «Золотое приложение».
За пять лет Mish выросли из пары человек в команду из 150+ специалистов с офисами в нескольких странах. Их подход к дизайну — исследования, аналитика, проверка гипотез — это то, как работают сильнейшие продуктовые команды. И именно их макет участники будут верстать на чемпионате.
Профессиональный трек чемпионата по вёрстке стартует 30 марта. Две недели, онлайн, не мешает работе.
🎁 Записаться на профессиональный трек
За пять лет Mish выросли из пары человек в команду из 150+ специалистов с офисами в нескольких странах. Их подход к дизайну — исследования, аналитика, проверка гипотез — это то, как работают сильнейшие продуктовые команды. И именно их макет участники будут верстать на чемпионате.
Профессиональный трек чемпионата по вёрстке стартует 30 марта. Две недели, онлайн, не мешает работе.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6❤🔥3🔥3
Неделю назад вышел Vite 8 — самое крупное обновление архитектуры со второй версии. Два бандлера (esbuild + Rollup) заменил один — Rolldown, написанный на Rust. У Linear продакшен-сборка упала с 46 до 6 секунд.
Под капотом Vite теперь целый Rust-стек: Rolldown для сборки, Oxc для парсинга и трансформации, встроенная поддержка
Курс «Vite» написан с нуля под восьмую версию. Шесть разделов: от
🎁 Смотреть программу
Резервный канал в MAX
Под капотом Vite теперь целый Rust-стек: Rolldown для сборки, Oxc для парсинга и трансформации, встроенная поддержка
tsconfig paths без сторонних плагинов. @vitejs/plugin-react v6 перешёл на Oxc и выкинул Babel из зависимостей. В пятом разделе курса подключаем плагин oxlint — он в 50–100 раз быстрее ESLint и ловит ошибки прямо при сборке.Курс «Vite» написан с нуля под восьмую версию. Шесть разделов: от
vite.config и Lightning CSS до тестирования с Vitest, деплоя через GitHub Actions и готовых сценариев миграции с Webpack и Gulp. #htmlacademy #levelupРезервный канал в MAX
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3❤🔥3 3⚡1😱1
Forwarded from CSS Боль
От резюме к доказательному найму
Рынок найма сломан двумя кризисами: экономическим и кризисом доверия. Они наложились друг на друга и бьют даже по сильным специалистам.
Новый дефолт рынка — нулевое доверие к кандидатам. И это надолго.
Резко выросла ценность цифрового профессионального следа — пруфов, которые подтверждают опыт и уровень навыков. Рынок движется к доказательному найму.
У большинства разработчиков таких доказательств нет. А нарабатывать их долго и дорого.
Поэтому появляются форматы, которые дают достоверное подтверждение уровня, сопоставимое по силе с докладом на технической конференции.
Один из таких форматов — чемпионат по вёрстке для мидлов от @htmlacademy. Он изначально строился как доказательный формат и включает:
– сложное задание с высоким потолком скила;
– двухнедельный формат, в котором можно показать свой максимум;
– ручную проверку работ;
– сильных проверяющих — синьоров из бигтеха и крупных продуктовых компаний;
– публикацию результатов в публичном рейтинге качества фронтенд-разработки.
Старт — 30 марта. Если у вас есть коммерческий опыт в разработке, это способ получить публичный пруф своего уровня.
Записаться на чемпионат
Рынок найма сломан двумя кризисами: экономическим и кризисом доверия. Они наложились друг на друга и бьют даже по сильным специалистам.
Новый дефолт рынка — нулевое доверие к кандидатам. И это надолго.
Резко выросла ценность цифрового профессионального следа — пруфов, которые подтверждают опыт и уровень навыков. Рынок движется к доказательному найму.
У большинства разработчиков таких доказательств нет. А нарабатывать их долго и дорого.
Поэтому появляются форматы, которые дают достоверное подтверждение уровня, сопоставимое по силе с докладом на технической конференции.
Один из таких форматов — чемпионат по вёрстке для мидлов от @htmlacademy. Он изначально строился как доказательный формат и включает:
– сложное задание с высоким потолком скила;
– двухнедельный формат, в котором можно показать свой максимум;
– ручную проверку работ;
– сильных проверяющих — синьоров из бигтеха и крупных продуктовых компаний;
– публикацию результатов в публичном рейтинге качества фронтенд-разработки.
Старт — 30 марта. Если у вас есть коммерческий опыт в разработке, это способ получить публичный пруф своего уровня.
Записаться на чемпионат
🔥4❤🔥3❤3🤣2
Больше 30 компаний-работодателей будут смотреть на результаты чемпионата по вёрстке. Среди них — AGIMA, №1 в Рейтинге Рунета. Рассказываем о партнёрах третьего сезона.
AGIMA — крупнейший интегратор цифровых решений в России. 551 сотрудник, 800+ проектов. Среди клиентов — Сбер, ВТБ, Мегафон, X5 Group.
Рядом — Oxem, №1 веб-дизайн студия Москвы по версии Рейтинга Рунета 2024. 300+ проектов и топ-5 разработчиков на React.
А в div. работают 190+ специалистов: дизайн, фронтенд, motion, 3D. И они тоже ищут верстальщиков.
Старт 30 марта. Две недели, полностью онлайн.
🎁 Записаться на профессиональный трек
AGIMA — крупнейший интегратор цифровых решений в России. 551 сотрудник, 800+ проектов. Среди клиентов — Сбер, ВТБ, Мегафон, X5 Group.
Рядом — Oxem, №1 веб-дизайн студия Москвы по версии Рейтинга Рунета 2024. 300+ проектов и топ-5 разработчиков на React.
А в div. работают 190+ специалистов: дизайн, фронтенд, motion, 3D. И они тоже ищут верстальщиков.
Старт 30 марта. Две недели, полностью онлайн.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4🔥4❤🔥2
Вышел Vite 8 — самое крупное изменение архитектуры с версии 2. Под капотом теперь один бандлер Rolldown на Rust вместо двух (esbuild + Rollup). Результат — ускорение продакшен-сборки в 10–30 раз.
В статье разбираем, что изменилось на практике: встроенные инструменты для анализа проекта, поддержку путей из
🎁 Читать статью
Резервный канал в MAX
В статье разбираем, что изменилось на практике: встроенные инструменты для анализа проекта, поддержку путей из
tsconfig, работу с WebAssembly и отправку сообщений из браузера в терминал. Плагины при этом остаются совместимыми — API не менялся. #js #viteРезервный канал в MAX
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10❤🔥4👏3👍1
Media is too big
VIEW IN TELEGRAM
❤🔥3❤2🔥2😢2
Страница грузилась секунду — стала грузиться десять. Причём только в Safari. React? Сервер? Сторонние скрипты? Нет. Виновник — одно эмодзи на кнопке.
Аллен Пайк вместе с Claude искал причину бинарным поиском: убираешь кусок кода, смотришь результат, повторяешь. Оказалось, шрифт Noto Color Emoji откатывается в Safari к SVG-рендерингу и тратит 1600 мс на компоновку одного символа вместо двух.
А ирония в том, что подключить этот шрифт изначально предложил тот же Claude. Агенты-программисты, пишет Пайк, похожи на циркулярную пилу: невероятно полезны и пропорционально опасны. #css #ai
🔜 Читать статью
Резервный канал в MAX
Аллен Пайк вместе с Claude искал причину бинарным поиском: убираешь кусок кода, смотришь результат, повторяешь. Оказалось, шрифт Noto Color Emoji откатывается в Safari к SVG-рендерингу и тратит 1600 мс на компоновку одного символа вместо двух.
А ирония в том, что подключить этот шрифт изначально предложил тот же Claude. Агенты-программисты, пишет Пайк, похожи на циркулярную пилу: невероятно полезны и пропорционально опасны. #css #ai
Резервный канал в MAX
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6❤🔥4🔥2🤣1
HTML Academy
Mish — студия №1 по UX сайтов в Рейтинге Рунета. В третьем сезоне Чемпионата по вёрстке участники верстают их макет. В этом сезоне мы запускаем профессиональный трек для действующих разработчиков. Это способ прокачать цифровой профессиональный след и упростить…
Анастасия пришла на прошлый чемпионат проверить свои силы — а ушла с предложением о работе от компании-партнёра. В третьем сезоне партнёров-работодателей ещё больше.
Paraweb — топ-3 разработчиков для образования в России. Награды Awwwards и CSSDA, на рынке с 2007 года. Больше тысячи проектов.
За чемпионатом следят и продуктовые команды. enkod — CDP-платформа для автоматизации маркетинга, в реестре российского ПО.
И 1PS. RU — агентство с 25-летней историей, сертифицированный партнёр Яндекса.
Старт через пять дней. Записывайтесь.
🎁 Записаться на профессиональный трек
Paraweb — топ-3 разработчиков для образования в России. Награды Awwwards и CSSDA, на рынке с 2007 года. Больше тысячи проектов.
За чемпионатом следят и продуктовые команды. enkod — CDP-платформа для автоматизации маркетинга, в реестре российского ПО.
И 1PS. RU — агентство с 25-летней историей, сертифицированный партнёр Яндекса.
Старт через пять дней. Записывайтесь.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
1❤🔥5❤2🔥2
Вы пишете компонент, который уже писали десять раз. Потом юнит-тесты к нему. Потом документацию. К вечеру — ощущение, что весь день работали, а к архитектуре так и не притронулись.
AI-агенты могут взять на себя эту рутину. Но если просто скопировать ответ из ChatGPT — получится код, который потом дольше чинить, чем написать самому. Агенты работают, когда вы умеете формулировать промпты, настраивать контекст проекта и проверять результат.
На курсе «Фронтенд на автопилоте» вы с нуля соберёте интернет-магазин с корзиной в связке с GPT-5, GitHub Copilot и Cursor. Настройка окружения, генерация компонентов, тесты, рефакторинг, документация — на каждом этапе работаете вместе с AI-агентом. Нужно знать JavaScript.
🎖 При записи на курс — 2 000 000 токенов на платформе. Это доступ к GPT-5 для учебных задач: генерация кода, тесты, документация. Обычно за такие инструменты платят отдельно — здесь они включены в стоимость.
Скидка 30% до 29 марта.
Записаться в Телеграме
Записаться через MAX
AI-агенты могут взять на себя эту рутину. Но если просто скопировать ответ из ChatGPT — получится код, который потом дольше чинить, чем написать самому. Агенты работают, когда вы умеете формулировать промпты, настраивать контекст проекта и проверять результат.
На курсе «Фронтенд на автопилоте» вы с нуля соберёте интернет-магазин с корзиной в связке с GPT-5, GitHub Copilot и Cursor. Настройка окружения, генерация компонентов, тесты, рефакторинг, документация — на каждом этапе работаете вместе с AI-агентом. Нужно знать JavaScript.
Скидка 30% до 29 марта.
Записаться в Телеграме
Записаться через MAX
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4❤🔥2👍2