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
UX Crash Course

31 урок по основам UX в месячном курсе Джоэля Марша: от ключевых идей и информационной архитектуры до психологии пользователей и дизайна, основанного на данных → https://thehipperelement.com/post/75476711614/ux-crash-course-31-fundamentals
Клиентская оптимизация

Иван Карев, Андрей Морозов, Михаил Мокрушин, Андрей Роенко и Тамерлан Локьяев в ШРИ 2018 об анализе производительности сайтов, влиянии рекламы и расширений на скорость загрузки страниц и об опыте клиентской оптимизации в Яндексе → https://youtu.be/LToHQwOx4SM
Обзор наиболее важных составляющих PWA и пример их минимальной реализации → https://blog.logrocket.com/aefdded3b5e
Подробная матрица компетенций fullstack JavaScript-разработчика от Ильи Климова → https://docs.google.com/spreadsheets/d/1ckjM6OJxfz-NEESs6KCs50uyeRHdSdfVwvYBXiqW9q8/
Что лучше использовать, пиксели или em’ы?

Инженеры Internet Archive устали от холиваров, провели исследование и обнаружили, что больше 3% их пользователей меняют дефолтный размер шрифта в браузере.

Теперь они постепенно переходят на относительные единицы измерения и рекомендуют другим разработчикам не спорить, а опираться на статистику → https://medium.com/p/5cfb20831773
Webmentions

Обзор и примеры применения нового стандарта, позволяющего сайтам упоминать материалы друг друга и отслеживать эти упоминания → https://alistapart.com/article/webmentions-enabling-better-communication-on-the-internet
Удивительный и неизвестный inline-block

Первая в серии статья Ильи Стрельцына о малоизученных особенностях и полезных секретах свойства display → https://css-live.ru/articles-css/udivitelnyj-i-neizvestnyj-inline-block.html
Альтернатива картам Google

Google сократил бесплатные лимиты API карт в 30 раз и поднял стоимость в 14 раз.

Ребят из сервиса по поиску лекарств Gdzie Po Lek такой расклад не устроил, они исследовали альтернативы картам Google и поделились результатами → https://www.inderapotheke.de/blog/farewell-google-maps
Святой грааль реиспользуемых компонентов: кастомные элементы, shadow DOM и NPM

Пошаговое руководство Оливера Уильямса по созданию реиспользуемого компонента, работающего в любом окружении и с любым фреймворком → https://www.smashingmagazine.com/2018/07/reusable-components-custom-elements-shadow-dom-npm/
Инженеры Discord рассказали, как им удаётся не ухудшать быстродействие приложения, постоянно добавляя фичи (спойлер: с помощью кодсплиттинга) → https://blog.discordapp.com/28ddaf044333
Fusion.js

Uber выложил в опенсорс свой фреймворк для разработки изоморфных приложений, на котором сделано более 60 внутренних приложений: Koa, своя система плагинов, flow и типизированная DI, Jest/Enzyme/Puppeteer для тестирования. Подробности → https://eng.uber.com/fusionjs/
Как разработать собственную систему управления состоянием наподобие Redux/Mobx/Vuex на чистом JS, руководство Энди Бэлла → https://css-tricks.com/build-a-state-management-system-with-vanilla-javascript/