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
Эволюция веб-дизайна: визуализация стилистики веб-страниц от 1991 до 2015 года → https://fabianburghardt.de/webolution
Как вариативные шрифты могут улучшить быстродействие: подробное исследование Мэнди Майкл → https://uxdesign.cc/79af8c4ff56c
Вышел Prettier 2.0 с пересмотренной стандартной конфигурацией и более удобным CLI. Подробности → https://prettier.io/blog/2020/03/21/2.0.0.html
Картинки как коробки: что же там внутри? Полина Гуртовая из «Злых Марсиан» с подробным экскурсом во внутренности и принципы работы популярных форматов изображений → https://habr.com/p/493616
Умеете работать с CSS, SVG, Canvas или WebGL?
Тогда приходите в команду наставников HTML Academy → https://tml.io/su34p

Что это мне даст?
• Наставничество — крутой способ прокачки soft skills, которые нужны для роста до позиции тимлида;
• Заработок: получайте по 5 000₽ за каждого студента;
• Общение с крутыми разработчиками со всего мира: в команде наставников больше 900 человек;
• Кадры: вырастите специалиста под потребности своей компании.
Бесплатные браузерные SVG-редакторы: обзор Криса Койера → https://css-tricks.com/browser-based-svg-editors/
20 учебных проектов для практики JavaScript с описанием, примером реализации и демонстрацией результата. От валидации форм до игры Breakout → https://github.com/bradtraversy/vanillawebprojects
Как дизайнерам учиться программированию?

Часть 1: терминал и текстовые редакторы → https://www.smashingmagazine.com/2020/03/designers-code-terminal-text-editors-part-1/

Часть 2: Git, HTML/CSS и инженерные принципы → https://www.smashingmagazine.com/2020/03/designers-code-git-hmtl-css-engineering-principles/
Введение в Media Session API, позволяющий управлять медиауведомлениями и обрабатывать медиасобытия на множестве устройств → https://web.dev/media-session/
Всё об 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 → http://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