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

02 April 2023 19:58

Логические CSS-свойства в продакшене: Николас Хоффман из Proton делится практическим опытом внедрения логических свойств для реализации RTL-версии интерфейса → https://www.smashingmagazine.com/2022/12/deploying-css-logical-properties-on-web-apps/

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

31 March 2023 00:27

Web Skills, визуальный обзор навыков для изучающих фронтенд со ссылками на избранные материалы: от основ HTML/CSS/JavaScript до баз данных, UX-дизайна и работы в команде → https://andreasbm.github.io/web-skills/

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

24 March 2023 22:38

Работайте так, будто увольняетесь: контринтуитивный подход к работе, ведущий к профессиональному росту и улучшению рабочих процессов → https://jmmv.dev/2021/04/always-be-quitting.html

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

19 March 2023 20:38

10 советов по улучшению CSS-анимаций: Джош Коллинсворт рассказывает, как сделать анимации более естественными и уместными → https://joshcollinsworth.com/blog/great-transitions

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

06 March 2023 13:25

Введение в CSS Anchor Positioning, (пока что) экспериментальный API для привязки элементов на странице друг к другу с учётом прокрутки и границ вьюпорта → https://developer.chrome.com/blog/tether-elements-to-each-other-with-css-anchor-positioning/

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

23 February 2023 11:31

Документальный фильм о React.js: рассказ из первых рук о том, как появилась и развивалась библиотека, изменившая подход к разработке интерфейсов → https://youtu.be/8pDqJVdNa44

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

20 February 2023 16:50

Отзывчивая вёрстка в 2023 году: Ахмад Шадид рассказывает о современных возможностях CSS, изменивших подход к отзывчивой вёрстке → https://ishadeed.com/article/responsive-design/

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

14 February 2023 11:17

Будущее 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 поддержать Дениса — способы описаны в конце статьи.

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

06 February 2023 15:46

Как релизить в продакшен? Обзор используемых в разных компаниях подходов и инженерных практик, позволяющих повысить надёжность релизов и ускорить их → https://blog.pragmaticengineer.com/shipping-to-production/

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

01 February 2023 22:24

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

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

20 January 2023 19:55

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

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

17 January 2023 14:30

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

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

17 January 2023 08:56

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

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

13 January 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 January 2023 21:18

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

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

31 March 2023 15:39

ThumbHash, новый инструмент для генерации легковесных превью изображений: в сравнении с BlurHash даёт более натуральные и компактные результаты → https://evanw.github.io/thumbhash/

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

27 March 2023 23:44

Modern Font Stacks, подборка современных системных шрифтов разных видов (гротески, антиквы, рукописные и др.) для оформления достойной типографики без накладных расходов на сторонние шрифты → https://modernfontstacks.com

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

23 March 2023 17:54

Как устроен компилятор TypeScript: погружение во внутреннее устройство и механику работы компилятора от одного из разработчиков TypeScript → https://youtu.be/X8k_4tZ16qU

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

10 March 2023 14:00

Rspack, новый бандлер от команды веб-инфраструктуры ByteDance, ориентированный на скорость (написан на Rust) и полную совместимость с лоадерами Webpack → https://www.rspack.dev

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

27 February 2023 16:38

ts-reset, набор тайпингов, исправляющий неточности и проблемы в стандартных тайпингах тайпскрипта → https://github.com/total-typescript/ts-reset

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

21 February 2023 19:22

Глубокое копирование объектов в JavaScript без хаков и сторонних библиотек: обзор нового нативного API structuredClone → https://www.builder.io/blog/structured-clone

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

15 February 2023 10:54

WebContainers, новый инструмент от разработчиков онлайн-IDE StackBlitz, позволяющий развернуть полноценное Node.js-окружение с виртуальной файловой системой прямо в браузере → https://webcontainers.io

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

06 February 2023 22:43

Чему npm может научиться у Go: инженеры Hardfin рассказывают о более безопасном и надёжном подходе к работе с зависимостями в Go, и делятся собственным инструментом, реализующим этот подход для NPM → https://engineering.hardfin.com/2022/05/npm-mod/

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

01 February 2023 22:45

Как избежать заморозки интерфейса из-за тяжёлых вычислений: подробный обзор существующих API и подходов к разбиению тяжёлых вычислений на отдельные откладываемые части → https://web.dev/optimize-long-tasks/

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

27 January 2023 13:39

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

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

19 January 2023 20:10

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

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

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

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

17 January 2023 11:29

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

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

15 January 2023 20:07

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

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

13 January 2023 14:58

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

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

10 January 2023 22:07

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