For Web — фронтенд, дизайн, программирование
14.3K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Всё об auto в CSS: Ахмад Шадид с подробным обзором того, как ключевое свойство auto работает с разными CSS-свойствами → https://ishadeed.com/article/auto-css/
Что такое бэкдор? Знакомство с этим видом уязвимостей на примере разработки собственного бэкдора для приложения на Node.js и советы по защите → https://snyk.io/blog/what-is-a-backdoor/
This media is not supported in your browser
VIEW IN TELEGRAM
Искусство каркасных заглушек: Кумар МакМиллан о нюансах применения скелетонов в UI на примере каталога расширений Firefox → https://farmdev.com/thoughts/108/the-art-of-ui-skeletons/
Stanford CS 253: исчерпывающий курс по безопасности в вебе от одного из лучших университетов мира. Записи лекций, слайды, дополнительные материалы и практические задания → https://web.stanford.edu/class/cs253/
Как упростить себе жизнь, если Git для вас кажется магией: Шейн Хадсон с практическими советами по ежедневному использованию Git и материалами для его изучения → https://www.smashingmagazine.com/make-life-easier-when-using-git/
Dependency cruiser, инструмент для визуализации и линтинга графа зависимостей проекта → https://github.com/sverweij/dependency-cruiser
Влияние быстродействия на конверсию в E-commerce: инженер ALDO Group подробно описал процесс и результаты своего исследования → https://simplified.dev/performance/impact-of-web-performance
Чеклисты для проектирования интерфейсов: 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
Вариативные эмодзи: необычная идея применения вариативных шрифтов → https://variableemojis.com