resources.md

layout	title	chapterSubtitle	permalink
page	Resources	A list of all the resources referenced in the book	/resources/

Chapter 1

• Scope Components, Not Pageshttp://bradfrost.com/blog/post/scope-components-not-pages/
• W3C Principles of Design - Modular Designhttp://www.w3.org/DesignIssues/Principles.html#Modular
• YUI Libraryhttp://yuilibrary.com/
• jQuery UIhttp://jqueryui.com/
• Future Friendly Manifestohttp://futurefriendlyweb.com/
• Riding the Magic Escalator of Acquired Knowledgehttp://www.uie.com/articles/magic_escalator/
• Agile Manifestohttp://www.agilemanifesto.org/
• Scrum software developmenthttp://en.wikipedia.org/wiki/Scrum_%28software_development%29
• Lean software developmenthttp://en.wikipedia.org/wiki/Lean_software_development
• Principles behind the Agile Manifestohttp://www.agilemanifesto.org/principles.html
• DIY Processhttp://cognition.happycog.com/article/diy-process
• For a Future Friendly Webhttp://bradfrost.com/blog/web/for-a-future-friendly-web/
• Adapting Ourselves to Adaptive Contenthttp://karenmcgrane.com/2012/09/04/adapting-ourselves-to-adaptive-content-video-slides-and-transcript-oh-my/
• COPE: Create Once, Publish Everywherehttp://www.programmableweb.com/news/cope-create-once-publish-everywhere/2009/10/13
• Learning JavaScript Design Patternshttp://addyosmani.com/resources/essentialjsdesignpatterns/book/
• OOCSShttp://oocss.org/
• SMACSShttps://smacss.com/
• MindBEMding – getting your head ’round BEM syntaxhttp://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax
• An extract from Designing Atoms and Elementshttp://stuffandnonsense.co.uk/blog/about/an-extract-from-designing-atoms-and-elements
• Style Tileshttp://styletil.es/
• Element Collageshttp://danielmall.com/articles/rif-element-collages/
• BDConf: Stephen Hay presents Responsive Design Workflowhttp://bradfrost.com/blog/mobile/bdconf-stephen-hay-presents-responsive-design-workflow/
• Responsive Web Designhttp://alistapart.com/article/responsive-web-design
• This Is Responsivehttp://bradfrost.github.io/this-is-responsive/index.html
• Foundation by ZURBhttp://foundation.zurb.com/
• Bootstraphttp://getbootstrap.com/
• Githubhttps://github.com/
• Responsive Deliverableshttp://daverupert.com/2013/04/responsive-deliverables/
• Style Guideshttp://bradfrost.com/blog/post/style-guides/
• Material Designhttp://www.google.com/design/spec/material-design/introduction.html
• Voice and Tone: Creating content for humanshttp://www.slideshare.net/katekiefer/kkl-c-sforum
• Voice & Tonehttp://voiceandtone.com/
• Writing for the Webhttp://www.dal.ca/webteam/web_style_guide/writing_for_the_web.html
• Front End Style Guideshttp://maban.co.uk/projects/front-end-style-guides/
• Style Guides Podcast with Federico Holgadohttp://styleguides.io/podcast/federico-holgado/
• Dennis Crowley: "The Hard Part Is Building The Machine That Builds The Product"http://techcrunch.com/2011/03/03/founder-stories-foursquare-crowley-machine/
• Style Guide Examples on Styleguides.iohttp://styleguides.io/examples.html

Chapter 2

• Systemic Designhttp://us5.campaign-archive1.com/?u=7e093c5cf4&id=ead8a72012&e=ecb25a3f93
• Josh Duck's Periodic Table of HTML Elementshttp://smm.zoomquiet.io/data/20110511083224/index.html
• HTML element referencehttps://developer.mozilla.org/en-US/docs/Web/HTML/Element
• Single responsibility principlehttps://en.wikipedia.org/wiki/Single_responsibility_principle
• Structure First. Content Always.http://www.markboulton.co.uk/journal/structure-first-content-always
• The Shape of Designhttp://read.shapeofdesignbook.com/chapter01.html
• GE’s Predix Design Systemhttps://medium.com/ge-design/ges-predix-design-system-8236d47b0891#.uo68yjo9g

Chapter 3

