FrontEndDev

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

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

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

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

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

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

Google zx. Release 8.8

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

State of HTML 2025

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

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

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

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

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

ES-toolkit

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

https://es-toolkit.dev/

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

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

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

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

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

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

Frontend Performance Checklist

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

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

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

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

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

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

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

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

Утилитные TS типы для работы с Promise

Примеры типизации сложных кейсов при работе с Promise.all или вложенными Promise.

https://spin.atomicobject.com/better-promise-all/

Как создавать NPM пакеты в 2025

Пошаговая инструкция, начиная с инициализации Git‑репозитория, настройки сборки через tsc, подключения Prettier и Vitest, до настройки CI через GitHub Actions и публикации с помощью Changesets

Плюсом рассказывают о продвинутых шагах: конфигурирование package.json, генерация .d.ts-типов, настройка линтинга и автоматизации публикации. В итоге получается полностью готовый к продакшну пакет со структурой src→dist, тестами, форматом и CI/CD.

https://www.totaltypescript.com/how-to-create-an-npm-package

Scroll-Driven Sticky заголовки

Используем Scroll-Driven анимацию совместно с position: sticky чтобы оживлять заголовки при прокрутке.

https://css-tricks.com/scroll-driven-sticky-heading/

Localhost-атака: как **ta и Яндекс следят за пользователями Android через localhost

Скрипты **ta Pixel и Яндекс.Метрика в браузере устанавливают соединение с фоновыми нативными приложениями, прослушивающими определённые TCP/UDP‑порты, чтобы передать cookie (например, _fbp) и идентификаторы устройства, тем самым связывая активность в браузере с учётной записью пользователя. Этот способ обхода защиты ставит под угрозу приватность и делает даже приватный режим небезопасным.

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