FrontEndDev

Smart Layouts. CSS Day - 06.06.2025 Концепция Smart Layouts, которую представил Ахмад Шаид на выступлении на CSS Day 2025 — адаптивные CSS-макеты, которые сами «принимают умные решения» благодаря современным возможностям: clamp(), :has(), container queries и другим. https://ishadeed.com/article/smart-layouts-talk-css-day/

Релиз Nuxt 4.0 Новая структура app, переработанная поддержка TypeScript, более умные useAsyncData и useFetch. https://blog.logrocket.com/nuxt-4-0-whats-new-what-to-expect/

Hyvector Современный веб редактор для SVG. https://www.hyvector.com/

Hyvector Современный веб редактор для SVG. https://www.hyvector.com/

На SourceCraft от Яндекса стартовали прием заявок на грантовую программу и конкурс репозиториев. Это шанс для разработчиков не только заявить о своем проекте, но и получить поддержку. Платформа недавно ввела многоуровневые рейтинги и теперь участники смогут собирать оценки, которые влияют на видимость проекта и шансы в грантовом отборе. Ачивки с уникальным дизайном от нейросети будут фиксировать ваш вклад, делая его заметным в профиле. Загружайте свои репозитории уже сегодня, собирайте отклики комьюнити и двигайтесь к победе. Информация об организаторе Акции, о правилах проведения Акции, количестве призов, сроках, месте и порядке их получения размещена по ссылке

Введение в Intl API API Intl — встроенный браузерный инструмент для локализации, который позволяет нативно форматировать даты, числа, списки, относительное время, правилa множественного числа и даже отображение имён языков и регионов. Вместо тяжёлых сторонних библиотек, Intl предлагает лёгкие, быстрые и стандартизированные решения для адаптации интерфейса к разным культурным особенностям. https://www.smashingmagazine.com/2025/08/power-intl-api-guide-browser-native-internationalization/

5 полезных CSS функций 5 примеров с применением CSS-функции @function — от отрицания значений и создания полупрозрачных цветов до адаптивной типографики и условного скругления углов. Эти функции делают CSS более выразительным и динамичным. Работает с Chrome версии 139. https://una.im/5-css-functions/

Простое и понятное введение в SVG Джош Комю объясняет основы SVG — от простых форм (<circle>, <rect>) до анимаций и inline-примитивов, которые работают как полноценные DOM-элементы, управляемые через CSS и JavaScript. https://www.joshwcomeau.com/svg/friendly-introduction-to-svg/

Получи грант за свое мини-приложение от VK Mini Apps 🎯 Придумал игру, сервис или фичу, от которой все друзья скажут «Вау»? Во втором этапе VK Dev Grants разработчики могут получить по 150 000₽ за мини-приложение и по 800 000₽ в финале конкурса. 🛠 Менторы — есть. 🚀 Продвижение — есть. 💰 Гранты на каждом этапе — тоже есть. Игры, соцсервисы, инструменты для блогеров — твори как хочешь. Главное — сделать и показать результат. 📅 Участвовать можно в любой момент, хоть в одиночку, хоть с командой. 📌 Подай заявку до 5 октября.

Генератор заглавной картинки для Github профиля Простой генератор, чтобы разнообразить вашу страницу на Github. https://leviarista.github.io/github-profile-header-generator/

Получи грант за свое мини-приложение от VK Mini Apps 🎯 Придумал игру, сервис или фичу, от которой все друзья скажут «Вау»? Во втором этапе VK Dev Grants разработчики могут получить по 150 000₽ за мини-приложение и по 800 000₽ в финале конкурса. 🛠 Менторы — есть. 🚀 Продвижение — есть. 💰 Гранты на каждом этапе — тоже есть. Игры, соцсервисы, инструменты для блогеров — твори как хочешь. Главное — сделать и показать результат. 📅 Участвовать можно в любой момент, хоть в одиночку, хоть с командой. 📌 Подай заявку до 5 октября.

Привет! Чуть не забыл подвести итоги розыгрыша билета на Podlodka React Crew 3 😅 Желающих не так много и шансы на победу были велики у всех. Но повезло больше @halahot. Поздравляем! Для всех остальных, кто желает послушать крутые доклады действует промокод! Всем добра ✌️

Pattern Monster: 300+ настраиваемых SVG паттернов Простой онлайн-генератор SVG шаблонов, которые можно использовать в качестве фона без сильного влияния на время загрузки сайта. https://pattern.monster/

Пара вещей про href в ссылках, о которых вы, возможно, не догадывались Неожиданный спектр значений атрибута href — от протоколов mailto:, tel: до ссылок вроде href=".", href="?", data:-URI и медиа-фрагментов с временными метками. Мелочи, которые делают поведение ссылок более гибким и полезным. https://blog.jim-nielsen.com/2025/href-value-possibilities/

⚙️ Микросервисы начинают тормозить под нагрузкой? 💡 Узнайте, как масштабировать и оптимизировать систему с помощью CQRS и Event Sourcing на .NET Aspire. На открытом вебинаре «Оптимизация микросервисов с CQRS и Event Sourcing на .NET Aspire» 19 августа в 20:00 МСК разберем: ◽️ Ограничения классических микросервисов при высокой нагрузке. ◽️ Принципы разделения команд и запросов (CQRS) и хранения истории через Event Sourcing. ◽️ Практическую реализацию: сервис заказов с «команда-обработчик» и хранением событий в MongoDB. ◽️ Конфигурацию проекций для чтения данных. ❗️ Вы освоите оркестрацию через .NET Aspire (API Gateway, Order Service, база событий), внедрите логирование и трейсинг через OpenTelemetry, а также протестируете создание заказа, обновление статуса и визуализацию потока событий. ➡️ Посетите открытый урок и получите скидку на большое обучение «C# ASP.NET Core разработчик»: https://otus.pw/aU0F/ Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Структуры данных для front end (и не только) Разбор наиболее популярных структур данных: особенности , преимущества и недостатки. https://habr.com/ru/companies/habr_rutube/articles/934130/ Интерактивные примеры и демо тут

CSS Questions Более 100 вопросов для проверки своих знаний по CSS. Вопросы разного уровня сложности, так что даже знатоки найдут для себя что-то новое. https://css-questions.com/

Друзья! Рад сообщить, что стартует новый сезон Podlodka React Crew #3 — сезон о паттернах и практиках фронтенда 🎯 Иду сам и по традиции зову вас с собой! В новом сезоне Podlodka React Crew узнаем, как писать продуманный и масштабируемый фронтенд с помощью React, какие паттерны реально работают, а какие — мода ради моды, обсудим архитектуру, производительность, нестандартные layout'ы, системный подход к интервью и многое другое. 📌 В программе: • Паттерны анимаций с View Transition API • Проверка AI-ассистентов на реальных задачах • Глубокое погружение в архитектуру React Hooks • Практика layout'ов вне CSS Grid и Flexbox • System Design для фронтендера: как не завалить интервью 💡Все доклады — с практикой, кейсами и интерактивом. 📆 Реактим с 25 по 29 августа. Бегом за билетами! По традиции разыграем 1 бесплатную проходку! Хочешь билет - заполняй форму! Также для подписчиков FrontEndDev действует промокод на скидку 500 р: react_crew_3_75eI9e