Skip to content

Commit

Permalink
compile
Browse files Browse the repository at this point in the history
  • Loading branch information
LukeAskew committed Jan 3, 2016
1 parent b88a732 commit 4af102b
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 2 deletions.
2 changes: 1 addition & 1 deletion dist/getting-started/what-is-a-toolkit.html
Original file line number Diff line number Diff line change
Expand Up @@ -113,7 +113,7 @@ <h2 id="toolkit-driven-development"><a name="toolkit-driven-development" class="
<p>When done well, a mature toolkit can be used to build a large number of unique pages and layouts. Once a baseline of materials has been built, designers can compose new pages by selecting existing materials, then design to fill the gaps. The need to produce a layout artifact for each new page is eliminated. The time it takes to layout new pages dramatically decreases as the toolkit matures.</p>
<h2 id="style-guide-vs-toolkit"><a name="style-guide-vs-toolkit" class="" href="#style-guide-vs-toolkit">Style guide vs toolkit</a></h2>
<p>Website style guides have evolved over the years, first starting as an outreach of the tradition (print) branding style guides, and eventually maturing into interactive examples of how a brand should be look and feel on the web. See <a href="http://www.starbucks.com/static/reference/styleguide/">Starbucks</a>, <a href="http://www.yelp.com/styleguide">Yelp</a>, <a href="http://sfdc-styleguide.herokuapp.com/">Salesforce</a>, <a href="http://style.codeforamerica.org">Code For America</a>, and <a href="http://www.google.com/design/spec/material-design/">Google's Material Design</a>.</p>
<p>A toolkit is more focused on code - specifically the modularity of website interfaces. Toolkits break down websites into small, repeatable chunks, then use those chunks to build an infinite number of layouts. <a href="http://getbootstrap.com/">Twitter Bootstrap</a>, <a href="http://topcoat.io/topcoat/">Topcoat</a>, and <a href="http://foundation.zurb.com/">Zurb's Foundation</a> are popular toolkits.</p>
<p>A toolkit is more focused on code - specifically the modularity of website interfaces. Toolkits break down websites into small, repeatable chunks, then use those chunks to build an infinite number of layouts. <a href="http://getbootstrap.com/">Bootstrap</a>, <a href="http://topcoat.io/topcoat/">Topcoat</a>, and <a href="http://foundation.zurb.com/">Zurb's Foundation</a> are popular toolkits.</p>
<p>Both are great and can be extremely useful. Fabricator gives you a way to combine both concepts into one deliverable.</p>
<p>When you work with Fabricator, you develop a brand's look and feel on the web while also producing a code toolkit.</p>
<p>Next, <a href="/getting-started/working-with-fabricator.html">learn how to use Fabricator</a>.</p>
Expand Down
2 changes: 1 addition & 1 deletion src/assets/toolkit/styles/toolkit.scss
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
@import '../../fabricator/styles/partials/code';
@import '../../../../bower_components/bourbon/app/assets/stylesheets/bourbon';
@import '../../../../bower_components/neat/app/assets/stylesheets/neat';
@import '../../../../bower_components/css-utils/utils';
@import '../../../../bower_components/css-utils/utils.scss';
@import 'base/normalize';

@import 'mixins/breakpoint';
Expand Down

0 comments on commit 4af102b

Please sign in to comment.