-
Notifications
You must be signed in to change notification settings - Fork 10
Expand file tree
/
Copy pathindex.html
More file actions
23 lines (22 loc) · 5.51 KB
/
index.html
File metadata and controls
23 lines (22 loc) · 5.51 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content='IE=edge,chrome=1' http-equiv=X-UA-Compatible> <meta content='width=device-width, initial-scale=1.0' name=viewport> <title>Resources / MVCSS</title> <meta content='MVCSS - A Sass-based CSS architecture for creating predictable and maintainable application style.' name=description> <link href="../assets/stylesheets/application.css" rel=stylesheet /> <script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-32794837-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script> </head> <body class='resources resources_index' data-id=17> <a class=toggle href="#"><div class=toggle-icn> <div class=toggle-icn-stack> <b class=srt>Toggle</b> </div> </div> </a> <aside class=sidebar> <header class=header> <div class='bucket bucket--flag'> <div class=bucket-media> <img alt=MVCSS class=header-logo width=100 height=110 src="../assets/images/logo.svg"/> </div> <div class=bucket-content> <p class='h1 header-title'><a href="../">MVCSS</a></p> <p class=header-version>Version 4.1.1</p> </div> </div> </header> <a class=sidebar-btn href="http://github.com/mvcss/mvcss">View on GitHub</a> <nav class=sidebar-nav> <a class=sidebar-link href="../">Overview</a> <a class=sidebar-link href="../styleguide/">Styleguide</a> <div class=sidebar-nav-sub> <a class="sidebar-link sidebar-link--sub" href="../styleguide/basics/">Basics</a> <a class="sidebar-link sidebar-link--sub" href="../styleguide/numbers-game/">The Numbers Game</a> <a class="sidebar-link sidebar-link--sub" href="../styleguide/comments/">Comments</a> <a class="sidebar-link sidebar-link--sub" href="../styleguide/naming/">Naming Conventions</a> </div> <a class=sidebar-link href="../manifest/">Manifest</a> <a class=sidebar-link href="../foundation/">Foundation</a> <div class=sidebar-nav-sub> <a class="sidebar-link sidebar-link--sub" href="../foundation/reset/">Reset</a> <a class="sidebar-link sidebar-link--sub" href="../foundation/helpers/">Helpers</a> <a class="sidebar-link sidebar-link--sub" href="../foundation/config/">Config</a> <a class="sidebar-link sidebar-link--sub" href="../foundation/base/">Base</a> <a class="sidebar-link sidebar-link--sub" href="../foundation/tools/">Tools</a> </div> <a class=sidebar-link href="../components/">Components</a> <a class=sidebar-link href="../structures/">Structures</a> <a class=sidebar-link href="../vendor/">Vendor</a> <div class=sidebar-nav-secondary> <h3 class='sidebar-label mtl'>Meta</h3> <a class=sidebar-link href="../about/">About</a> <a class="sidebar-link is-active" href="./">Resources</a> </div> </nav> </aside> <div class=row> <div class='cell well'> <main class=content> <article> <h1>Resources</h1> <h2>MVCSS Library</h2> <p>We maintain a <a href="https://github.com/mvcss/library">Library</a> of additional Helpers, Components, and documents that you may find useful in building your applications. These modules aren’t needed as commonly as the ones included with MVCSS by default, but our team has found plenty of use for them between projects.</p> <h2>Influences</h2> <p>We’re always on the lookout for new approaches and better means of abstraction. Here are some great resources and examples for writing better CSS that we’ve worked to incorporate into our thinking.</p> <h3>Methodologies</h3> <ul> <li><a href="http://oocss.org">OOCSS</a></li> <li><a href="http://smacss.com">SMACSS</a></li> <li><a href="http://bem.info/method">BEM</a></li> </ul> <h3>Libraries</h3> <ul> <li><a href="http://foundation.zurb.com">Foundation</a></li> <li><a href="http://getbootstrap.com">Bootstrap</a></li> <li><a href="https://github.com/suitcss/suit">SUIT</a></li> <li><a href="https://github.com/csswizardry/inuit.css">inuit.css</a></li> </ul> <h3>Articles</h3> <ul> <li><a href="http://philipwalton.com/articles/css-architecture/">CSS Architecture</a></li> <li><a href="http://csswizardry.com/2012/11/code-smells-in-css">Code Smells</a></li> <li><a href="http://csswizardry.com/2012/07/shoot-to-kill-css-selector-intent">Selector Intent</a></li> <li><a href="http://coding.smashingmagazine.com/2013/10/21/challenging-css-best-practices-atomic-approach">Atomic CSS</a></li> <li><a href="http://drewbarontini.com/articles/single-responsibility/">Single Responsibility</a></li> </ul> <h3>Videos</h3> <ul> <li><a href="https://vimeo.com/70041549">Architecting Scalable CSS</a></li> <li><a href="https://vimeo.com/78899870">Rationalising Designs for Better Quality Code</a></li> <li><a href="https://vimeo.com/61755493">Your CSS Is a Mess</a></li> </ul> </article> <ul class=pager> <li class=pager-item> <a href="../about/">← Previous page </a> </li> </ul> </main> </div> </div> <script>
var _gauges = _gauges || [];
(function() {
var t = document.createElement('script');
t.type = 'text/javascript';
t.async = true;
t.id = 'gauges-tracker';
t.setAttribute('data-site-id', '4fe1bcaa613f5d1bfe000020');
t.src = '//secure.gaug.es/track.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(t, s);
})();
</script> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="../assets/javascripts/application.js"></script> </body> </html>