"We’re not designing pages, we’re designing systems of components." — Stephen Hay
People to keep an eye on: Brad Frost • Nathan Curtis • Jina Bolton
- http://bradfrostweb.com/blog/post/atomic-web-design/
- http://lukebrooker.com/presentations/improving-your-responsive-workflow-with-style-guides/
- http://24ways.org/2012/design-systems/
- https://css-tricks.com/design-systems-building-future/
- http://cognition.happycog.com/article/sweet-systems
- http://tao.wearefriday.com/engineering/frontend/component-approach/
- http://stuffandnonsense.co.uk/blog/about/an-extract-from-designing-atoms-and-elements
- http://trentwalton.com/2016/02/26/atomic-classification/
- https://medium.com/eightshapes-llc/on-classification-in-design-systems-6b33b97f4a8f
- http://blog.invisionapp.com/atomic-design-principles/
- Atomic Design Book: http://atomicdesign.bradfrost.com/
- Modular Web Design: http://www.amazon.com/Modular-Web-Design-Components-Documentation/dp/0321601351
"Styleguides help solve these problems by acting as common ground for how a site should look and feel, and how it should be built." — Tamara Chu
- https://www.smashingmagazine.com/2016/06/designing-modular-ui-systems-via-style-guide-driven-development/
- http://getflexin.com/styleguide-driven-development/
- http://webuild.envato.com/blog/styleguide-driven-development/
- https://engineering.eventbrite.com/styleguide-driven-development-at-eventbrite-introduction/
- http://blog.bitovi.com/style-guide-driven-development/
- https://www.phase2technology.com/blog/your-frontend-methodology-is-all-of-them-atomic-design-patternlab/
- https://medium.com/salesforce-ux/designing-products-that-scale-c8f3001f709b#.ym25oygc0
- https://css-tricks.com/style-guide-driven-development-atomic-docs/
- https://speakerdeck.com/broccolini/empowering-designers-to-code-2
- [pt-br] http://shipit.resultadosdigitais.com.br/blog/a-trajetoria-para-um-produto-com-design-escalavel/
"The modern Web design process requires intense collaboration between designers and front-end developers. Real collaboration and communication are difficult, but we must get over that awkwardness in order to overcome the design/development divide." — Brad Frost
- http://bradfrostweb.com/blog/post/development-is-design/
- http://cognition.happycog.com/article/make-sweet-systems-sweeter
- https://www.bloco.io/blog/2016/why-you-need-developers-for-designing-a-product
- https://www.bloco.io/blog/2016/stop-making-your-developers-design-your-product
- http://blog.fullstory.com/2016/04/engaging-engineering-in-design/
- https://blog.intercom.io/there-is-no-hand-off-product-design/
- https://www.ckl.io/blog/collaboration-interdisciplinarity-product-development/
- http://blog.invisionapp.com/design-questions-developers/
- http://blog.invisionapp.com/designer-developer-collaboration/
"In order to effectively design for today and tomorrow’s Web, we must replace outdated design artifacts with real collaboration and communication." — Brad Frost
- http://bradfrostweb.com/blog/post/the-post-psd-era/
- http://danielmall.com/articles/the-post-psd-era/
- https://medium.com/@bkrall/what-does-designing-in-the-browser-mean-3ccb1dfad980
- http://daverupert.com/2013/04/responsive-deliverables/
- https://medium.com/@astralwave/designing-for-outcomes-a6484e1682cc
- http://tympanus.net/codrops/2013/09/23/so-youre-a-web-designer-right/
- https://stuffandnonsense.co.uk/blog/about/time_to_stop_showing_clients_static_design_visuals/
___
Summary • Mindset and Motivations • About Components • Workflow • Design Process • CSS Architecture • Styleguides and Pattern Libraries