• Pattern Labhttp://patternlab.io
• Dave Olsenhttp://dmolsen.com
• Brian Muenzenmeyerhttp://www.brianmuenzenmeyer.com/
• Pattern Lab's documentationhttp://patternlab.io/docs/
• Don't repeat yourselfhttps://en.wikipedia.org/wiki/Don't_repeat_yourself
• Mustachehttps://mustache.github.io/
• Pattern Lab's pseudo-patternshttp://patternlab.io/docs/pattern-pseudo-patterns.html
• Responsive Web Designhttp://alistapart.com/article/responsive-web-design
• Container Queries: Once More Unto the Breachhttp://alistapart.com/article/container-queries-once-more-unto-the-breach
• Ishhttp://bradfrost.com/demo/ish/
• Website style guide resources exampleshttp://styleguides.io/examples.html
• Rizzo style guidehttp://rizzo.lonelyplanet.com/
• Website style guide resources toolshttp://styleguides.io/tools.html

Chapter 4

• Content inventoryhttps://en.wikipedia.org/wiki/Content_inventory
• Google Slides interface inventory templatehttps://docs.google.com/presentation/d/1GqFmiDV_NqKi36fXAwD3WTJL5-JV-gHL7XVD2fVeL0M/edit?usp=sharing
• The Media Object Saves Hundreds of Lines of Codehttp://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
• Surfacing Invisible Elementshttp://bradfrost.com/blog/post/surfacing-invisible-elements/
• CSS Statshttp://cssstats.com/
• Stylify Mehttp://stylifyme.com/
• Multiscreen UX Designhttp://store.elsevier.com/Multiscreen-UX-Design/Wolfram-Nagel/isbn-9780128027295/
• The Post-PSD Erahttp://danielmall.com/articles/the-post-psd-era/
• Consensual hallucinationhttps://adactio.com/journal/4443
• Waterfall modelhttps://en.wikipedia.org/wiki/Waterfall_model
• Development Is Designhttp://bradfrost.com/blog/post/development-is-design
• Time to stop showing clients static design visualshttps://stuffandnonsense.co.uk/blog/about/time_to_stop_showing_clients_static_design_visuals
• Mobile Firsthttp://www.lukew.com/ff/entry.asp?933
• Content & Display Patternshttp://danielmall.com/articles/content-display-patterns/
• Jennifer Brookhttp://jenniferbrook.co/about
• The 20 Second "Gut" Testhttp://goodkickoffmeetings.com/2010/04/the-20-second-gut-test/
• Style Tileshttp://styletil.es/
• Style prototypehttp://sparkbox.github.io/style-prototype/
• Element Collageshttp://danielmall.com/articles/rif-element-collages/
• Piles of Ideashttp://jasonsantamaria.com/articles/piles-of-ideas
• CodePenhttp://codepen.io/
• Dan Mall on The Pastry Box Projecthttps://the-pastry-box-project.net/dan-mall/2012-september-12

Chapter 5

• Nathan Curtis on Twitterhttps://twitter.com/nathanacurtis/status/656829204235972608
• A Design System isn’t a Project. It’s a Product, Serving Products.https://medium.com/eightshapes-llc/a-design-system-isn-t-a-project-it-s-a-product-serving-products-74dcfffef935#.4umtnfxsx
• The Salesforce Team Model for Scaling a Design Systemhttps://medium.com/salesforce-ux/the-salesforce-team-model-for-scaling-a-design-system-d89c2a2d404b
• Vanilla frameworkhttp://ubuntudesign.github.io/vanilla-framework/
• Getting Vanilla ready for v1: the roadmaphttp://design.canonical.com/2016/07/getting-vanilla-ready-for-v1-the-roadmap/
• Sass Deprecatehttps://github.com/salesforce-ux/sass-deprecate
• The Way We Buildhttp://airbnb.design/the-way-we-build/
• Rizzo style guidehttp://rizzo.lonelyplanet.com/
• Chasing the Holy Grailhttps://medium.com/@marcelosomers/chasing-the-holy-grail-bbc0b7cce365#.ay1xeej7d
• Drupalhttps://www.drupal.org
• Twighttp://twig.sensiolabs.org
• Introducing Pattern Lab Starter 8https://www.phase2technology.com/blog/introducing-pattern-lab-starter-8/
• Draft U.S. Web Digital Standardshttps://standards.usa.gov/
• Managing Style Guides at Shyphttps://medium.com/shyp-design/managing-style-guides-at-shyp-c217116c8126
• Style Guides with Jina Boltonhttp://styleguides.io/podcast/jina-bolton
• Website style guide resources podcastshttp://styleguides.io/podcast