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

01 August 2025 11:42

Хотите разобраться в тестировании API на ASP.NET Core?

➡️ Присоединяйтесь к открытому уроку «Тестирование API в ASP.NET Core: Интеграция и Нагрузка» 5 августа в 20:00 МСК. На вебинаре мы:

- Разберем ключевые концепции интеграционного и нагрузочного тестирования.
- Научимся писать интеграционные тесты с популярными библиотеками.
- Освоим инструменты для нагрузочного тестирования и анализа результатов.

📗 Этот урок — отличная подготовка к курсу «C# ASP.NET Core разработчик», который стартует совсем скоро. Все участники вебинара получат скидку на обучение!

Записаться на вебинар → https://otus.pw/9DLV/

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

FrontEndDev

31 July 2025 13:56

ES-toolkit

Новая легковесная альтернатива для lodash с поддержкой типов и улучшенной производительностью.

https://es-toolkit.dev/

FrontEndDev

28 July 2025 10:38

Подмена входящего трафика: скрытые, но крайне полезные фичи браузера Chrome

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

https://habr.com/ru/companies/sberbank/articles/923888/

FrontEndDev

23 July 2025 13:22

Совмещаем несколько трансформаций с animation-composition

Возможности, которые предоставляет animation-composition: replace, add, accumulate и примеры их использования для более гибкого управления анимацией и композициями трансформаций в CSS

https://frontendmasters.com/blog/stacked-transforms/

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

FrontEndDev

31 July 2025 16:25

VS Code: 5 интересных функций и расширений, меняющих подход к разработке

Даже опытные пользователи зачастую не догадываются о некоторых "скрытых" возможностях VSCode, которые могут значительно повысить продуктивность.

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

FrontEndDev

30 July 2025 10:59

Руководство по PDF.js

PDF.js — популярная open‑source библиотека от Mozilla для рендеринга PDF-документов в браузере без использования плагинов. Гайд подробно описывает шаги от базовой настройки и отображения PDF-страниц в <canvas> до более продвинутых возможностей, таких как извлечение текста, аннотации и создание UI

https://www.nutrient.io/blog/complete-guide-to-pdfjs/

FrontEndDev

25 July 2025 15:26

Frontend Performance Checklist

Большой гайд с лучшими практиками по оптимизации веб приложений.

https://crystallize.com/blog/frontend-performance-checklist

FrontEndDev

23 July 2025 08:01

Контролируем длину строк в CSS

Способы стилизации для того чтобы текст красиво вписывался в блок: установка оптимального числа символов на строку, трюки с vw, а также SVG-решения для адаптивного масштабирования текста под размер контейнера.

https://css-tricks.com/setting-line-length-in-css-and-fitting-text-to-a-container/