Forwarded from PiterJS (Дим)
✨ На грядущем PiterJS для вас выступит Василий Беляев с докладом:
📜 Как мы компоненты оптимизировали, оптимизировали, да выоптимизировали
🎫 Регистрируйся, пока есть места: https://piterjs.org/#meetup=tgc5es_yh9ozv
✔️ А если передумал идти — отмени регистрацию там же.
📜 Как мы компоненты оптимизировали, оптимизировали, да выоптимизировали
Во время разработки часто возникают идеи улучшений, которые хочется реализовать сразу, но это может привести к упущению некоторых моментов. В своём докладе я расскажу о методах оптимизации работы с компонентами и интеграции сторонних библиотек. Мы обсудим рефакторинг через package.json, оптимизацию импортов, сокращение размера бандлов и ускорение сборки. Эти моменты помогут улучшить производительность приложений, скорость сборки проектов и размер бандлов.
🎫 Регистрируйся, пока есть места: https://piterjs.org/#meetup=tgc5es_yh9ozv
✔️ А если передумал идти — отмени регистрацию там же.
🔥1
Всем привет! Уже сегодня выступаю с докладом про оптимизацию компонентов на PiterJS.
Кому интересно, ссылка на трансляцию: https://live.vkvideo.ru/piterjs (начало в 19:00)
А ещё, для ранних пташек, кто придёт к 17-30, Селектел готов провести экскурсию по своему дата-центру.
Следите за началом трансляции и подробной информацией в канале PiterJS: https://t.iss.one/piterjs
Кому интересно, ссылка на трансляцию: https://live.vkvideo.ru/piterjs (начало в 19:00)
А ещё, для ранних пташек, кто придёт к 17-30, Селектел готов провести экскурсию по своему дата-центру.
Следите за началом трансляции и подробной информацией в канале PiterJS: https://t.iss.one/piterjs
👍3🔥3
Всем привет! Хотите узнать про современные цвета в web? Сегодня в 19:00 я буду выступать на Engineering Meetups от Health Samurai с темой «Как использовать цвета на полную?
Display P3 и OKLCH в современном фронтенде»
Ссылка на регистрацию: https://health-samurai.ru/page72746755.html
Display P3 и OKLCH в современном фронтенде»
Ссылка на регистрацию: https://health-samurai.ru/page72746755.html
🔥2👍1
Теперь я еще в сетке: https://set.ki/channel/nkUghu8
Сетка
DevLeader - или записки программиста. Канал в Сетке
👍2🔥1
Пора использовать новые цвета в web!
21 августа на Engineering Meetups от Health Samurai я рассказывал о работе с цветами в современном web. Главный вывод: мы теперь можем использовать возможности новых цветовых пространств прямо в CSS и не боятся этого! Главное пользоваться в уместных случаях
Основные моменты:
- OKLCh в CSS — это стандарт (W3C), который уже поддерживается современными браузерами (https://www.w3.org/TR/css-color-4/).
- Мы можем это проверить совместимость! С помощью CSS (@supports) и JavaScript можно точно проверить, поддерживает ли браузер и даже дисплей пользователя Display P3.
- Дизайнеры тоже уже могут переходить на OKLCH! Figma научилась работать с OKLCH, а Photoshop умеет работать с расширенными цветовыми пространствами, но с цветовой моделью Lab.
А вот главная киллер-фича:
Теперь можно на лету создавать производные цвета от основного (primary) с помощью простых математических вычислений. Больше не нужны гигантские статические палитры от дизайнеров!И самое интересное — новые цвета будут перцептивно равномерными (то есть, изменения воспринимаются человеческим глазом плавно и предсказуемо) .
P.S. Выступление прошло в формате дискуссии и было немного воркшопа — было интересно!
#ccs #frontend #ui #meetups
21 августа на Engineering Meetups от Health Samurai я рассказывал о работе с цветами в современном web. Главный вывод: мы теперь можем использовать возможности новых цветовых пространств прямо в CSS и не боятся этого! Главное пользоваться в уместных случаях
Основные моменты:
- OKLCh в CSS — это стандарт (W3C), который уже поддерживается современными браузерами (https://www.w3.org/TR/css-color-4/).
- Мы можем это проверить совместимость! С помощью CSS (@supports) и JavaScript можно точно проверить, поддерживает ли браузер и даже дисплей пользователя Display P3.
- Дизайнеры тоже уже могут переходить на OKLCH! Figma научилась работать с OKLCH, а Photoshop умеет работать с расширенными цветовыми пространствами, но с цветовой моделью Lab.
А вот главная киллер-фича:
Теперь можно на лету создавать производные цвета от основного (primary) с помощью простых математических вычислений. Больше не нужны гигантские статические палитры от дизайнеров!
P.S. Выступление прошло в формате дискуссии и было немного воркшопа — было интересно!
#ccs #frontend #ui #meetups
Из интересного! С выходом iOS26 снова появились возможности оплачивать с помощью iPhone свои покупки. Уже второй банк подтянул это решение. Сегодня опробовал - работает на новых терминалах. На старых - пока не знаю… но там всегда остается QR код.
P.S. Новый способ оплаты не отличается по условиям от использования физических носителей или Apple Pay
P.S. Новый способ оплаты не отличается по условиям от использования физических носителей или Apple Pay
🔥1
Это было здорово!) Доволен докладом, и мероприятием!) Надо будет повторить
🔥2❤1
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