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

Базовые типографические правила русского языка в карточках от Вани Соловьёва из DocDoc: кавычки, виды тире, валюты, отбивка чисел, висячие предлоги, номера телефонов, время, адреса, даты и многое другое → https://habr.com/p/458640/

User Inyerface, квинтэссенция худших дизайн-паттернов в одной форме, которую нужно заполнить как можно быстрее → https://userinyerface.com/

Как улучшить UX поиска с помощью микротекста? Эндрю Миллен с объяснением и практическими примерами → https://www.smashingmagazine.com/2019/06/better-search-ux-microcopy/

The History of the Web, книга Джея Хоффмана об истории создания и развития веба → https://leanpub.com/webhistory/

Актуальное на 2019 год сравнение фронтенд-фреймворков на примере приложения RealWorld → https://medium.freecodecamp.org/4be0d3c78075

Ян Молак рассказал, как упростить рефакторинг и точнее моделировать предметную область, используя классы-обёртки для примитивов → https://janmolak.com/4680177f026e

Style Dictionary, инструмент от Amazon для создания и поддержки библиотеки кроссплатформенных дизайн-токенов → https://amzn.github.io/style-dictionary/

Из async/await в генераторы: Пётр Мязин разбирает работу async/await, реализуя транспиляцию в генераторы и рассматривая аналогичные реализации в Babel и TypeScript → https://youtu.be/czgxE_UQnDQ

Кастомные CSS-свойства: почему они так называются, как они работают в каскаде и что с ними можно делать помимо очевидных кейсов использования переменных? Подробный обзор Мириам Сюзанн → https://www.smashingmagazine.com/2019/07/css-custom-properties-cascade/

Как создавалась дизайн-система для Words With Friends: Грег Хилл о целях, процессе реализации и планах на будущее→ https://medium.com/p/5db8c76cf59f

Секрет хороших приложений на Electron заключается в использовании фонового процесса, считает Джеймс Лонг: обзор преимуществ подхода и примеры → https://jlongster.com/secret-of-good-electron-apps

Level Up with WebAssembly, практическая книга о применении WASM в браузере → https://www.levelupwasm.com/

Grasp, утилита для продвинутого рефакторинга и поиска по JS-коду на основе его структуры → http://www.graspjs.com/

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

Podlodka №118, в гостях СТО Яндекса Михаил Парахин: об инженерной культуре → https://soundcloud.com/podlodka/podlodka-118-inzhenernaya-kultura

Frontend Weekend №94, в гостях Денис Мишунов: почему стоит уезжать в Норвегию и удалённо работать в GitLab → https://soundcloud.com/frontend-weekend/fw-94

«Девшахта» №85, в гостях Вадим Макеев: про историю и принципы WSD → https://medium.com/p/1f9aae0ba0c

«Веб-стандарты» №182: Node.js, npm и JetBrains, сервис-воркеры и WASM, цена JS, современный CSS, доступность → https://medium.com/p/29770171eddb

«Фронтенд-юность» №98: плебейская разработка like a Pro, микрофронтенды и Design Mode → https://soundcloud.com/frontend_u/e98

«Новости 512» от CSSSR: Vue 3 RFC обновлён, ещё о микросервисах, новый убийца Redux и пакеты для Node.js на все случаи жизни → https://soundcloud.com/csssr/novosti-512-vue-3-rfc-obnovlyon-eshchyo-o-mikroservisakh-novyy-ubiytsa-redux-i-interesnye-publikatsii

CSS-in-JS устарел, пришло время JS-in-CSS: пример использования Houdini CSS Painting API → https://css-houdini.rocks/js-in-css

Какой самый производительный способ передачи состояния с сервера в браузер при серверном рендеринге? Хенрик Йортег с исследованием и неочевидным выводом → https://joreteg.com/blog/improving-redux-state-transfer-performance

Когда нужно использовать веб-воркеры? Всегда! Александр Сурма рассказывает, зачем разгружать UI-тред от вычислений, как это давно делают разработчики мобильных приложений → https://dassur.ma/things/when-workers/

Зачем писать свой React Data Grid в 2019: Александр Шутов о мотивации, процессе и проблемах разработки сложного компонента для отображения больших списков данных → https://habr.com/p/457504/

Version Museum, визуальная история технологий: как с годами менялся интерфейс популярных сайтов, ОС и игр → https://www.versionmuseum.com/

GraphQL: The Documentary. Документальный фильм об истории создания и развития GraphQL → https://youtu.be/783ccP__No8