For Web — фронтенд, дизайн, программирование
14.7K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Чеклисты для проектирования интерфейсов: 152 страницы рекомендаций и примеров реализации распространённых интерфейсов, от навигации и фильтров до таймлайнов и планов рассадки → https://www.smashingmagazine.com/2020/03/smart-interface-design-patterns-checklists/
Руководство по созданию интерактивной визуализации данных на карте на примере статистики распространения COVID-19 → https://www.freecodecamp.org/news/how-to-create-a-coronavirus-covid-19-dashboard-map-app-in-react-with-gatsby-and-leaflet/
DNS-запросы по умолчанию не шифруются, а значит, злоумышленники могут узнать и даже подменить сайты, которые вы посещаете.

Инженеры Cloudflare рассказали, как устроены механизмы шифрования DNS over TLS и DNS over HTTPS, решающие проблемы приватности и безопасности → https://blog.cloudflare.com/dns-encryption-explained/
Вызовы разработки интерфейсов: почему фронтенд не проще бэкенда и какие проблемы приходится решать разработчикам интерфейсов → https://medium.com/p/65d360466e3f
Работа с DOM на чистом JavaScript: сборник решений распространённых задач, от добавления класса к элементу до реализации drag-and-drop и ресайза элементов → https://htmldom.dev
API Style Guide: Лёша Руцкой из Wrike рассказал, как внедрение стайлгайда может облегчить работу и помочь поддерживать консистентность API → https://habr.com/p/495364
ES2020: финальный набор изменений. Аксель Раушмайер делится полным списком нововведений свежей редакции спецификации → https://2ality.com/2019/12/ecmascript-2020.html
Быстрые сайты для фичефонов за 20$: Эдди Османи с подробным руководством по разработке сайтов для обычных кнопочных телефонов, популярных в развивающихся странах → https://dev.to/addyosmani/loading-web-pages-fast-on-a-20-feature-phone-8h6
Как Svelte работает под капотом? Пошаговый обзор механизма компиляции и реализации реактивности → https://lihautan.com/the-svelte-compiler-handbook/
Интересные приёмы вёрстки в новой версии Facebook: обзор Ахмада Шадида → https://ishadeed.com/article/new-facebook-css/
Выбираемся из тупика: как быть, если застрял на задаче и не знаешь, как её решить? Советы Эмерсона Лусто → https://cloudfour.com/thinks/getting-unstuck/
Быстродействие масштабных веб-приложений: о чём нужно подумать заранее, чтобы не угробить быстродействие и заложить хороший фундамент для дальнейших оптимизаций → https://blog.scottlogic.com/2019/12/17/performant-large-scale-web-applications.html
Вариативные эмодзи: необычная идея применения вариативных шрифтов → http://variableemojis.com
Gitlet, реализация git на JavaScript с подробными аннотациями для погружения в механизм его работы → http://gitlet.maryrosecook.com
Почему инженеры Cloudflare отказались от reCAPTCHA (Google) в пользу hCaptcha: приватность, доступность и быстродействие → https://blog.cloudflare.com/moving-from-recaptcha-to-hcaptcha/
Прокачайте навыки CSS-анимации: видеокурс по применению CSS-анимаций в повседневных задачах. 5 секций с небольшими уроками, суммарно почти 4 часа видео → https://www.youtube.com/playlist?list=PLHKH6Uj0Seea4gnA8A80PvW9XAQkT37bD
Введение в WebSocketStream API, объединяющий вебсокет и стримы для адаптивной обработки данных в высоконагруженных приложениях → https://web.dev/websocketstream
CSS-гриды — мощный, но сложный механизм раскладки. Чтобы вы не утонули в спецификации, Анна Пренцель рассказала о четырёх основных CSS-свойствах гридов, которые закрывают большинство потребностей в вёрстке → https://css-tricks.com/4-css-grid-properties-and-one-value-for-most-of-your-layout-needs/
CORS, CORB, CORP, COEP: Джейк Арчибальд и Александр Сурма о новых механизмах контроля доступа к межсайтовым ресурсам → https://youtu.be/vfAHa5GBLio
Шесть рекомендаций от инженеров Klarna по мотивам оптимизации быстродействия сервиса на Node.js → https://engineering.klarna.com/f163cac20473