FrontEndDev

Эти CSS техники устарели О привычных CSS решениях, которые работают и используются, но которые можно смело заменить более простыми, удобными и современными. https://habr.com/ru/companies/ruvds/articles/917204/

Создаем приложение с использованием Refine Пошаговый тутораил по разработке фуллстек приложения с CRUD операциями и аутентификацией на фреймворке Refine. https://www.youtube.com/watch?v=k4lHXIzCEkM&ab_channel=JavaScriptMastery

😎 Хотите стать Fullstack-разработчиком и развиваться в IT? У вас есть шанс освоить профессию с нуля и работать с современными технологиями! 💻На курсе «Fullstack Developer» вы научитесь создавать фронтенд и бэкенд приложений, работать с React, TypeScript, Node.js, PostgreSQL и многим другим. Мы обучаем с нуля, шаг за шагом — от верстки до серверной части. 💪 В результате обучения у вас будут 3 проекта в портфолио, которые можно использовать на собеседованиях, а также актуальные знания, которые соответствуют требованиям современного рынка. Все уроки проводятся опытными практиками, а диплом OTUS ценится среди крупнейших IT-компаний. ❗Набор на курс закрывается, осталось всего несколько мест! Оставьте заявку и получите скидку на обучение по промокоду FULLSTACK_6 : https://otus.pw/CvIh/ Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Новая возможность CSS — gap decorations Стилизация промежутков между элементами в макетах flex, grid и колонках с использованием свойств наподобие column-rule и row-rule, избавляя от костылей с псевдоэлементами и лишней вёрстки. Поддерживается в Chrome начиная с 139 версии. https://developer.chrome.com/blog/gap-decorations

Цветовые функции в CSS О новых возможностях работы с цветами в CSS с помощью функции color(), позволяющей использовать разные цветовые пространства — от sRGB до CIELAB и Oklab. https://css-tricks.com/css-color-functions/

WelsonJS — cоздание Windows приложений на JavaScript WelsonJS — фреймворк для создания Windows‑приложений на встроенном в систему JavaScript‑движке, позволяющий писать полноценные десктоп‑программы (GUI, консоль, автоматизация Office) с HTML/CSS и JS/TS без Node.js Проект предоставляет для сборки и установки собственный HTA/скриптовый лаунчер и Inno Setup инсталлятор. https://github.com/gnh1201/welsonjs

Прошел тест от Спортмастера – оказывается, я не умею совмещать работу и жизнь. А какой результат у вас? 🆖перейти в бота

Tunnel Run длиной 170 строк на чистом JS Реализация игры в которой нужно бегать и прыгать через туннель. Отображение двумерной сетки как трёхмерного туннеля с помощью функций sin и cos вместе с перспективным масштабированием. Простое объяснение реализации без углубления в тригонометрию. https://slicker.me/javascript/tunnel/tunnel_run.htm

Использование await на верхнем уровне Вызов асинхронных функций без дополнительного обертывания в ES2022. Кейсы (например загрузка конфигураций, динамический импорт модулей и инициализация WebAssembly в модулях) и ограничения (блокировка выполнения импортирующих модулей, сложности при циклических зависимостях и несовместимость с CommonJS). https://allthingssmitty.com/2025/06/16/using-await-at-the-top-level-in-es-modules/

Упрощаем работу с ResizeObserver Небольшая обёртка для ResizeObserver, которая делает работу с ним понятнее и удобнее. https://css-tricks.com/a-better-api-for-the-resize-observer/

Интеграция React Server Components с бандлером RSC нужно не только передавать данные, но и код компонентов от сервера к клиенту. Дэн Абрамов рассказывает почему без интеграции с бандлером это будет работать неоптимально. https://overreacted.io/why-does-rsc-integrate-with-a-bundler/

Продвинутые трюки с Typescript 6 приемов, которые помогут улучшить типизацию и разработку: условные типы, оператор infer, именованные типы и другие. https://sinja.io/blog/advanced-typescript

26 июня в 15.00 мск пройдет онлайн митап «МойОфис Frontend&UX Talks. Практические решения для сложных интерфейсов в 2025 году: от кода до дизайна». Современные цифровые продукты становятся все мощнее — и все сложнее. А еще требуют комплексного подхода — от архитектуры кода до продуманного UX. Как создавать сложные интерфейсы, чтобы они оставались удобными? Какие технологии и методы действительно работают в реальных проектах? Об этом мы и поговорим на митапе: рассмотрим современные инструменты, архитектурные решения, дизайн-системы и методы редизайна, а также покажем рабочие подходы, которые можно применить прямо сейчас, независимо от масштаба вашего проекта. На митапе выступят: Руководитель группы разработки МойОфис, участник программного комитета конференции HolyJS Алексей Золотых; Архитектор веб-направления в «Лаборатории Касперского», соорганизатор MoscowJS, Павел Востриков; Исследователь пользовательского опыта и клиентских сценариев в Alfa Research Center, тренер и практик дизайн-мышления, Антон Бессонов. И другие спикеры, в расписании митапа. Для кого этот митап? ✔️ Для фронтендеров, которые создают не просто код, а удобные и современные интерфейсы. ✔️ Для продуктовых специалистов, которые хотят знать, куда движется индустрия. ✔️ Для дизайнеров, которые хотят глубже понимать технические возможности в разработке дизайна интерфейсов. Это не просто доклады — это разбор реальных кейсов и живые дискуссии. Присоединяйтесь, чтобы обсудить лучшие практики, задать вопросы спикерам и вдохновиться новыми идеями. Будет полезно! Реклама ООО "НОВЫЕ ОБЛАЧНЫЕ ТЕХНОЛОГИИ" ИНН: 7703807270 erid: 2W5zFJNYCat

