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
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
Пишем компилятор Brainfuck на JavaScript: руководство Мишеля Ривы → https://www.jsmonday.dev/articles/37/let-s-write-a-brainfuck-compiler
Arkit, инструмент для визуализации кодовой базы на JS/TS/Flow и её зависимостей в виде архитектурных диаграмм → https://arkit.pro
Инженеры PayPal об опыте масштабирования GraphQL в большой организации с множеством проектов → https://medium.com/p/b5b5ac098810
Компоненты-агностики в Angular: Александр Инкин из Tinkoff делится подходом к разработке гибких Angular-компонентов, не зависящих от модели данных и дизайна содержимого → https://habr.com/p/473108/
Доступность и закон: Татьяна Фокина разбирается, какие в США, Евросоюзе и России есть законы и стандарты о веб-доступности и что будет за их нарушение → https://medium.com/p/a81dd9dd5fc8
Web Components Bookmarks, коллекция актуальных ресурсов о веб-компонентах от Сергея Куликова: от стандартов до лучших практик и готовых компонентов → https://www.notion.so/Web-Components-bookmarks-64066078f891433dbc74997dc4d64302