For Web — фронтенд, дизайн, программирование
14.7K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Стандартизация <select> и не только: Стефани Стимак из Microsoft рассказывает историю развития контролов в HTML и делится планами по решению болей разработчиков при работе с контролами вроде селектов или дейтпикеров → https://www.smashingmagazine.com/2020/11/standardizing-select-native-html-form-controls/
Руководство новичка по стейт-менеджеру Effector: от сторов и эффектов до организации и тестирования кода → https://dev.to/yanlobat/effector-s-beginner-guide-3jl4
Визуализация концепций Git на D3: наглядное объяснение принципа работы распространённых команд → https://onlywei.github.io/explain-git-with-d3
Dev Fonts, витрина для выбора шрифта для программирования → https://devfonts.gafi.dev
Интернационализация и локализация статических сайтов: Сэм Ричард делится опытом и рекомендациями по результатам разработки сайта chromeos.dev → https://www.smashingmagazine.com/2020/11/internationalization-localization-static-sites/
typesense, бесплатная опенсорс-альтернатива Elasticsearch и Algolia для быстрой реализации поиска → https://typesense.org/
Пишем собственный фреймворк с нуля, чтобы понять принципы работы других фреймворков: от движка шаблонов до управления состоянием → https://mfrachet.github.io/create-frontend-framework/
Основы веб-разработки: учебный план от Microsoft. 12 недель, 24 урока, теория по HTML/CSS/JS и практические задания → https://github.com/microsoft/Web-Dev-For-Beginners
Думаем как фронтенд-разработчик: Ахмад Шадид демонстрирует ход мыслей при вёрстке макета → https://ishadeed.com/article/thinking-like-a-front-end-developer
Великая унификация веб-технологий: предложение отказаться от HTML и CSS как исчерпавших себя технологий в пользу JavaScript. Подробное обоснование в 38-страничном документе → https://docs.google.com/document/d/1Ys-2Pb6PUVl8-5BMhM770trKNp_DmGrfskDlp-L_WSs/

Ответная статья о том, почему разделение на HTML/CSS/JavaScript полезно для пользователей → https://hiddedevries.nl/en/blog/2020-11-25-why-its-good-for-users-that-html-css-and-js-are-separate-languages/
Почему XMLHttpRequest называется так странно (не XMLHTTPRequest и не XmlHttpRequest) → https://twitter.com/cwilso/status/1316380176171692032
Как написать язык программирования на JavaScript: обширное практическое руководство → http://lisperator.net/pltut/
Что каждый разработчик должен знать о TCP: иллюстрированное объяснение важных особенностей протокола → https://robertovitillo.com/what-every-developer-should-know-about-tcp/
Лучшие практики проектирования прагматичного REST API: документация, версионирование, фильтрация и сортировка данных, обработка ошибок и другие аспекты → https://www.vinaysahni.com/best-practices-for-a-pragmatic-restful-api
Web Platform Contribution Guide: подробное руководство для тех, кто хочет внести свой вклад в веб-платформу и веб-стандарты → https://wpc.guide
E2E-тестирование интерфейса Slack: история и детали реализации и масштабирования → https://slack.engineering/scaling-end-to-end-user-interface-tests/
Utopia: подход к отзывчивому дизайну, предполагающий плавное масштабирование отступов и шрифтов вместо скачков на отдельных брейкпойнтах. Статьи и инструменты для реализации подхода со стороны дизайна и разработки → https://utopia.fyi
Зал трудовой славы JavaScript: библиотеки, идеи и люди, повлиявшие на JavaScript и его экосистему.

Часть 1: Prototype.js и require.js → https://habr.com/p/501148/

Часть 2: BigInt.js, RSA.js, x.js, Ajax, CoffeeScript, Underscore.js, Backbone.js, step.js → https://habr.com/p/501248/
Как устроен сайт web.dev от Google: архитектура, инструменты и веб-компоненты → https://web.dev/how-we-build-webdev-and-use-web-components/
Программирование — не канцелярская работа: оптимизировать нужно не столько инструменты для набора кода, сколько коммуникации и мыслительный процесс. Мнение Дэниэла Фона о том, почему утро под тёплым душем может быть продуктивнее дня за рабочим местом → https://daniel.fone.net.nz/blog/2020/10/21/talking-typing-thinking-software-is-not-a-desk-job/