Forwarded from Криптонит. Разработка, наука, шифрование
This media is not supported in your browser
VIEW IN TELEGRAM
❤1🔥1
Media is too big
VIEW IN TELEGRAM
Всем привет! В субботу выступал на конференции #ITGorky Dev Conf!. Рассказал про компоненты, чуть обновив доклад. И уже появилось видео ). Спасибо за организаторам за приглашение и коллегам за помощь в подготовке и поддержку).
❤5⚡1👍1
Media is too big
VIEW IN TELEGRAM
Всем привет! Еще 21 августа выступал на Engineering Meetups от Health Samurai c докладом про современные цветовые модели в web, и в целом немного в digital.
Про что рассказывал:
- Как реально меняется картинка на новых экранах — показал на свои пример с адаптацией под sRGB экраны
- Почему нужно знать про OKLCH, Display P3 — и как это может спасти проект (или подпортить, если подходить вслепую).
- Какие CSS-фишки появились — что уже поддерживается в браузерах, где работает, а где нет.
- Когда новая цветовая модель делает страничку сочнее, а когда — лучше не лезть туда.
- Как сделать иллюстрации, чтобы они выглядели ярко на современных устройствах.
- Что делать с поддержкой старых браузеров, и как вообще не превратить свой сайт в баг-репорт.
Формат оказался интересным и новым для меня. Получилось живое обсуждение вместо доклада и сессии вопросов и ответов. Если занимаешься дизайном или фронтендом - рекомендую посмотреть!
#OKLCh #CSS #Frontend #design
Про что рассказывал:
- Как реально меняется картинка на новых экранах — показал на свои пример с адаптацией под sRGB экраны
- Почему нужно знать про OKLCH, Display P3 — и как это может спасти проект (или подпортить, если подходить вслепую).
- Какие CSS-фишки появились — что уже поддерживается в браузерах, где работает, а где нет.
- Когда новая цветовая модель делает страничку сочнее, а когда — лучше не лезть туда.
- Как сделать иллюстрации, чтобы они выглядели ярко на современных устройствах.
- Что делать с поддержкой старых браузеров, и как вообще не превратить свой сайт в баг-репорт.
Формат оказался интересным и новым для меня. Получилось живое обсуждение вместо доклада и сессии вопросов и ответов. Если занимаешься дизайном или фронтендом - рекомендую посмотреть!
#OKLCh #CSS #Frontend #design
👍4🔥4
Всем привет! Сегодня вышел подкаст от Криптонита, в котором я принимал участие! )
👍2❤1
Forwarded from Криптонит. Разработка, наука, шифрование
Media is too big
VIEW IN TELEGRAM
Джуны больше не нужны? (Спойлер: нет, «за ИИ стоит следить ещё похлеще, чем за джуном» )
В новом подкасте «Криптонит говорит» мы обсудили:
🔹 как быстро и эффективно расти внутри компании;
🔹 правда ли, что ИИ скоро заменит джунов;
🔹 какие тренды во frontend-разработке стоит ожидать в ближайшее время;
🔹 какой стек нужен фронтендерам и многое другое.
Смотрите и слушайте выпуск на платформах (везде есть таймкоды)
📺 VK Видео
📺 YouTube
📺 Rutube
💬 Подкаст в телеграме
🎵 Яндекс.Музыка
В выпуске приняли участие:
🟦 Василий Беляев, frontend team lead в «Криптоните»;
🟦 Артём Поморцев, middle frontend разработчик в «Криптоните»;
🟦 Семён Клюев, junior frontend разработчик в «Криптоните». #Криптонит_говорит
📌 В первом закреплённом комментарии под видео есть полезные материалы для изучения frontend-разработки от экспертов «Криптонита».
В новом подкасте «Криптонит говорит» мы обсудили:
Смотрите и слушайте выпуск на платформах (везде есть таймкоды)
В выпуске приняли участие:
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4😍2
Google опубликовал те изменения в CSS, которые завез в Chrome за 2025 год: https://chrome.dev/css-wrapped-2025/
CSS Wrapped 2025
Sculpt dynamic interfaces, stretch your imagination, and play with these 22 powerful new CSS features that landed in Chrome this year.
👍1
Все знают сайт roadmap.sh. Они относительно недавно запустили новый раздел для реализации и проверки pet-проектов: https://roadmap.sh/projects
Полезно, если хотите прикрутить к резюме ссылку на GitHub с pet-проектами
Полезно, если хотите прикрутить к резюме ссылку на GitHub с pet-проектами
🔥2❤1
Вчера рассказал про то, как выкрутить цвета в web на полную - на самом деле легко и просто (когда-нибудь обновлю свой сайт и применю oklch)
Если интересно, то вот ссылка на презентацию
не все пошло по плану, но было здорово! Всем спасибо и до встречи на dump в следующем году)
Надеюсь лет через 5 вернусь с дополнением про rec2020 на наших устройствах
Если интересно, то вот ссылка на презентацию
не все пошло по плану, но было здорово! Всем спасибо и до встречи на dump в следующем году)
Надеюсь лет через 5 вернусь с дополнением про rec2020 на наших устройствах
❤2🔥1
Всем привет! Раньше выступал с докладом про компоненты, и вот мы перевели ее в статью. Это первая часть, вторая будет позже и с дополнением к докладу )
Forwarded from Криптонит. Разработка, наука, шифрование
Хабр
Как мы оптимизировали компоненты во фронтенде: работа с импортами и package.json
Привет, Хабр! Меня зовут Василий Беляев. Я руководитель группы разработки по направлению фронтенда в ИТ-компании «Криптонит». В этой статье хочу поделиться опытом и рассказать об оптимизации...
#Frontend
Как во фронтенде наводят порядок программисты, которые НЕ пишут на React?(а используют библиотеки на Vue + Composition API)
⚡️ В новой статье на Хабре Василий Беляев, frontend-эксперт «Криптонита», рассказывает об опыте оптимизации библиотек: с какими проблемами столкнулись, как их пошагово решили.
В этой статье:
🟦 проблемы: вес бандла, скорость сборки проекта, лишние зависимости, конфликт версий и т.д.);
🟦 работа с импортами;
🟦 плагины вместо локальных импортов;
🟦 разбираем как устроен package.json и наводим в нём порядок.
Надеемся, этот опыт поможет и вам навести порядок в своих проектах!
Читайте статью в нашем блоге на Хабре➡️ по этой ссылке ⬅️
P. S. Василий ведёт уютный канал про frontend-разработку — DevLeader - или записки программиста. Подписывайтесь!
Как во фронтенде наводят порядок программисты, которые НЕ пишут на React?
В этой статье:
Надеемся, этот опыт поможет и вам навести порядок в своих проектах!
Читайте статью в нашем блоге на Хабре
P. S. Василий ведёт уютный канал про frontend-разработку — DevLeader - или записки программиста. Подписывайтесь!
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3❤2👍1
С учетом того, что я немного думаю о безопасности, то вот интересная статья на почитать: https://hacks.mozilla.org/2026/02/goodbye-innerhtml-hello-sethtml-stronger-xss-protection-in-firefox-148/
Mozilla Hacks – the Web developer blog
Goodbye innerHTML, Hello setHTML: Stronger XSS Protection in Firefox 148
Cross-site scripting (XSS) remains one of the most prevalent vulnerabilities on the web. The new standardized Sanitizer API provides a straightforward way for web developers to sanitize untrusted HTML before inserting it into the DOM. Firefox 148 is the first…
👍1🔥1