Size: a a a

For Web — фронтенд, дизайн, программирование

2020 March 23
For Web — фронтенд, дизайн, программирование
Как вариативные шрифты могут улучшить быстродействие: подробное исследование Мэнди Майкл → https://uxdesign.cc/79af8c4ff56c
источник
For Web — фронтенд, дизайн, программирование
Вышел Prettier 2.0 с пересмотренной стандартной конфигурацией и более удобным CLI. Подробности → https://prettier.io/blog/2020/03/21/2.0.0.html
источник
2020 March 24
For Web — фронтенд, дизайн, программирование
Картинки как коробки: что же там внутри? Полина Гуртовая из «Злых Марсиан» с подробным экскурсом во внутренности и принципы работы популярных форматов изображений → https://habr.com/p/493616
источник
2020 March 25
For Web — фронтенд, дизайн, программирование
Умеете работать с CSS, SVG, Canvas или WebGL?
Тогда приходите в команду наставников HTML Academy → https://tml.io/su34p

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

Часть 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/
источник
For Web — фронтенд, дизайн, программирование
Введение в Media Session API, позволяющий управлять медиауведомлениями и обрабатывать медиасобытия на множестве устройств → https://web.dev/media-session/
источник
2020 March 28
For Web — фронтенд, дизайн, программирование
Всё об auto в CSS: Ахмад Шадид с подробным обзором того, как ключевое свойство auto работает с разными CSS-свойствами → https://ishadeed.com/article/auto-css/
источник
2020 March 29
For Web — фронтенд, дизайн, программирование
Что такое бэкдор? Знакомство с этим видом уязвимостей на примере разработки собственного бэкдора для приложения на Node.js и советы по защите → https://snyk.io/blog/what-is-a-backdoor/
источник
2020 March 30
For Web — фронтенд, дизайн, программирование
Искусство каркасных заглушек: Кумар МакМиллан о нюансах применения скелетонов в UI на примере каталога расширений Firefox → http://farmdev.com/thoughts/108/the-art-of-ui-skeletons/
источник
2020 March 31
For Web — фронтенд, дизайн, программирование
Stanford CS 253: исчерпывающий курс по безопасности в вебе от одного из лучших университетов мира. Записи лекций, слайды, дополнительные материалы и практические задания → https://web.stanford.edu/class/cs253/
источник
For Web — фронтенд, дизайн, программирование
Как упростить себе жизнь, если Git для вас кажется магией: Шейн Хадсон с практическими советами по ежедневному использованию Git и материалами для его изучения → https://www.smashingmagazine.com/make-life-easier-when-using-git/
источник
For Web — фронтенд, дизайн, программирование
Dependency cruiser, инструмент для визуализации и линтинга графа зависимостей проекта → https://github.com/sverweij/dependency-cruiser
источник
For Web — фронтенд, дизайн, программирование
Влияние быстродействия на конверсию в E-commerce: инженер ALDO Group подробно описал процесс и результаты своего исследования → https://simplified.dev/performance/impact-of-web-performance
источник
2020 April 01
For Web — фронтенд, дизайн, программирование
Чеклисты для проектирования интерфейсов: 152 страницы рекомендаций и примеров реализации распространённых интерфейсов, от навигации и фильтров до таймлайнов и планов рассадки → https://www.smashingmagazine.com/2020/03/smart-interface-design-patterns-checklists/
источник
2020 April 02
For Web — фронтенд, дизайн, программирование
Руководство по созданию интерактивной визуализации данных на карте на примере статистики распространения COVID-19 → https://www.freecodecamp.org/news/how-to-create-a-coronavirus-covid-19-dashboard-map-app-in-react-with-gatsby-and-leaflet/
источник
For Web — фронтенд, дизайн, программирование
DNS-запросы по умолчанию не шифруются, а значит, злоумышленники могут узнать и даже подменить сайты, которые вы посещаете.

Инженеры Cloudflare рассказали, как устроены механизмы шифрования DNS over TLS и DNS over HTTPS, решающие проблемы приватности и безопасности → https://blog.cloudflare.com/dns-encryption-explained/
источник
For Web — фронтенд, дизайн, программирование
Вызовы разработки интерфейсов: почему фронтенд не проще бэкенда и какие проблемы приходится решать разработчикам интерфейсов → https://medium.com/p/65d360466e3f
источник
2020 April 03
For Web — фронтенд, дизайн, программирование
Работа с DOM на чистом JavaScript: сборник решений распространённых задач, от добавления класса к элементу до реализации drag-and-drop и ресайза элементов → https://htmldom.dev
источник