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

27 января 2023 13:39

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

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

19 января 2023 20:10

Новая система конфигурации ESLint

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

Новая система уже доступна в свежей версии ESLint.

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

17 января 2023 11:29

Введение в ShadowRealm, новый API для выполнения JS-кода в отдельном изолированном контексте → https://developer.salesforce.com/blogs/2022/04/introducing-shadowrealm

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

15 января 2023 20:07

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

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

13 января 2023 14:58

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

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

10 января 2023 22:07

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

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

31 декабря 2022 11:56

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

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

06 декабря 2022 09:53

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

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

04 декабря 2022 19:56

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

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

29 ноября 2022 20:31

Как нормально обрезать текст: Илья Бирман рассказывает о простых правилах, которые позволяют избежать казусов и улучшить UX → https://ilyabirman.ru/meanwhile/all/how-to-cut-text/

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

28 ноября 2022 08:43

Как понять режимы наложения раз и навсегда: иллюстрированное объяснение принципов работы различных режимов наложения → https://awdee.ru/blending-modes/

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

01 ноября 2022 12:51

Vercel анонсировала Turbopack, преемник Webpack на Rust, разрабатываемый создателем Webpack Тобиасом Копперсом → https://vercel.com/blog/turbopack

Релиз пока очень ранний и не для продакшена, но выглядит многообещающе, поэтому следим за новостями.

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

30 октября 2022 17:50

Как команда Wix улучшила тысячи плохо сформулированных сообщений об ошибках и как они изменили процессы, чтобы не допустить появления плохих текстов ошибок в будущем → https://scribe.rip/when-life-gives-you-lemons-write-better-error-messages-46c5223e1a2f

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

26 января 2018 09:55

Почему Реакта и Редакса недостаточно при разработке крупных приложений и как конечные автоматы могут помочь разработчикам интерфейсов, Красимир Цонев на Smashing Magazine — https://www.smashingmagazine.com/2018/01/rise-state-machines/

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

25 января 2018 15:35

Основы React.js, вводный курс из 12 видео от Романа Якобчука и Ильи Кантора — http://learn.javascript.ru/screencast/react

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

20 января 2023 19:55

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

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

17 января 2023 14:30

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

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

17 января 2023 08:56

Доступность в дизайне: Роман Шамин рассказывает о практических приёмах, требующих 20% усилий дизайнера и обеспечивающих 80% доступности экранных интерфейсов → romanshamin/a11y-for-designers" rel="nofollow">https://teletype.in/@romanshamin/a11y-for-designers

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

13 января 2023 16:52

Быстрый фронтенд Microsoft Bing: обзор ключевых техник и подходов, используемых инженерами Bing для оптимизации фронтенда поисковой выдачи → https://blogs.bing.com/search-quality-insights/august-2022/Fast-Front-End-Performance-for-Microsoft-Bing

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

12 января 2023 21:18

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

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

10 января 2023 21:42

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

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

28 декабря 2022 18:57

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

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

06 декабря 2022 09:42

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

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

04 декабря 2022 19:42

Как разбить строку на предложения, слова или графемы: Штефан Юдис знакомит с API Intl.Segmenter → https://www.stefanjudis.com/today-i-learned/how-to-split-javascript-strings-with-intl-segmenter/

Одно из потенциальных применений — более умное обрезание текста, о котором была прошлая публикация.

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

28 ноября 2022 08:52

Рефакторинг на максималках: книга Саши Беспоясова о том, как эффективно и без боли рефакторить код → https://refactor-like-a-superhero.vercel.app/ru

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

07 ноября 2022 17:56

Новый синтаксис для диапазонов значений в медиавыражениях: обзор нововведения в спецификации медиавыражений, существенно упрощающего чтение стилей → https://css-tricks.com/the-new-css-media-query-range-syntax/

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

01 ноября 2022 09:59

Вышла Lerna v6: инструмент для управления NPM-пакетами в монорепозиториях получил вторую жизнь под крылом компании Nrwl. Подробности и обзор новых возможностей → https://blog.nrwl.io/lerna-reborn-whats-new-in-v6-10aec6e9091c

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

29 октября 2022 21:50

Более быстрый YouTube в вебе: подробный рассказ инженеров YouTube о проделанной работе по ускорению веб-версии сервиса и улучшению Core Web Vitals → https://web.dev/better-youtube-web-part1/

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

25 января 2018 16:40

Как определить, что старые стили нигде не используются? Гарри Робертс предлагает ставить на фон прозрачную картинку и следить за её скачиваниями — https://csswizardry.com/2018/01/finding-dead-css/

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

25 января 2018 09:25

Data Literacy Lessons, коллекция небольших уроков статистики для избежания распространённых ошибок при работе с данными — https://data-literacy.geckoboard.com/