For Web — фронтенд, дизайн, программирование
14.6K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Пример реализации максимально простого генератора статических сайтов на Node.js в ~100 строк кода → https://smalldata.tech/blog/2018/08/16/building-a-simple-static-site-generator-using-node-js
Матрица компетенций тимлида: self-management, стратегия, работа с людьми, управление ресурсами, анализ и принятие решений → https://docs.google.com/spreadsheets/d/1HFOJRbCVuoqDx_PSKam3xdFV3vKd-XCj5f2ZudWIcNc
Зачем нужно логирование? Обзор его семи практических применений → https://www.fastly.com/blog/7-business-uses-for-logging
Что такое дизайн-долг (по аналогии с техническим долгом), откуда он берётся, почему он вредит продукту и как с ним бороться, обзор Михаля Мазура → https://uxdesign.cc/4366d33d3c89
Путь к изучению React, книга Робина Вируха в переводе Алексея Пыльцына → https://leanpub.com/the-road-to-learn-react-russian
Как адаптировать сайт к нормальному отображению в режимах чтения в Safari, Instapaper и Pocket, исследование и рекомендации → https://medium.com/p/1562913c86c9
🎧
Свежие подкасты

«Недельный Vue» №2: обзор свежих новостей, публикаций и докладов → https://soundcloud.com/dmitry-zlygin/weekly-vue-2

«Пятиминутка React» №45: как записать подкаст без микрофона и оборудования → https://soundcloud.com/5minreact/45-simple-podcast-recording-made-easy

«Девшахта» №48, в гостях Алексей Чернов: боль от Ext JS и TFS, или как DevOps меняет мир к лучшему → https://medium.com/p/70ae15f2d68f

«Новости 512» от CSSSR №19: обзор новостей, релизов и интересных публикаций → https://soundcloud.com/csssr/novosti-512-vypusk-19-2008-0209

«Веб-стандарты» №135: сертификаты и TLS 1.3, флексы и кастомные свойства, совместимость и -webkit-мусор, SVG-фильтры и WebGL, новинки Node.js → https://medium.com/p/7e39ba0aa97c

«Веб-стандарты» №136: Chrome не такой дерзкий, Firefox против трекеров, опенсорс и политика, OpenType и полезный каскад, развитие React DOM → https://medium.com/p/34dfe567e330

Frontend Weekend №68, в гостях Егор Бугаенко: как и почему нужно выделять себя из толпы других программистов → https://soundcloud.com/frontend-weekend/fw-68
OffscreenCanvas — новый вид канваса, позволяющий разгрузить основной поток и перенести все вычисления в воркер. Подробности, демо и пример прогрессивного улучшения анимации на Three.js → https://developers.google.com/web/updates/2018/08/offscreen-canvas
Как инженеры GitLab сделали первую версию Web IDE, подробный рассказ о процессе и принятых решениях → https://about.gitlab.com/2018/06/15/introducing-gitlab-s-integrated-development-environment/
Притча о git

Увлекательный рассказ, в котором вы разберётесь с основными концепциями и внутренним устройством git на примере создания собственной системы контроля версий → https://tom.preston-werner.com/2009/05/19/the-git-parable.html
Useless CSP, коллекция примеров плохой реализации Content Security Policy, в том числе от крупных сайтов вроде Гугла, Яндекса, Медиума и Одноклассников → https://uselesscsp.com/
Введение в новый Web Locks API на примере синхронизации операций в приложении, открытом в нескольких вкладках браузера → https://www.sitepen.com/blog/2018/08/14/cross-tab-synchronization-with-the-web-locks-api/
Новинки Chrome 69 (помимо редизайна UI) в обзоре Пита Лепажа: CSS Scroll Snapping, поддержка вёрстки под iPhone X, Web Locks API, конические градиенты, новые методы toggleAttribute/flat/flatMap и OffscreenCanvas → https://youtu.be/WF2IjH35w8o

P. S. Хрому исполнилось 10 лет!
Полная демонстрация возможностей OpenType в вебе с помощью CSS-свойства font-feature-settings: кернинг, лигатуры, альтернативные глифы и многое другое → https://sparanoid.com/lab/opentype-features/
Команда Google AMP представила WorkerDOM, реализацию DOM API для веб-воркеров, позволяющую разгрузить основной тред от второстепенных операций над DOM → https://github.com/ampproject/worker-dom