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
Form Design Patterns, книга Адама Силвера о разработке доступных и удобных форм: 10 глав, 384 страницы, доступна в цифровом и печатном виде → https://formdesignpatterns.com/
CSS Layout Cookbook, новый раздел на MDN с практическими примерами вёрстки распространённых раскладок и объяснением принятых в вёрстке решений → https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook
Почему бы не добавить в HTML элемент <чудесный>? Брюс Лоусон в переводе CSS-Live по мотивам предложения добавить в HTML <color value=“” /> → https://css-live.ru/html5/pochemu-my-ne-dobavim-v-html-element.html
Zet, концептуально правильная альтернатива нативному Set с возможностью выполнения объединения, пересечения и других операций над множествами → https://github.com/terkelg/zet
Если жёстко следовать дизайн-макетам, код будет сложный. Если упрощать код, дизайнеры будут негодовать из-за несоответствия макетов и результата.

Проблема в недостатке коммуникации между дизайнерами и разработчиками, утверждает Джонатан Снук и предлагает решение → https://snook.ca/archives/design/codification-of-design
Как развивался фронтенд в Artsy, подробный рассказ с обоснованием принятых решений: от Backbone и CoffeeScript к React, TypeScript и GraphQL → https://artsy.github.io/blog/2018/10/04/artsy-frontend-history/
Именование — это процесс, а не одно действие

Серия статей Арло Бэлши об эволюцонном подходе к именованию, состоящем из семи стадий → https://arlobelshee.com/good-naming-is-a-process-not-a-single-step/
Психология дизайна

Джон Яблонски о важности понимания основ психологии дизайнерами, трёх базовых теориях психологии и их применении в дизайне → https://alistapart.com/article/psychology-of-design
This media is not supported in your browser
VIEW IN TELEGRAM
Инженеры Dropbox подробно рассказали о сложностях и деталях реализации аннотаций к превью документов → https://blogs.dropbox.com/tech/2016/11/annotations-on-document-previews/
JavaScript Visualizer, визуализатор контекста исполнения JS-кода для лучшего понимания принципов работы всплытия переменных, замыканий, прототипов и других базовых концепций языка → https://tylermcginnis.com/javascript-visualizer/
Инженеры Australian Broadcasting Corporation о своём опыте перехода на компонентный подход: методология, технологии, инструменты и доступность → https://developers.digital.abc.net.au/2018/09/28/composing-components/