For Web — фронтенд, дизайн, программирование

Git Tutor, генератор руководств в markdown на основе истории коммитов → https://github.com/R1ZZU/git-tutor

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/

Морской бой на CSS? Почему бы и нет! Даниэль Шульц с демкой и рассказом о деталях реализации → https://css-tricks.com/building-battleship-in-css/

Чем плохи if'ы и как обойтись без них: Джо Райт делится практическими приёмами улучшения кода с условиями → https://code.joejag.com/2016/anti-if-the-missing-patterns.html

Зачем в JS-движках используются разные уровни оптимизации, почему агрессивная оптимизация приводит к большему потреблению памяти и как движки оптимизируют доступ к свойствам прототипов, новая статья Матиаса Байненса → https://mathiasbynens.be/notes/prototypes

Николас Галлахер описал подход к распространению библиотеки иконок, используемый в Twitter Lite: упаковка в NPM-пакет, обёртки для Реакта и ванильного JS, возможность кастомизации, загрузка только используемых иконок → http://nicolasgallagher.com/making-svg-icon-libraries-for-react-apps/

Вышел Babel 7

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

Анонс и полный список изменений → https://babeljs.io/blog/2018/08/27/7.0.0

Appscope, обширная коллекция прогрессивных веб-приложений: от известных сервисов вроде Uber и Tinder до игр и инструментов → https://appsco.pe/

Продукты — это функции

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

Как выполнять нативный код в браузере, зачем это может понадобиться и что нас ждёт в будущем: хорошее иллюстрированное введение в WebAssembly → https://blog.logrocket.com/559b7f96cd71

Почему не стоит использовать JSON для написания конфигураций → https://arp242.net/weblog/json_as_configuration_files-_please_dont

Почему YAML тоже не очень хорош и какая есть альтернатива (спойлер: TOML) → https://arp242.net/weblog/yaml_probably_not_so_great_after_all.html

🎧
Свежие подкасты

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

«Пятиминутка React» №44: из жизни одного middle разработчика → https://soundcloud.com/5minreact/44-middle-developer-day

Frontend Weekend №67, в гостях Виктор Грищенко: как и зачем развивать науку в современном мире IT → https://soundcloud.com/frontend-weekend/fw-67

«Девшахта» №47: тестируй как дядюшка Боб → https://medium.com/p/a3f2de4c5d9c

«Фронтенд-юность» №62, мультикультурный подкаст не о фронтенде: зарплаты в 2к18, астрономия и космическое программирование, из LookAtMe в Яндекс, безопасность в вебе и печаль в npm, процессы → https://soundcloud.com/frontend_u/e62/

«Веб-стандарты» №134, в гостях Никита Дубко и Александра Шинкевич: невидимый DOM и файлы, новые атрибуты для картинок, веб-компоненты в Firefox, новости из леса, хорошая конференция → https://medium.com/p/842785f47f08

Инженеры Walmart Labs подробно рассказали, как у них устроено E2E-тестирование → https://medium.com/p/a9eee2c6bc1

Почему стоит перейти с HEX и RGB на HSL: более логичная модель, удобная темизация и другие причины в обзоре Сары Суайдан → https://www.sarasoueidan.com/blog/hex-rgb-to-hsl/