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

@forwebdev

Годнота для фронтендеров и дизайнеров

https://forweb.dev

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

Канал "For Web — фронтенд, дизайн, программирование" на Telegram - это идеальное место для всех фронтендеров и дизайнеров, желающих быть в курсе последних новостей и трендов в сфере веб-разработки. Здесь вы найдете множество полезных статей, уроков, и советов по созданию интерфейсов, верстке сайтов, и программированию. Наш канал предлагает уникальный контент, который поможет вам улучшить свои навыки и стать успешным веб-разработчиком или дизайнером. Присоединяйтесь к сообществу "For Web" и раскройте свой потенциал в сфере фронтенда и дизайна! Для получения больше информации и доступа к эксклюзивному контенту, посетите наш сайт: https://forweb.dev

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

27 Jan, 11:17

Temporal на подходе: обзор нового API для работы со временем и датами в JavaScript, приуроченный к появлению первых экспериментальных реализаций в браузерах → https://developer.mozilla.org/en-US/blog/javascript-temporal-is-coming/

2,514

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

20 Jan, 11:33

Исправляем некрасивый перенос иконок с помощью text-wrap: balance: неочевидный трюк, работающий не только с текстом, но и любыми инлайн-блоками → https://shkspr.mobi/blog/2024/10/you-can-use-text-wrap-balance-on-icons/

5,332

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

17 Jan, 11:56

Новые возможности веба для применения в 2025: обзор недавних фич, уже поддерживаемых современными браузерами → https://www.smashingmagazine.com/2024/12/new-front-end-features-for-designers-in-2025/

5,651

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

15 Jan, 14:21

Рендеринг онлайн-досок Confluence как по маслу: инженеры Atlassian рассказывают о сложностях реализации фронтенда интерактивной онлайн-доски → https://www.atlassian.com/blog/atlassian-engineering/rendering-like-butter-a-confluence-whiteboards-story

5,965

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

08 Jan, 10:56

Пишем движок компоновки и отрисовки флексбокс-раскладок на канвасе → https://tchayen.com/how-to-write-a-flexbox-layout-engine

7,835

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

03 Jan, 13:55

ts-blank-space, инструмент для компиляции TypeScript в JavaScript от Bloomberg, работающий быстрее популярных инструментов (tsc, babel и др.) благодаря отказу от трансформации AST в пользу подмены аннотаций типов пробелами → https://bloomberg.github.io/ts-blank-space/

8,679

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

23 Dec, 12:04

Vim для React-разработчиков: бесплатный курс для освоения основ работы в Vim с упором на практические сценарии работы фронтенд-разработчиков → https://vimforreactdevs.com

10,144

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

18 Dec, 11:36

CSS Wrapped 2024, обзор нововведений в CSS за прошедший год от команды Chrome DevRel → https://chrome.dev/css-wrapped-2024/

10,220

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

09 Dec, 12:15

Difftastic, генератор структурных диффов, учитывающий форматирование и синтаксис языка для более удобного сравнения фрагментов кода → https://difftastic.wilfred.me.uk

10,855

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

25 Nov, 09:13

Отчёт State of Frontend 2024 по результатам опроса 6028 разработчиков из 139 стран → https://tsh.io/state-of-frontend/

12,230

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

19 Nov, 10:58

Component Party, сравнение синтаксиса и возможностей популярных фронтенд-фреймворков и библиотек → https://component-party.dev

12,472

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

18 Nov, 07:41

Framer Motion теперь просто Motion: популярная библиотека для анимаций стала независимой от Framer и обзавелась API на чистом JS (ранее она была привязана к Реакту) → https://motion.dev/blog/framer-motion-is-now-independent-introducing-motion

9,770

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

15 Nov, 10:47

У CSS появился официальный логотип, выбранный по итогам голосования, организованного рабочей группой CSS-Next → https://github.com/CSS-Next/logo.css

10,395

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

29 Oct, 09:33

e18e (Ecosystem Performance), открытая инициатива по наведению порядка во фронтенд-экосистеме: удаление мусора из зависимостей, ускорение популярных библиотек и разработка современных альтернатив устаревшим популярным пакетам → https://e18e.dev

К инициативе может присоединиться любой желающий, в блоге публикуются регулярные отчёты.

12,700

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

21 Oct, 08:44

ESLint теперь официально поддерживает линтинг JSON и Markdown → https://eslint.org/blog/2024/10/eslint-json-markdown-support/

12,352

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

01 Oct, 10:08

Web platform release notes, ежемесячные обзоры изменений в браузерных API от WebDX Community Group → https://web-platform-dx.github.io/web-features-explorer/release-notes/

13,444

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

