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
Grasp, утилита для продвинутого рефакторинга и поиска по JS-коду на основе его структуры → https://www.graspjs.com/
Level Up with WebAssembly, практическая книга о применении WASM в браузере → https://www.levelupwasm.com/
Секрет хороших приложений на Electron заключается в использовании фонового процесса, считает Джеймс Лонг: обзор преимуществ подхода и примеры → https://jlongster.com/secret-of-good-electron-apps
Как создавалась дизайн-система для Words With Friends: Грег Хилл о целях, процессе реализации и планах на будущее→ https://medium.com/p/5db8c76cf59f
Кастомные CSS-свойства: почему они так называются, как они работают в каскаде и что с ними можно делать помимо очевидных кейсов использования переменных? Подробный обзор Мириам Сюзанн → https://www.smashingmagazine.com/2019/07/css-custom-properties-cascade/
Из async/await в генераторы: Пётр Мязин разбирает работу async/await, реализуя транспиляцию в генераторы и рассматривая аналогичные реализации в Babel и TypeScript → https://youtu.be/czgxE_UQnDQ
Style Dictionary, инструмент от Amazon для создания и поддержки библиотеки кроссплатформенных дизайн-токенов → https://amzn.github.io/style-dictionary/
Ян Молак рассказал, как упростить рефакторинг и точнее моделировать предметную область, используя классы-обёртки для примитивов → https://janmolak.com/4680177f026e
Актуальное на 2019 год сравнение фронтенд-фреймворков на примере приложения RealWorld → https://medium.freecodecamp.org/4be0d3c78075
The History of the Web, книга Джея Хоффмана об истории создания и развития веба → https://leanpub.com/webhistory/
Как улучшить UX поиска с помощью микротекста? Эндрю Миллен с объяснением и практическими примерами → https://www.smashingmagazine.com/2019/06/better-search-ux-microcopy/
User Inyerface, квинтэссенция худших дизайн-паттернов в одной форме, которую нужно заполнить как можно быстрее → https://userinyerface.com/
Базовые типографические правила русского языка в карточках от Вани Соловьёва из DocDoc: кавычки, виды тире, валюты, отбивка чисел, висячие предлоги, номера телефонов, время, адреса, даты и многое другое → https://habr.com/p/458640/
SOLID: книга Саши Беспоясова и Артёма Самофалова о проектировании устойчивых систем с помощью принципов ООП. Код на TypeScript, интерактивные тесты в конце каждой главы, примеры из реальной жизни → https://ota-solid.now.sh/
9 лет в монолите на Node.js: Евгений Бондаренко о плюсах и минусах монолита и микросервисов на основе реального опыта OneTwoTrip → https://habr.com/p/459206/
🎧
Свежие подкасты

«Девшахта» №86: проблема 10 тысяч соединений, BeerJS Summit и CSS-Minsk-JS → https://medium.com/p/5f3ca762bd18

«Веб-стандарты» №183, в гостях Кирилл Роговой: Sass в SPA, кастомные свойства, стратегия загрузки шрифтов, безусловный JS, веб-компоненты, всё про WebRTC → https://medium.com/p/33ef42987f3

«Новости 512»: Huawei, новые фичи на Github и git-клиенты, релизы и документалка про GraphQL → https://soundcloud.com/csssr/novosti-512-vydykhay-huawei-novye-fichi-na-github-i-git-klienty-relizy-i-dokumentalka-pro-graphql
Интерактивная шпаргалка по типографике → https://codepo8.github.io/typography-cheatsheet/
Загрузка современных скриптов: Джейсон Миллер с обзором четырёх способов подключения облегчённого бандла для современных браузеров → https://jasonformat.com/modern-script-loading/
Интернет, но не тот, каким мы его знаем: как устроен интернет в Индии, Китае, России и на Кубе? Цензура, передача данных в офлайне на внешних носителях, уголовные дела на пользователей → https://www.theguardian.com/technology/ng-interactive/2019/jan/11/the-internet-but-not-as-we-know-it-life-online-in-china-russia-cuba-and-india
This media is not supported in your browser
VIEW IN TELEGRAM
Коллекция математических гифок, выложенных исключительно в эстетических целях → https://blog.presentandcorrect.com/a-collection-of-maths-gifs-posted-purely-for-aesthetic-reasons