+ </script> </head> <body class='about about_index' data-id=16> <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 is-active" href="./">About</a> <a class=sidebar-link href="../resources/">Resources</a> </div> </nav> </aside> <div class=row> <div class='cell well'> <main class=content> <article> <h1>About</h1> <p>In the beginning, MVCSS was created by <a href="http://twitter.com/nickawalsh">Nick Walsh</a> and <a href="http://twitter.com/drewbarontini">Drew Barontini</a> as a means of formalizing their individual CSS methods. With version one of MVCSS, the ideas of contextual changes throughout a site were tied closely to the MVC, or Model View Controller, pattern, where higher-level body classes were applied for the Controller/View of the given page. This worked at first, but quickly grew unwiedly, and began to feel like an anti-pattern for how we <em>should</em> be writing our CSS. The change was made in version two, and, through the preceding versions, iteratively evolved MVCSS into a more mature framework.</p> <h2>The Team</h2> <p>Now, the front-end teams using and contributing to MVCSS are split across two companies, <a href="http://envylabs.com">Envy</a> and <a href="http://www.codeschool.com">Code School</a>. Their shared experiences working across a vast array of large-scale client and product-based applications have helped to shape MVCSS into what it is today.</p> <h3>Envy</h3> <ul> <li><a href="http://twitter.com/nickawalsh">Nick Walsh</a></li> <li><a href="http://twitter.com/an_ennui">Drew Powers</a></li> <li><a href="http://twitter.com/jhnwlsn">John Wilson</a></li> </ul> <h3>Code School</h3> <ul> <li><a href="http://twitter.com/drewbarontini">Drew Barontini</a></li> <li><a href="http://twitter.com/dandenney">Dan Denney</a></li> <li><a href="http://twitter.com/jjordanwade">Jordan Wade</a></li> <li><a href="http://twitter.com/johndjameson">John D. Jameson</a></li> </ul> </article> <ul class=pager> <li class=pager-item> <a href="../vendor/">← Previous page </a> </li> <li class=pager-item> <a href="../resources/">Next page → </a> </li> </ul> </main> </div> </div> <script>
0 commit comments