For Web — фронтенд, дизайн, программирование
14.8K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Как дизайнеры и фронтендеры могут облегчить друг другу жизнь: практические советы Романа Шамина из Злых Марсиан.

Как фронты могут сделать жизнь дизайнеров легче → https://teletype.in/@romanshamin/what-design-want-from-frontend

Как дизайнеры могут сделать жизнь фронтов легче → https://teletype.in/@romanshamin/what-frontend-want-from-design
Руководство по отладке вёрстки: практические советы по поиску и решению распространённых проблем с вёрсткой от Стефани Эклз → https://www.smashingmagazine.com/2021/10/guide-debugging-css/
Пилотный выпуск видеоверсии подкаста Frontend Weekend, в гостях Глеб Михеев: зачем основатель IT-компании идет работать по найму → https://youtu.be/REu9UDzBGa0
JS Self-Profiling API на практике: как профилировать код на устройствах реальных пользователей и что делать с полученными результатами → https://calendar.perfplanet.com/2021/js-self-profiling-api-in-practice
Учебник по кривым Безье: обширная интерактивная онлайн-книга о математической составляющей кривых Безье и их программировании → https://pomax.github.io/bezierinfo
👍1
Готовимся к 100 версии Chrome и Firefox: чем трёхзначная версия в User-Agent может быть опасна, что браузеры предпринимают для предотвращения глобальных проблем и как проверить ваш сайт → https://hacks.mozilla.org/2022/02/version-100-in-chrome-and-firefox/
Design Sapiens: путь к дизайн-системе, которой удобно пользоваться. Алёна Букина рассказывает, как эволюционировала дизайн-система ISPsystem → https://habr.com/p/589465/
Путь Etsy к TypeScript: подробная история миграции и встреченных подводных камней, от стратегии до ускорения тайпчекинга → https://codeascraft.com/2021/11/08/etsys-journey-to-typescript/
Тёмная сторона шрифта: обзор внутреннего устройства, форматов и основных возможностей цифровых шрифтов → https://darkside.paratype.ru
envsafe, утилита для валидации переменных окружения в Node.js → https://github.com/KATT/envsafe
О возвращении For Web

Привет! Спустя 5 месяцев после начала войны мы возобновляем публикацию новостей, потому что наше молчание не поможет остановить войну и вряд ли принесёт кому-нибудь пользу.

Наше сообщество никогда не было «вне политики», потому что политика напрямую влияет на наши жизни — к сожалению, события последних месяцев иллюстрируют это особенно ярко. Поэтому мы возвращаемся с двумя важными оговорками:
1. Мы выступаем против войны. Все причастные к военной агрессии РФ должны быть осуждены и люстрированы.
2. Мы больше не публикуем материалы (статьи, доклады, вакансии, etc) от компаний, которые сотрудничают с правительством РФ, наиболее яркие примеры — Яндекс и VK.
👎548🔥509👍311😢12🤯9
Что нового в ES2022? Краткий обзор Акселя Раушмайера → https://2ality.com/2022/06/ecmascript-2022.html

TL;DR:
— приватные поля классов
— статические блоки инициализации в классах
— верхнеуровневый await в модулях
— error.cause, ссылка на ошибку, вызвавшую текущую ошибку
— метод .at() для индексируемых значений (теперь можно получить последний элемент массива через .at(-1))
— более безопасный Object.hasOwn вместо Object.hasOwnProperty
👍90🔥18👎11🤯3
For Web — фронтенд, дизайн, программирование pinned «О возвращении For Web Привет! Спустя 5 месяцев после начала войны мы возобновляем публикацию новостей, потому что наше молчание не поможет остановить войну и вряд ли принесёт кому-нибудь пользу. Наше сообщество никогда не было «вне политики», потому что…»
@internationalized/date, библиотека от Adobe для работы с датами и временем в разных календарях (поддерживает 13 календарных систем) и часовых поясах → https://react-spectrum.adobe.com/internationalized/date/index.html
🔥34👍8👎7
Bun, новый JavaScript-рантайм со встроенным бандлером, транспилятором, таск-раннером, NPM-клиентом и даже SQLite3-клиентом: сфокусирован на скорости, поддерживает TypeScript и JSX из коробки, реализует модули из ядра Node.js для совместимости → https://bun.sh
🔥65👎25🤯16👍6
Избегаем сдвигов раскладки при загрузке изображений: aspect-ratio vs атрибуты width и height. Джейк Арчибальд демонстрирует отличия и нюансы двух подходов → https://jakearchibald.com/2022/img-aspect-ratio/
👍54👎12🔥3
От Sass к Linaria: как менялся подход к работе со стилями в Airbnb и как переход на zero-runtime CSS-in-JS библиотеку Linaria улучшил DX и перформанс → https://medium.com/p/dc169230bd12
👍36👎19🔥3
Кастомные ESM-лоадеры в Node.js: Джейкоб Смит рассказывает об экспериментальном API, позволяющем задать произвольные обработчики импортируемых файлов → https://dev.to/jakobjingleheimer/custom-esm-loaders-who-what-when-where-why-how-4i1o
🤯25👍14👎7