本书中引用的所有资源的列表
第1章
- 范围组件,而不是页面http://bradfrost.com/blog/post/scope-components-not-pages/
- W3C设计原理-模块化设计http://www.w3.org/DesignIssues/Principles.html#Modular
- YUI图书馆http://yuilibrary.com/
- jQuery UIhttp://jqueryui.com/
- 未来友好宣言http://futurefriendlyweb.com/
- 乘坐获得知识的魔幻自动扶梯http://www.uie.com/articles/magic_escalator/
- 敏捷宣言http://www.agilemanifesto.org/
- Scrum软件开发http://en.wikipedia.org/wiki/Scrum_%28software_development%29
- 精益软件开发http://en.wikipedia.org/wiki/Lean_software_development
- 敏捷宣言背后的原则http://www.agilemanifesto.org/principles.html
- 自己动手做http://cognition.happycog.com/article/diy-process
- 为了未来的友好网络http://bradfrost.com/blog/web/for-a-future-friendly-web/
- 适应适应性内容http://karenmcgrane.com/2012/09/04/adapting-ourselves-to-adaptive-content-video-slides-and-transcript-oh-my/
- COPE:创建一次,到处发布http://www.programmableweb.com/news/cope-create-once-publish-everywhere/2009/10/13
- 学习JavaScript设计模式http://addyosmani.com/resources/essentialjsdesignpatterns/book/
- OOCSShttp://oocss.org/
- SMACSShttps://smacss.com/
- MindBEMding –全面了解BEM语法http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax
- 设计原子和元素的摘录http://stuffandnonsense.co.uk/blog/about/an-extract-from-designing-atoms-and-elements
- 风格瓷砖http://styletil.es/
- 元素拼贴http://danielmall.com/articles/rif-element-collages/
- BDConf:Stephen Hay介绍了响应式设计工作流http://bradfrost.com/blog/mobile/bdconf-stephen-hay-presents-sensitive-design-workflow/
- 响应式网页设计http://alistapart.com/article/sensitive-web-design
- 这是回应http://bradfrost.github.io/this-is-响应/index.html
- ZURB创立http://foundation.zurb.com/
- 引导程序http://getbootstrap.com/
- Githubhttps://github.com/
- 响应式交付http://daverupert.com/2013/04/sensitive-deliverables/
- 风格指南http://bradfrost.com/blog/post/style-guides/
- 材料设计http://www.google.com/design/spec/material-design/introduction.html
- 语音和语调:为人类创造内容http://www.slideshare.net/katekiefer/kkl-c-sforum
- 语音语调http://voiceandtone.com/
- 为网络写作http://www.dal.ca/webteam/web_style_guide/writing_for_the_web.html
- 前端样式指南http://maban.co.uk/projects/front-end-style-guides/
- Federico Holgado播客的风格指南播客http://styleguides.io/podcast/federico-holgado/
- 丹尼斯·克劳利(Dennis Crowley):“最困难的部分是制造产品的机器”http://techcrunch.com/2011/03/03/founder-stories-foursquare-crowley-machine/
Styleguides.io上的样式指南示例http://styleguides.io/examples.html
#第2章
系统设计http://us5.campaign-archive1.com/?u=7e093c5cf4&id=ead8a72012&e=ecb25a3f93
- Josh Duck的HTML元素周期表http://smm.zoomquiet.io/data/20110511083224/index.html
- HTML元素参考https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element
- 单一责任原则https://zh.wikipedia.org/wiki/Single_responsibility_principle
- 结构第一。内容总是。http://www.markboulton.co.uk/journal/structure-first-content-always
- 设计的形状http://read.shapeofdesignbook.com/chapter01.html
GE的Predix设计系统https://medium.com/ge-design/ges-predix-design-system-8236d47b0891#.uo68yjo9g
#第3章
- 戴夫·奥尔森http://dmolsen.com
- 布赖恩·穆曾梅耶http://www.brianmuenzenmeyer.com/
- Pattern Lab的文档http://patternlab.io/docs/
- 不要重复自己https://zh.wikipedia.org/wiki/不要重复_自己
- 胡子https://mustache.github.io/
- 模式实验室的伪模式http://patternlab.io/docs/pattern-pseudo-patterns.html
- 响应式网页设计http://alistapart.com/article/sensitive-web-design
- 容器查询:再次违反http://alistapart.com/article/container-queries-once-more-unto-the-breach
- 伊什http://bradfrost.com/demo/ish/
- 网站样式指南资源示例http://styleguides.io/examples.html
- Rizzo风格指南http://rizzo.lonelyplanet.com/
网站样式指南资源工具http://styleguides.io/tools.html
#第四章
- Google幻灯片界面广告资源模板https://docs.google.com/presentation/d/1GqFmiDV_NqKi36fXAwD3WTJL5-JV-gHL7XVD2fVeL0M/edit?usp=sharing
- 媒体对象节省了数百行代码http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
- 覆盖不可见元素http://bradfrost.com/blog/post/surfacing-invisible-elements/
- CSS统计http://cssstats.com/
- 风格化我http://stylifyme.com/
- 多屏用户体验设计http://store.elsevier.com/Multiscreen-UX-Design/Wolfram-Nagel/isbn-9780128027295/
- PSD后时代http://danielmall.com/articles/the-post-psd-era/
- 自愿幻觉https://adactio.com/journal/4443
- 瀑布模型https://zh.wikipedia.org/wiki/瀑布模型
- 发展就是设计http://bradfrost.com/blog/post/development-is-design
- 是时候停止向客户展示静态设计视觉效果了https://stuffandnonsense.co.uk/blog/about/time_to_stop_showing_clients_static_design_visuals
- 移动优先http://www.lukew.com/ff/entry.asp?933
- 内容和显示模式http://danielmall.com/articles/content-display-patterns/
- 珍妮佛布鲁克http://jenniferbrook.co/about
- 20秒“肠道”测试http://goodkickoffmeetings.com/2010/04/the-20-second-gut-test/
- 风格瓷砖http://styletil.es/
- 风格原型http://sparkbox.github.io/style-prototype/
- 元素拼贴http://danielmall.com/articles/rif-element-collages/
- 成堆的想法http://jasonsantamaria.com/articles/piles-of-ideas
- 密码笔http://codepen.io/
Dan Mall的Pastry Box项目https://the-pastry-box-project.net/dan-mall/2012-september-12
#第五章
内森·柯蒂斯(Nathan Curtis)在Twitter上https://twitter.com/nathanacurtis/status/656829204235972608
- 设计系统不是项目。这是一种产品,服务于产品。https://medium.com/eightshapes-llc/a-design-system-isn-ta-project-it-sa-product-serving-products-74dcfffef935#.4umtnfxsx
- 用于扩展设计系统的Salesforce团队模型https://medium.com/salesforce-ux/the-salesforce-team-model-for-scaling-a-design-system-d89c2a2d404b
- 香草框架http://ubuntudesign.github.io/vanilla-framework/
- 为V1准备Vanilla:路线图http://design.canonical.com/2016/07/getting-vanilla-ready-for-v1-the-roadmap/
- Sass弃用https://github.com/salesforce-ux/sass-deprecate
- 我们的建设方式http://airbnb.design/the-way-we-build/
- Rizzo风格指南http://rizzo.lonelyplanet.com/
- 追逐圣杯https://medium.com/@marcelosomers/chasing-the-holy-grail-bbc0b7cce365#.ay1xeej7d
- Drupalhttps://www.drupal.org
- 枝条http://twig.sensiolabs.org
- 介绍Pattern Lab Starter 8https://www.phase2technology.com/blog/introducing-pattern-lab-starter-8/
- 美国网络数字标准草案https://standards.usa.gov/
- 在Shyp管理样式指南https://medium.com/shyp-design/managing-style-guides-at-shyp-c217116c8126
- Jina Bolton的风格指南http://styleguides.io/podcast/jina-bolton
- 网站样式指南资源播客http://styleguides.io/podcast
原子设计
布拉德·弗罗斯特(brad frost)
订购书分级为4 +©2016 Brad Frost