For Web — фронтенд, дизайн, программирование
14.5K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Обзор существующих решений для реализации алгоритмов машинного обучения на JavaScript с поддержкой вычислений на GPU → https://towardsdatascience.com/195d6f8e69ef
Под капотом адаптивных изображений

Как браузер на основе дескрипторов w и sizes решает, какое изображение загрузить? Иллюстрированное объяснение с интерактивными примерами от Эрика Портиса → https://beta.observablehq.com/@eeeps/w-descriptors-and-sizes-under-the-hood
Виртуальная DOM и производительность Реакта

Как устроена виртуальная DOM в Реакте, как Реакт отрисовывает интерфейс, как диагностировать проблемы производительности отрисовки и избежать распространённых проблем? Алексей Иванов и Энди Барнов из Злых Марсиан с подробным объяснением → https://evilmartians.com/chronicles/optimizing-react-virtual-dom-explained
JavaScript за 14 минут, интерактивное руководство по основам языка от Джереми Томаса → https://jgthms.com/javascript-in-14-minutes/
Как реализовать доступную, адаптивную и удобную в использовании для всех таблицу, новое руководство Хейдона Пикеринга на Inclusive Components → https://inclusive-components.design/data-tables/
🎧
Свежие подкасты

«Фронтенд-юность» №43: как понять, что ты лох, если ты тупой → https://soundcloud.com/frontend_u/e43

«Ночной фронтенд» №28: рассказ о первом дне CodeFest 2018 → https://medium.com/p/f01cc7b6f6b7

Frontend Weekend №46, Виталий Грин про React в Яндексе и эксперимент Альфа Лаборатории → https://soundcloud.com/frontend-weekend/fw-46

«Разбор полётов» №156, Владислав Козуля про JavaScript и мемы → https://razbor-poletov.com/2018/03/episode-156.html

«Веб-стандарты» №114: Safari 11.1 и 20 лет Mozilla, спеки CSS и доверие к W3C, нюансы display: contents, выравнивание текста, ES-модули уже здесь, новинки WebStorm, React v16.3.0, V8 и веб-сокеты в Node.js, картина отрасли → https://medium.com/p/3eb58186b97b
Анатомия сорсмапов

Зачем нужны карты кода и как они устроены? Детальный разбор с примерами от Бена Гурли → https://blog.bugsnag.com/source-maps/
Cloudflare и APNIC запустили 1.1.1.1, более быструю (зависит от местоположения) и безопасную альтернативу стандартным DNS-серверам. Обзор пробем существующих DNS-серверов и технические подробности в блоге Cloudflare → https://blog.cloudflare.com/announcing-1111/
Headless Chrome для серверного рендеринга

Как реализовать серверный рендеринг SPA с минимальными затратами? Эрик Бидельман на основе безголового Хрома пишет базовую реализацию SSR и показывает, какие тонкости нужно учесть и что можно оптимизировать → https://developers.google.com/web/tools/puppeteer/articles/ssr
Как онлайн-песочницу Codesandbox переписывали с redux на cerebral: мотивация, процесс, выводы и обзор преимуществ и недостатков mobx-state-tree, redux и cerebral на основе реального опыта. Рассказ Кристиана Альфони → https://medium.com/p/40e9a5646281
Разработчики VS Code рассказали, как они оптимизировали текстовый буфер редактора с помощью продвинутых алгоритмов и структур данных → https://code.visualstudio.com/blogs/2018/03/23/text-buffer-reimplementation
Зачем нужны куки, какие у них есть ограничения и как с ними работать, исчерпывающее руководство по всегда актуальной теме от Флавио Копса  → https://flaviocopes.com/cookies/
Going Offline

Джереми Кит в новой книге серии A Book Apart рассказал, как ускорить сайт и адаптировать его к работе в офлайне с помощью сервис-воркеров и стратегий кеширования. Книга выйдет 24 апреля, сейчас доступен предзаказ → https://abookapart.com/products/going-offline
Почему интерфейс должен быть доступным для всех и как это сделать? Валерия Курмак о сложностях и результатах внедрения доступности в продукты и процессы Сбербанка → https://habr.ru/p/352836