For Web — фронтенд, дизайн, программирование. Страница 4

SSSVG, справочник по основным возможностям SVG с интерактивными примерами → https://fffuel.co/sssvg/

Организуем библиотеку иконок в проекте с автоматической выгрузкой из Figma: Михаил Кононенко из Joom делится опытом автоматизации и упрощения работы с иконками → https://habr.com/ru/company/joom/blog/708286/

initial-letter: новое CSS-свойство, упрощающее вёрстку буквиц, позволяя настраивать их размер и смещение пропорционально строкам абзаца → developer.chrome.com/en/blog…l-letter

Новая система конфигурации ESLint 1. Предпосылки: как развивалась старая система конфигурации и какие в ней были проблемы 2. Как устроена новая система конфигурации Новая система уже доступна в свежей версии ESLint.

Как мы реализовали r/Place: команда Reddit делится деталями реализации огромного многопользовательского холста для рисования в режиме реального времени → www.redditinc.com/blog/ho…t-rplace

Введение в ShadowRealm, новый API для выполнения JS-кода в отдельном изолированном контексте → developer.salesforce.com/blogs/2…dowrealm

Доступность в дизайне: Роман Шамин рассказывает о практических приёмах, требующих 20% усилий дизайнера и обеспечивающих 80% доступности экранных интерфейсов → teletype.in/@romans…esigners

37 заблуждений о датах и времени: в году не всегда 12 месяцев и 365 дней, неделя не всегда начинается с понедельника и другие примеры нюансов, о которых стоит знать при работе с датами и временем → www.meziantou.net/misconc…time.htm

Быстрый фронтенд Microsoft Bing: обзор ключевых техник и подходов, используемых инженерами Bing для оптимизации фронтенда поисковой выдачи → blogs.bing.com/search-…oft-Bing

Почему не стоит использовать пиксели для задания размера шрифта в CSS: Джош Коллинсворт объясняет, как различные единицы измерения влияют на UX → joshcollinsworth.com/blog/ne…ont-size

Software Engineering at Google, книга об инженерных практиках, применяемых в Google для поддержания и развития кодовой базы в течение долгого времени. Доступна онлайн бесплатно → https://abseil.io/resources/swe-book

Текстовые фрагменты: обзор нового браузерного API, позволяющего ссылаться на конкретные отрывки текста на странице → https://web.dev/text-fragments/

Подсчёт уникальных посещений сайта без использования кук и фингерпринтинга: Ник Малвэни делится хитрым способом аналитики посещений без нарушения приватности пользователей → notes.normally.com/cookiel…r-counts

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

Введение в DOM Clobbering, малоизвестный тип атаки на фронтенд, основанный на внедрении чистого HTML (в отличие от классического XSS с внедрением JS-кода) → https://www.htmhell.dev/adventcalendar/2022/12/

Инженеры Meta о создании MemLab: в чём была мотивация, как устроен MemLab, его возможности, а также реальные результаты его применения в продуктах Meta (например, сокращение OOM-крешей веб-версии Фейсбука на 50%) → engineering.fb.com/2022/09…e/memlab

MemLab, инструмент для поиска утечек памяти в браузерах и в Node.js, разработанный и используемый в Meta → https://facebook.github.io/memlab/

Геометрия DOM: обширный обзор существующих методов и свойств для работы с размерами и отступами DOM-элементов и документа в JS → www.smashingmagazine.com/2022/11…ry-guide