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
Выбираемся из тупика: как быть, если застрял на задаче и не знаешь, как её решить? Советы Эмерсона Лусто → https://cloudfour.com/thinks/getting-unstuck/
Быстродействие масштабных веб-приложений: о чём нужно подумать заранее, чтобы не угробить быстродействие и заложить хороший фундамент для дальнейших оптимизаций → https://blog.scottlogic.com/2019/12/17/performant-large-scale-web-applications.html
Вариативные эмодзи: необычная идея применения вариативных шрифтов → https://variableemojis.com
Gitlet, реализация git на JavaScript с подробными аннотациями для погружения в механизм его работы → https://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
С днём космонавтики! Андрей Ситник рассказывает, чему разработчиков могут научить инциденты из истории советской космонавтики → https://evilmartians.com/chronicles/what-i-learned-as-a-developer-from-accidents-in-space
Brotli vs Gzip: как инженеры OYO сократили время загрузки сайта на 37%, перейдя на более эффективный алгоритм сжатия для CSS и JavaScript-файлов → https://medium.com/p/14d41e50fee4
Как сделать полезный компании сайд-проект в рабочее время: опыт и советы инженера Algolia Николаса Торреса → https://blog.algolia.com/unlock-time-side-projects-working-hours/
This media is not supported in your browser
VIEW IN TELEGRAM
[Реклама]
Руководство по разработке интерактивной SVG-диаграммы от ребят из HTML Academy: практическое применение SVG, CSS и JavaScript для визуализации данных → https://tml.io/1vbp2
Поочерёдная анимация на 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