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
Продукты — это функции

Подход Райана Сингера из Basecamp к восприятию и развитию продуктов и решению проблем, основанный на применении продукта (решения) к исходной ситуации пользователей для получения желаемой ситуации → https://www.feltpresence.com/functions.html
Appscope, обширная коллекция прогрессивных веб-приложений: от известных сервисов вроде Uber и Tinder до игр и инструментов → https://appsco.pe/
Вышел Babel 7

— все пакеты теперь под общим скоупом @babel/*;
— вместо множества пресетов теперь один универсальный @babel/preset-env;
— поддержка TypeScript;
— новый способ конфигурации через babel.config.js;
— полуавтоматическое обновление со старых версий с помощью babel-upgrade;
— и многое другое.

Анонс и полный список изменений → https://babeljs.io/blog/2018/08/27/7.0.0
Николас Галлахер описал подход к распространению библиотеки иконок, используемый в Twitter Lite: упаковка в NPM-пакет, обёртки для Реакта и ванильного JS, возможность кастомизации, загрузка только используемых иконок → https://nicolasgallagher.com/making-svg-icon-libraries-for-react-apps/
Зачем в JS-движках используются разные уровни оптимизации, почему агрессивная оптимизация приводит к большему потреблению памяти и как движки оптимизируют доступ к свойствам прототипов, новая статья Матиаса Байненса → https://mathiasbynens.be/notes/prototypes
Чем плохи if'ы и как обойтись без них: Джо Райт делится практическими приёмами улучшения кода с условиями → https://code.joejag.com/2016/anti-if-the-missing-patterns.html
Морской бой на CSS? Почему бы и нет! Даниэль Шульц с демкой и рассказом о деталях реализации → https://css-tricks.com/building-battleship-in-css/
UX и HTML5: улучшаем мобильные формы

Две подробнейшие статьи Стефани Уолтер о том, как улучшить UX заполнения мобильных форм.

Общие рекомендации по расположению элементов, использованию плейсхолдеров, отображению ошибок → https://www.smashingmagazine.com/2018/08/ux-html5-mobile-form-part-1/

Использование современных возможностей HTML5 для улучшения UX, от специальных типов полей до оплаты в один клик → https://www.smashingmagazine.com/2018/08/ux-html5-mobile-form-part-2/
Git Tutor, генератор руководств в markdown на основе истории коммитов → https://github.com/R1ZZU/git-tutor
Инженеры Axess Lab исследовали поведение ссылок «к основному содержимому» на мобильных и обнаружили, что практически везде они работают некорректно. В чём дело и как их починить, чтобы доступность на мобильных не страдала → https://axesslab.com/skip-links/
color-adjust

Введение в новое CSS-свойство, разрешающее браузеру подстраивать цвета под окружение (например, при печати веб-страниц или при ограниченной цветовой палитре) → https://css-tricks.com/the-possibilities-of-the-color-adjust-property/
Записи докладов с ChernivtsiJS 2018: борьба с дедлайнами, serverless для фронтендеров, просто о WebAssembly, покупки с Payment Request API и другие темы → https://www.youtube.com/playlist?list=PLt-pAIa9BS41XDcHK49CwzkOjEDB6eJ7q