FrontEndDev

27 August 2025 10:51

Оптимизация PWA под различные вариации Display Mode

Как в PWA можно учитывать разные режимы отображения — fullscreen, standalone, minimal-ui и browser — чтобы PWA выглядело как нативное приложение без потери удобства.
При использовании таких режимов разработчикам важно помнить, что пользователи теряют привычные возможности браузера — кнопки назад, обновления, копирования URL и т.п., поэтому нужно подстраивать интерфейс под контекст установки и отображения.

https://smashingmagazine.com/2025/08/optimizing-pwas-different-display-modes/

FrontEndDev

25 August 2025 19:24

WebSocket DevTools

Инструмент для Chrome DevTools, позволяющий в реальном времени отслеживать WebSocket-соединения: просматривать сообщения, перехватывать и блокировать их, а также симулировать ответы клиента и сервера.

https://github.com/law-chain-hot/websocket-devtools

FrontEndDev

25 August 2025 11:01

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/

FrontEndDev

23 August 2025 09:03

Hyvector

Современный веб редактор для SVG.

https://www.hyvector.com/

FrontEndDev

22 August 2025 11:08

Введение в Intl API

Intl API — встроенный браузерный инструмент для локализации, который позволяет нативно форматировать даты, числа, списки, относительное время, правилa множественного числа и даже отображение имён языков и регионов. Вместо тяжёлых сторонних библиотек, Intl предлагает лёгкие, быстрые и стандартизированные решения для адаптации интерфейса к разным культурным особенностям.

https://www.smashingmagazine.com/2025/08/power-intl-api-guide-browser-native-internationalization/

FrontEndDev

21 August 2025 15:47

Простое и понятное введение в SVG

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

https://www.joshwcomeau.com/svg/friendly-introduction-to-svg/

FrontEndDev

19 August 2025 09:19

Генератор заглавной картинки для Github профиля

Простой генератор, чтобы разнообразить вашу страницу на Github.

https://leviarista.github.io/github-profile-header-generator/

FrontEndDev

18 August 2025 12:34

Pattern Monster: 300+ настраиваемых SVG паттернов

Простой онлайн-генератор SVG шаблонов, которые можно использовать в качестве фона без сильного влияния на время загрузки сайта.

https://pattern.monster/

FrontEndDev

16 August 2025 12:44

⚙️ Микросервисы начинают тормозить под нагрузкой?

💡 Узнайте, как масштабировать и оптимизировать систему с помощью 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

FrontEndDev

15 August 2025 01:13

CSS Questions

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

https://css-questions.com/

FrontEndDev

13 August 2025 10:25

Глубокое погружение в работу промисов в JavaScript

Как работают промисы в JavaScript: жизненный цикл, внутреннее устройство, примеры, история возникновения и практические советы от разработчиков.

https://tproger.ru/articles/glubokoe-pogruzhenie-v-rabotu-promisov-v-javascript

FrontEndDev

11 August 2025 16:12

Google zx. Release 8.8

Google zx — инструмент для фронтенд-разработчиков, позволяющий писать shell-скрипты на JavaScript вместо Bash: пакет предоставляет удобные кроссплатформенные обёртки вокруг child_process, автоматически экранирует аргументы и задаёт разумные значения по умолчанию.

https://github.com/google/zx/releases/tag/8.8.0

FrontEndDev

06 August 2025 16:23

React-хук для обработки событий клавиатуры

Современный хук с интуитивно понятным сопоставлением комбинаций клавиш

https://github.com/ArturJS/use-key-match

FrontEndDev

05 August 2025 13:49

Как дебажить быстрее с Chrome DevTools

О широко известных и не особо популярных фичах DevTools, которые помогут вам отлаживать приложения чуть быстрее.

https://blog.logrocket.com/debug-faster-chrome-devtools-console-features/

FrontEndDev

04 August 2025 09:02

Операторы логического присваивания

Использование короткого синтаксиса для упрощения инициализации переменных с условиями. Виды операторов, примеры, поддержка в браузерах.

https://allthingssmitty.com/2025/07/28/logical-assignment-operators-in-javascript-small-syntax-big-wins/

FrontEndDev

26 August 2025 13:36

20 частых антипаттернов в React и как их исправить

Ошибки, которые приводят к избыточным рендерам, мерцаниям интерфейса, нестабильным эффектам и расхождениям данных.

https://habr.com/ru/articles/937656/

FrontEndDev

25 August 2025 11:15

Зовем на стажировку по Frontend-разработке

Т-Банк предлагает студентам и начинающим специалистам попробовать себя в роли frontend-разработчика. Стажеры будут решать реальные бизнес-задачи и получат шанс попасть в штат.

Что ждет на стажировке:

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

Узнайте больше и успейте пройти отбор до 26 августа

FrontEndDev

24 August 2025 21:07

Релиз Nuxt 4.0

Новая структура app, переработанная поддержка TypeScript, более умные useAsyncData и useFetch.

