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 за 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
Как улучшить UX контактных (да и вообще любых) форм, обзор распространённых ошибок и лучших практик от Кати Сипкиной и Ольги Ратиновой на Smashing Magazine → https://www.smashingmagazine.com/2018/03/ux-contact-forms-essentials-conversions/
Как написать калькулятор на JavaScript, руководство Зела Лью в трёх частях:

Базовая функциональность → https://zellwk.com/blog/calculator-part-1/
Обработка крайних случаев → https://zellwk.com/blog/calculator-part-2/
Рефакторинг → https://zellwk.com/blog/calculator-part-3/
Как с помощью непечатных символов отследить утечку текста и определить её источник, демо и объяснение → https://medium.com/p/18b4e6f17b66