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
Поочерёдная анимация на CSS: Пол Геберт показывает, как более естественно анимировать списки, смещая их элементы поочерёдно с небольшой задержкой, а не сразу все вместе → https://cloudfour.com/thinks/staggered-animations-with-css-custom-properties
Введение в экспериментальный API performance.measureMemory(), позволяющий отслеживать потребление оперативной памяти вашей веб-страницей → https://web.dev/monitor-total-page-memory-usage/
This media is not supported in your browser
VIEW IN TELEGRAM
Создаём анимированный след из частиц на anime.js: руководство Анны Пренцель → https://www.smashingmagazine.com/2020/04/particle-trail-animation-javascript
Как в Stack Overflow реализовали тёмную тему и попутно улучшили доступность и кодовую базу → https://stackoverflow.blog/2020/03/31/building-dark-mode-on-stack-overflow
Ускоряем отрисовку сложных графиков с помощью OffscreenCanvas: практический пример и обзор преимуществ и проблем такого решения → https://blog.scottlogic.com/2020/03/19/offscreen-canvas.html
Всё, что нужно знать о дизайне кнопок: от возможных состояний и содержимого до группировки и контекстов использования → https://uxdesign.cc/85243b6736c7
Почему не стоит использовать Google Analytics: проблемы с быстродействием, приватностью, законами и UX → https://plausible.io/blog/remove-google-analytics
Docker для фронтендера: чем он может быть полезен и как с ним работать? Доклад Алексея Авдеева → https://youtu.be/SMM3bsYyFls
redaxios, легковесная (800 байт) обёртка над fetch с API, аналогичным axios → https://github.com/developit/redaxios
Адаптивные графики, работающие без JavaScript: Рич Харрис из The New York Times делится новой техникой → https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp
Практическое руководство по SVG и дизайн-инструментам: какие возможности предлагают редакторы вроде Figma, как они транслируются в SVG-разметку и о каких нюансах нужно знать → https://www.smashingmagazine.com/2019/05/svg-design-tools-practical-guide/
Зачем и как снимать покрытие кода с уже запущенного Node.js-приложения: опыт Евгения Бондаренко → https://habr.com/p/488544
Советы по именованию boolean-переменных: Майкл Зангл с примерами консистентных и грамматически корректных имён → https://michaelzanggl.com/articles/tips-on-naming-boolean-variables/
Практическое введение в Web Contact Picker API, новый API для доступа к контактам на мобильных → https://dev.to/twilio/an-introduction-to-the-web-contact-picker-api-43ap
How readable, исследование влияния распространённых конструкций в коде на его читаемость → https://howreadable.com
Build a Better Mobile Input, конструктор максимально удобных полей ввода для мобильных → https://better-mobile-inputs.netlify.app
Почему некоторые HTML-элементы помечены устаревшими: Райан Грист с экскурсом в историю развития HTML → https://css-tricks.com/why-do-some-html-elements-become-deprecated
Эра Trident закончилась. Кристиан Шефер вспоминает возможности IE, опередившие время: стилизуемые скроллбары, анимированные переходы между страницами, событие resize для элементов и многое другое → https://schepp.dev/posts/today-the-trident-era-ends/
Краткая история пакетных менеджеров во фронтенде: как появились NPM/Yarn/PNPM и какие проблемы они решают → https://medium.com/p/f9797be7cf0e
Вышла Node.js 14 (LTS с октября 2020). Стабильные диагностические отчёты, обновлённый V8 с поддержкой последних фич языка вроде optional chaining, Async Local Storage API и другие нововведения в официальном анонсе → https://medium.com/p/8170d384567e