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

24 апреля 2023 22:06

Введение в CSS-маски: Ахмад Шадид объясняет основы использования масок в CSS и делится практическими примерами их применения → https://ishadeed.com/article/css-masking/

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

20 апреля 2023 20:24

Проблемы разработки изоморфных JS-библиотек: инженеры платформенной команды DoorDash делятся опытом разработки библиотек, работающих в Node.js и браузере → https://doordash.engineering/2022/12/06/five-challenges-to-building-an-isomorphic-javascript-library/

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

17 апреля 2023 17:36

Сбалансированные заголовки на чистом CSS: введение в новое свойство text-wrap, позволяющее оптимально расставить переносы строк во избежание висячих слов → https://developer.chrome.com/blog/css-text-wrap-balance/

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

11 апреля 2023 13:05

PWA Builder, сервис для упаковки прогрессивных веб-приложений в пакеты, готовые для публикации в сторах Android, iOS, Windows и Meta → https://www.pwabuilder.com

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

07 апреля 2023 22:49

Make Bookmarklets, онлайн-редактор для удобной разработки букмарклетов → https://make-bookmarklets.com

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

05 апреля 2023 21:10

Современное руководство по упаковке и публикации JavaScript-библиотек: чеклист с лучшими практиками и неочевидными настройками, которые улучшают совместимость, перформанс и DX → https://github.com/frehner/modern-guide-to-packaging-js-library

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

31 марта 2023 15:39

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

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

27 марта 2023 23:44

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

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

23 марта 2023 17:54

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

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

10 марта 2023 14:00

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

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

27 февраля 2023 16:38

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

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

21 февраля 2023 19:22

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

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

15 февраля 2023 10:54

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

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

06 февраля 2023 22:43

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

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

01 февраля 2023 22:45

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

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

24 апреля 2023 14:57

Что нового в ES2023: обзор вошедших в свежий стандарт языка новинок вроде иммутабельных методов изменения и сортировки массивов → https://pawelgrzybek.com/whats-new-in-ecmascript-2023/

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

18 апреля 2023 23:23

Современная вёрстка email-писем (без таблиц!): обзор текущего состояния email-клиентов, их возможностей и новых подходов к вёрстке писем → https://fullystacked.net/posts/modern-html-email/

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

13 апреля 2023 20:49

Пробуем тест-раннер Node.js: Глеб Бахмутов подробно разбирает возможности нативного тест-раннера, который стал стабильным в Node.js v20 → https://glebbahmutov.com/blog/trying-node-test-runner/

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

07 апреля 2023 22:57

Имена людей вокруг света: как имена в других странах могут отличаться от привычного нам формата ФИО и как проектировать формы и API с учётом этих отличий → https://www.w3.org/International/questions/qa-personal-names

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

06 апреля 2023 20:55

Пишем Chrome-расширение, ворующее всё: наглядная демонстрация полномочий, доступных браузерным расширениям, от кейлоггинга до снятия скриншотов посещаемых сайтов → https://mattfrisbie.substack.com/p/spy-chrome-extension

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

02 апреля 2023 19:58

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

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

31 марта 2023 00:27

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

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

24 марта 2023 22:38

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

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

19 марта 2023 20:38

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

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

06 марта 2023 13:25

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

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

23 февраля 2023 11:31

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

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

20 февраля 2023 16:50

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

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

14 февраля 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 февраля 2023 15:46

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

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

01 февраля 2023 22:24

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