18 Sep, 14:02

Открытое письмо к Oracle с призывом отказаться от прав на торговую марку JavaScript, из-за которой приходится избегать названия языка в официальных именах вроде ECMAScript или JSConf → https://javascript.tm/

14,218

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

10 Sep, 10:51

Что нового в ECMAScript 2024: обзор нововведений по мотивам выпуска финальной версии спецификации → https://pawelgrzybek.com/whats-new-in-ecmascript-2024/

13,204

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

29 Aug, 09:15

Первый стабильный релиз Rspack: бандлер от ByteDance, совместимый с webpack-экосистемой, но в разы быстрее самого webpack → https://rspack.dev

14,805

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

22 Aug, 09:05

Видео с прозрачностью в вебе: Джейк Арчибальд из Shopify делится исследованием возможных способов реализации и лучшим найденным решением → https://jakearchibald.com/2024/video-with-transparency/

14,023

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

19 Aug, 08:09

Socket Runtime, новый инструмент для разработки мобильных и десктопных приложений на веб-технологиях → https://socketsupply.co

— использует вебвью, унифицируя его поведение между платформами
— стремится к минимальным накладным расходам оперативной памяти (±20 МБ) и размеру бинарников (1.5 МБ десктоп, ±13 МБ iOS и Android);
— предлагает более простую архитектуру приложения, чем Electron
— предоставляет собственный P2P-протокол и его реализацию для разработки P2P-приложений вроде безопасных чатов

13,786

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

14 Aug, 08:44

От данных к визуализации: руководство по выбору подходящего типа визуализации для ваших данных и краткая справка по основым нюансам и способам реализации каждого графика → https://www.data-to-viz.com

11,083

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

13 Aug, 13:53

Экспериментальная поддержка TypeScript в Node.js: в Node.js добавили возможность запуска TS-файлов (без проверки типов). Документация и дальнейшие планы по развитию → https://github.com/nodejs/loaders/issues/217

10,069

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

11 Jul, 09:53

Анимированные эмодзи Noto Color Emoji: бесплатная коллекция анимированных эмодзи в форматах GIF, WebP и Lottie → https://googlefonts.github.io/noto-emoji-animation/

12,501

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

09 Jul, 11:42

Зачем и как движок Google-таблиц портировали с JavaScript на WasmGC (расширение WebAssembly для компиляции языков со сборкой мусора) → https://web.dev/case-studies/google-sheets-wasmgc

11,321

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

07 Jun, 16:02

Athena Crisis, пошаговая стратегия на веб-технологиях, выложенная в опенсорс для обучения и разработки собственных игр → https://athenacrisis.com/open-source/

14,113

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

07 Jun, 11:42

Сравнение способов анимирования в вебе на примере прыгающего мячика: от чистых CSS и JS до WebGPU и специализированных библиотек → https://sparkbox.github.io/bouncy-ball/

11,772

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

04 Jun, 13:05

Виртуальная DOM в 200 строк JavaScript: пишем собственную реализацию механизма, используемого под капотом React и других UI-библиотек → https://lazamar.github.io/virtual-dom/

11,870

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

03 Jun, 11:18

Как инженеры 1Password ускорили сборку браузерного расширения на 90% с помощью esbuild: от идеи для хакатона до продакшена → https://blog.1password.com/new-extension-build-system/

10,488

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

29 May, 11:08

Дилеммы, с которыми вы столкнётесь при разработке библиотеки компонентов: обзор неочевидных вопросов и проблем, о которых стоит подумать заранее → https://github.com/andrico1234/the-dilemmas-youll-face

11,942

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

27 May, 12:20

TypeHero, платформа для изучения TypeScript на практике с готовыми задачами и возможностью создания собственных задач → https://typehero.dev

13,038

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

22 May, 09:50

Обзор новых методов итераторов: map, filter, take, drop, reduce, flatMap и другие хелперы, вычисляющие результат лениво и работающие на бесконечных коллекциях → https://v8.dev/features/iterator-helpers

11,525

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

21 May, 15:35

Moveable, библиотека для ресайза, перемещения, поворота, масштабирования и других трансформаций элементов пользователем → https://github.com/daybrush/moveable

9,877

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

21 May, 12:48

Почему 0.1 + 0.2 ≠ 0.3 в JavaScript и других языках: объяснение проблемы вычислений с плавающей точкой и примеры из разных языков программирования → https://0.30000000000000004.com

8,281

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

20 May, 11:21

URLPattern, новый API для сопоставления URL и парсинга параметров на основе шаблона, вдохновлённый библиотекой path-to-regexp → https://developer.mozilla.org/en-US/docs/Web/API/URL_Pattern_API

8,139