https://blog.logrocket.com/nuxt-4-0-whats-new-what-to-expect/

FrontEndDev

22 August 2025 12:25

На SourceCraft от Яндекса стартовали прием заявок на грантовую программу и конкурс репозиториев. Это шанс для разработчиков не только заявить о своем проекте, но и получить поддержку.

Платформа недавно ввела многоуровневые рейтинги и теперь участники смогут собирать оценки, которые влияют на видимость проекта и шансы в грантовом отборе.

Ачивки с уникальным дизайном от нейросети будут фиксировать ваш вклад, делая его заметным в профиле. Загружайте свои репозитории уже сегодня, собирайте отклики комьюнити и двигайтесь к победе.

Информация об организаторе Акции, о правилах проведения Акции, количестве призов, сроках, месте и порядке их получения размещена по ссылке

FrontEndDev

21 August 2025 17:13

5 полезных CSS функций

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

https://una.im/5-css-functions/

FrontEndDev

19 August 2025 12:05

Получи грант за свое мини-приложение от VK Mini Apps 🎯

Придумал игру, сервис или фичу, от которой все друзья скажут «Вау»?
Во втором этапе VK Dev Grants разработчики могут получить по 150 000₽ за мини-приложение и по 800 000₽ в финале конкурса.

🛠 Менторы — есть.
🚀 Продвижение — есть.
💰 Гранты на каждом этапе — тоже есть.

Игры, соцсервисы, инструменты для блогеров — твори как хочешь. Главное — сделать и показать результат.

📅 Участвовать можно в любой момент, хоть в одиночку, хоть с командой.

📌 Подай заявку до 5 октября.

FrontEndDev

18 August 2025 22:08

Привет! Чуть не забыл подвести итоги розыгрыша билета на Podlodka React Crew 3 😅

Желающих не так много и шансы на победу были велики у всех. Но повезло больше @halahot. Поздравляем!

Для всех остальных, кто желает послушать крутые доклады действует промокод react_crew_3_75eI9e!

Всем добра ✌️

FrontEndDev

18 August 2025 08:02

Пара вещей про href в ссылках, о которых вы, возможно, не догадывались

Неожиданный спектр значений атрибута href — от протоколов mailto:, tel: до ссылок вроде href=".", href="?", data:-URI и медиа-фрагментов с временными метками. Мелочи, которые делают поведение ссылок более гибким и полезным.

https://blog.jim-nielsen.com/2025/href-value-possibilities/

FrontEndDev

15 August 2025 12:28

Структуры данных для front end (и не только)

Разбор наиболее популярных структур данных: особенности , преимущества и недостатки.

https://habr.com/ru/companies/habr_rutube/articles/934130

Интерактивные примеры и демо тут

FrontEndDev

13 August 2025 12:01

Друзья! Рад сообщить, что стартует новый сезон 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

FrontEndDev

11 August 2025 20:40

Почему семантический HTML все еще важен

Джоно Олдерсон рассказывает почему семантический HTML — это не устаревшая практика, а основа производительности, доступности и устойчивости сайтов, утраченная в эпоху JavaScript-ориентированных фронтенд-фреймворков.

https://www.jonoalderson.com/conjecture/why-semantic-html-still-matters/

FrontEndDev

08 August 2025 09:44

Что нового появилось в CSS в 2025?

Обновление функции attr(), функции calc-size() и if(), text-wrap: pretty, interpolate-size: подробности и примеры использования.

https://habr.com/ru/companies/ruvds/articles/933484/

FrontEndDev

05 August 2025 14:45

🚀Хотите освоить Next.js и ускорить свои React-проекты с SSR?

Присоединяйтесь к открытому уроку «Первые шаги в Next.js: создаём мини-сайт с SSR на React» 7 августа в 20:00 МСК и научитесь использовать Next.js для создания динамичных многостраничных приложений. Мы разберём, как SSR улучшает скорость загрузки страниц и SEO, создадим мини-сайт с каталогом товаров и интегрируем API для динамического вывода данных.

Узнайте, как структура Next.js помогает ускорить разработку, а также научитесь применять полученные знания на практике, создавая реальные проекты.

👉Присоединяйтесь к открытому уроку и получите скидку на курс «React.js Developer»: https://otus.pw/qlSY/

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

FrontEndDev

04 August 2025 13:17

Используем Performance Extensibility API

Google не так давно представил API для более детального измерения перфоманса. Можно создватать отдельные треки на вкладке Performance для различных участков кода.

https://csswizardry.com/2025/07/the-extensibility-api/

FrontEndDev

02 August 2025 08:32

State of HTML 2025

Стартовал новый опрос об HTML, который позволяет понять, как разработчики используют новые и старые фичи HTML и какие хотелось бы увидеть в будущем. Если хотите повлиять на развитие современного web — у вас есть шанс.

https://survey.devographics.com/en-US/survey/state-of-html/2025