Rspack, новый бандлер от команды веб-инфраструктуры ByteDance, ориентированный на скорость (написан на Rust) и полную совместимость с лоадерами Webpack → https://www.rspack.dev
Читать полностью…ts-reset, набор тайпингов, исправляющий неточности и проблемы в стандартных тайпингах тайпскрипта → https://github.com/total-typescript/ts-reset
Читать полностью…Глубокое копирование объектов в JavaScript без хаков и сторонних библиотек: обзор нового нативного API structuredClone → https://www.builder.io/blog/structured-clone
Читать полностью…WebContainers, новый инструмент от разработчиков онлайн-IDE StackBlitz, позволяющий развернуть полноценное Node.js-окружение с виртуальной файловой системой прямо в браузере → https://webcontainers.io
Читать полностью…Чему npm может научиться у Go: инженеры Hardfin рассказывают о более безопасном и надёжном подходе к работе с зависимостями в Go, и делятся собственным инструментом, реализующим этот подход для NPM → https://engineering.hardfin.com/2022/05/npm-mod/
Читать полностью…Как избежать заморозки интерфейса из-за тяжёлых вычислений: подробный обзор существующих API и подходов к разбиению тяжёлых вычислений на отдельные откладываемые части → https://web.dev/optimize-long-tasks/
Читать полностью…Организуем библиотеку иконок в проекте с автоматической выгрузкой из Figma: Михаил Кононенко из Joom делится опытом автоматизации и упрощения работы с иконками → https://habr.com/ru/company/joom/blog/708286/
Читать полностью…Новая система конфигурации ESLint
1. Предпосылки: как развивалась старая система конфигурации и какие в ней были проблемы
2. Как устроена новая система конфигурации
Новая система уже доступна в свежей версии ESLint.
Введение в ShadowRealm, новый API для выполнения JS-кода в отдельном изолированном контексте → https://developer.salesforce.com/blogs/2022/04/introducing-shadowrealm
Читать полностью…37 заблуждений о датах и времени: в году не всегда 12 месяцев и 365 дней, неделя не всегда начинается с понедельника и другие примеры нюансов, о которых стоит знать при работе с датами и временем → https://www.meziantou.net/misconceptions-about-date-and-time.htm
Читать полностью…Почему не стоит использовать пиксели для задания размера шрифта в CSS: Джош Коллинсворт объясняет, как различные единицы измерения влияют на UX → https://joshcollinsworth.com/blog/never-use-px-for-font-size
Читать полностью…Текстовые фрагменты: обзор нового браузерного API, позволяющего ссылаться на конкретные отрывки текста на странице → https://web.dev/text-fragments/
Читать полностью…Коллеги, с наступающим! Пусть новый год пройдёт так, чтобы в 2024 вашими самыми серьёзными проблемами были стилизация селекта и выбор фреймворка для нового проекта. Всем мирного неба, нет войне!
Читать полностью…Инженеры Meta о создании MemLab: в чём была мотивация, как устроен MemLab, его возможности, а также реальные результаты его применения в продуктах Meta (например, сокращение OOM-крешей веб-версии Фейсбука на 50%) → https://engineering.fb.com/2022/09/12/open-source/memlab/
Читать полностью…Геометрия DOM: обширный обзор существующих методов и свойств для работы с размерами и отступами DOM-элементов и документа в JS → https://www.smashingmagazine.com/2022/11/document-object-model-geometry-guide/
Читать полностью…Введение в CSS Anchor Positioning, (пока что) экспериментальный API для привязки элементов на странице друг к другу с учётом прокрутки и границ вьюпорта → https://developer.chrome.com/blog/tether-elements-to-each-other-with-css-anchor-positioning/
Читать полностью…Документальный фильм о React.js: рассказ из первых рук о том, как появилась и развивалась библиотека, изменившая подход к разработке интерфейсов → https://youtu.be/8pDqJVdNa44
Читать полностью…Отзывчивая вёрстка в 2023 году: Ахмад Шадид рассказывает о современных возможностях CSS, изменивших подход к отзывчивой вёрстке → https://ishadeed.com/article/responsive-design/
Читать полностью…Будущее core-js, самой продвинутой библиотеки полифилов, поддерживаемой единственным разработчиком Денисом Пушкаревым и используемой на доброй половине крупнейших сайтов интернета → https://github.com/zloirock/core-js/blob/master/docs/2023-02-14-so-whats-next.md
Денис делится глубоко личной историей, включающей уход с фултайм-работы ради опенсорса, попытки найти финансирование и борьбу с волной ненависти из-за этого, поддержку проекта на плаву во время отсидки в российской колонии из-за трагического ДТП.
Во второй части Денис описывает своё видение дальнейшего развития core-js и описывает возможные пути его реализации, наиболее предпочтительный из которых — получение стабильного финансирования от крупных компаний, использующих core-js.
Если вы работаете в крупной компании и используете core-js, попросите вашего CTO поддержать Дениса — способы описаны в конце статьи.
Как релизить в продакшен? Обзор используемых в разных компаниях подходов и инженерных практик, позволяющих повысить надёжность релизов и ускорить их → https://blog.pragmaticengineer.com/shipping-to-production/
Читать полностью…SSSVG, справочник по основным возможностям SVG с интерактивными примерами → https://fffuel.co/sssvg/
Читать полностью…initial-letter: новое CSS-свойство, упрощающее вёрстку буквиц, позволяя настраивать их размер и смещение пропорционально строкам абзаца → https://developer.chrome.com/en/blog/control-your-drop-caps-with-css-initial-letter/
Читать полностью…Как мы реализовали r/Place: команда Reddit делится деталями реализации огромного многопользовательского холста для рисования в режиме реального времени → https://www.redditinc.com/blog/how-we-built-rplace
Читать полностью…Доступность в дизайне: Роман Шамин рассказывает о практических приёмах, требующих 20% усилий дизайнера и обеспечивающих 80% доступности экранных интерфейсов → romanshamin/a11y-for-designers" rel="nofollow">https://teletype.in/@romanshamin/a11y-for-designers
Читать полностью…Быстрый фронтенд Microsoft Bing: обзор ключевых техник и подходов, используемых инженерами Bing для оптимизации фронтенда поисковой выдачи → https://blogs.bing.com/search-quality-insights/august-2022/Fast-Front-End-Performance-for-Microsoft-Bing
Читать полностью…Software Engineering at Google, книга об инженерных практиках, применяемых в Google для поддержания и развития кодовой базы в течение долгого времени. Доступна онлайн бесплатно → https://abseil.io/resources/swe-book
Читать полностью…Подсчёт уникальных посещений сайта без использования кук и фингерпринтинга: Ник Малвэни делится хитрым способом аналитики посещений без нарушения приватности пользователей → https://notes.normally.com/cookieless-unique-visitor-counts/
Читать полностью…Введение в DOM Clobbering, малоизвестный тип атаки на фронтенд, основанный на внедрении чистого HTML (в отличие от классического XSS с внедрением JS-кода) → https://www.htmhell.dev/adventcalendar/2022/12/
Читать полностью…MemLab, инструмент для поиска утечек памяти в браузерах и в Node.js, разработанный и используемый в Meta → https://facebook.github.io/memlab/
Читать полностью…Как разбить строку на предложения, слова или графемы: Штефан Юдис знакомит с API Intl.Segmenter → https://www.stefanjudis.com/today-i-learned/how-to-split-javascript-strings-with-intl-segmenter/
Одно из потенциальных применений — более умное обрезание текста, о котором была прошлая публикация.