Самый простой способ задеплоить сайт-портфолио Используем связку github + netlify для бесплатного деплоя простых и небольших проектов. https://frontendmasters.com/blog/the-simplest-way-to-deploy/

26 июня в 15.00 мск пройдет митап «МойОфис Frontend&UX Talks. Практические решения для сложных интерфейсов в 2025 году: от кода до дизайна». Современные цифровые продукты становятся все мощнее — и все сложнее. А еще требуют комплексного подхода — от архитектуры кода до продуманного UX. Как создавать сложные интерфейсы, чтобы они оставались удобными? Какие технологии и методы действительно работают в реальных проектах? Об этом мы и поговорим на митапе: рассмотрим современные инструменты, архитектурные решения, дизайн-системы и методы редизайна, а также покажем рабочие подходы, которые можно применить прямо сейчас, независимо от масштаба вашего проекта. На митапе выступят: Руководитель группы разработки МойОфис, участник программного комитета конференции HolyJS Алексей Золотых; Архитектор веб-направления в «Лаборатории Касперского», соорганизатор MoscowJS, Павел Востриков; Исследователь пользовательского опыта и клиентских сценариев в Alfa Research Center, тренер и практик дизайн-мышления, Антон Бессонов. И другие спикеры, в расписании митапа. Для кого этот митап? ✔️ Для фронтендеров, которые создают не просто код, а удобные и современные интерфейсы. ✔️ Для продуктовых специалистов, которые хотят знать, куда движется индустрия. ✔️ Для дизайнеров, которые хотят глубже понимать технические возможности в разработке дизайна интерфейсов. Это не просто доклады — это разбор реальных кейсов и живые дискуссии. Присоединяйтесь, чтобы обсудить лучшие практики, задать вопросы спикерам и вдохновиться новыми идеями. Будет полезно! Реклама ООО "НОВЫЕ ОБЛАЧНЫЕ ТЕХНОЛОГИИ" ИНН: 7703807270 erid: 2W5zFJNYCat

Исследуем функцию contrast-color()...снова Еще одна статья о том, как работает функция contrast-color() в CSS и зачем она нужна. В стать показано функция помогает улучшить доступность, автоматически подбирая контрастный цвет к заданному фону + текущие ограничения, поддержка в браузерах и возможные обходные пути. https://css-tricks.com/exploring-the-css-contrast-color-function-a-second-time/

Partial Keyframes Джош Комо рассказывает о технике "частичных ключевых кадров" в CSS-анимациях, которая позволяет анимации динамически унаследовать текущее состояние стилей. Это делает анимации более композиционными и гибкими, позволяя комбинировать несколько анимаций на одном элементе https://www.joshwcomeau.com/animation/partial-keyframes/

Тем, кто учит и учится новому 20 июня в рамках фестиваля «Т-Двор» от Т-Банка пройдет День образования и науки. В программе — дискуссии, кейсы и воркшопы от экспертов: — Расскажут про непрерывное обучение, профессии будущего и навыки новой эры. — Обсудят мифы о границах интеллекта и стереотипы, которые мешают расти. — Подскажут, как и для чего побеждать на олимпиадах. — Рассмотрят, как вузы и компании могут растить специалистов вместе. Будут и члены приемной комиссии Центрального университета — можно задать вопросы о поступлении и программах обучения. Приходите на фестиваль в Санкт-Петербурге или подключайтесь онлайн. Участие бесплатное. Успейте зарегистрироваться до 19 июня

Подробный гайд по CSS Custom Properties Синтаксис, возможности и лучшие практики по работе с CSS переменными.В руководстве рассказывается как использовать кастомные свойства для соблюдения принципов DRY, динамической темизации и взаимодействия с JavaScript. https://css-tricks.com/a-complete-guide-to-custom-properties/

State of CSS 2025 Опросник об использовании новых возможностей и инструментов CSS — ваша возможность повлиять на развитие CSS и web. Опрос займёт около 15–20 минут. Цель — понять, насколько быстро внедряются новые функции (например, scroll‑driven animations, :has(), subgrid и другие) и помочь сообществу и браузерным вендорам приоритизировать дальнейшее развитие. https://survey.devographics.com/ru-RU/survey/state-of-css/2025