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
Проектируем доступную цветовую палитру: дизайнеры Stripe об опыте и проблемах подбора доступных и в то же время красивых цветов → https://stripe.com/en-pt/blog/accessible-color-systems
Демонстрация возможностей системы типов TypeScript: реализация четырёхбитной виртуальной машины и пример выполнения на ней FizzBuzz исключительно на типах → https://gist.github.com/acutmore/9d2ce837f019608f26ff54e0b1c23d6e
Веб-компоненты для энтерпрайза: как Salesforce, Oracle и SAP используют веб-компоненты и почему они сделали на них ставку → https://dev.to/webpadawan/web-components-for-enterprise-part-1-salesforce-oracle-sap-e70
Spectrum, мультиплатформенная дизайн-система Adobe: принципы, подходы, компоненты, паттерны и макеты → https://spectrum.adobe.com/
Проектируем интерфейсы, готовые к изменениям: Хенрик Йортег о построении гибкой архитектуры фронтенда → https://joreteg.com/blog/architecting-uis-for-change
Samsung начали распространять PWA через Galaxy Store. Подробности и инструкции для разработчиков по добавлению своих приложений → https://medium.com/p/47ecd317725b
Как удалить все директории node_modules: Тим Маринин делится удобным консольным скриптом и попутно объясняет принцип его работы и пользу владения юникс-утилитами → https://marinintim.com/2019/node_modules
Заговор против IE6: как разработчики YouTube практически убили IE6 в 2009 году, тайно выложив в продакшен баннер с предложением перейти на другие браузеры → https://blog.chriszacharias.com/a-conspiracy-to-kill-ie6
Разрушаем мифы о PWA: Дэвид Русет развеивает девять заблуждений о прогрессивных веб-приложениях, демонстрируя возможности PWA в новой версии Edge → https://www.davrous.com/2019/10/18/myth-busting-pwas-the-new-edge-edition/
This media is not supported in your browser
VIEW IN TELEGRAM
Нетривиальная расстановка элементов на flexbox без медиавыражений: Дмитрий Лаврик с демонстрацией и объяснением техники → https://habr.com/p/473186/
Маленькие хитрости кастомных свойств: Илья Стрельцын делится неочевидными возможностями и нюансами применения CSS-переменных → https://css-live.ru/tricks/malenkie-xitrosti-kastomnyx-svojstv-css-peremennyx.html
Инженеры Slack рассказали, зачем они разработали внутренний фреймворк для быстрой инициализации приложения и как он им помог → https://slack.engineering/fb70c8eed2fd
Ориентация изображений в вебе: Майкл Шарналь объясняет, почему браузеры могут некорректно отображать изображения и как этого избежать → https://justmarkup.com/articles/2019-10-21-image-orientation/
Как работает новое значение revert в CSS и чем оно отличается от inherit/initial/unset? Обзор Мириам Сюзан из Mozilla → https://youtu.be/GAjoVRmipcU
Новый синтаксис CSS-свойства display: Рэйчел Эндрю о причинах рефакторинга спецификации и новых значениях свойства → https://hacks.mozilla.org/2019/10/the-two-value-syntax-of-the-css-display-property
Преимущества и недостатки монорепозитория: исследование инженеров Google (PDF, ~600 КБ) → https://people.engr.ncsu.edu/ermurph3/papers/seip18.pdf
IOC!, легковесная и более простая альтернатива InversifyJS для инъекции зависимостей → https://github.com/owja/ioc
Важные материалы второй половины октября: убийство IE6, нужен ли GraphQL в эпоху HTTP/2, SMS Receiver API, современное руководство по Make, доступные палитры цветов, хитрости CSS-переменных, фреймворк инициализации Slack, revert и новый синтаксис display в CSS, ориентация изображений в вебе, PWA в Samsung Galaxy Store → https://forwebdev.ru/digest/2019-10-31/
Вес страницы имеет значение: Крис Закариас о том, как создание облегчённой версии YouTube открыло сервису новый рынок → https://blog.chriszacharias.com/page-weight-matters
Инженеры The Telegraph поделились опытом и результатами внедрения культуры быстродействия и оптимизации своего сайта → https://medium.com/p/a0a1000be5