knowledge/front-end-frameworks
1
0
Fork 0
mirror of https://github.com/Llewellynvdm/front-end-frameworks.git synced 2024-11-16 17:05:08 +00:00
Code Issues Releases Activity

Merge pull request #75 from tmwagency/master

Browse Source 
Creating Kickoff in the front end framework table
This commit is contained in:
Hosein Emrani 2013-11-25 08:37:16 -08:00
commit 68b180e286
2 changed files with 95 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
README.md
View File

@ -46,7 +46,7 @@ Foundation is built with Sass, a powerful CSS preprocessor, which allows us to m
PureCSS is a collection of responsive 'drop-ins' built with - you guessed it! - pure CSS! The PureCSS website also has a skin builder on their website, so you're restricted by default colors no more.
**Responsive:** Yes
**Responsive:** Yes
**Website:** http://purecss.io/
@ -351,3 +351,17 @@ Semantic empowers designers and developers by creating a language for sharing UI
**Website:** http://semantic-ui.com/
**Github:** https://github.com/jlukic/Semantic-UI
## Kickoff
> A lightweight front-end framework for creating scalable, responsive sites
Kickoff is an actively maintained front-end framework, created by Zander Martineau and Ashley Nolan.
The framework is not meant to be too prescriptive - we don't want to force developers into a certain coding style - and so can be used as a starting point for any type of project.
**Responsive:** Yes
**Website:** http://tmwagency.github.io/kickoff/
**Github:** https://github.com/tmwagency/kickoff

120
compare/compare.html
View File

@ -21,7 +21,7 @@
<h3><span>FRAMEWORKS</span></h3>
</hgroup>
</header>
<!-- Middle Tyopography and sharing buttons -->
<section>
<article>
@ -42,7 +42,7 @@
</ul>
</div>
</section>
<!-- That's it ! compartion table :) -->
<section>
<nav>
@ -68,7 +68,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>Apache v2.0</h3></li>
</ul>
@ -76,7 +76,7 @@
<article>
<blockquote><i></i> Sleek, intuitive, and powerful front-end framework for faster and easier web development.</blockquote>
<p>
</p>
</article>
<aside>
@ -296,7 +296,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>MIT</h3></li>
</ul>
@ -334,7 +334,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>Open Source</h3></li>
</ul>
@ -372,7 +372,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>Apache v2.0</h3></li>
</ul>
@ -410,7 +410,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>Apache v2.0</h3></li>
</ul>
@ -418,7 +418,7 @@
<article>
<blockquote><i></i>The tiny front-end framework for lazy developers.</blockquote>
<p>
</p>
</article>
<aside>
@ -448,7 +448,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>Open Source</h3></li>
</ul>
@ -486,7 +486,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>CC</h3></li>
</ul>
@ -524,7 +524,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>Open Source</h3></li>
</ul>
@ -561,7 +561,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>CC-BY</h3></li>
</ul>
@ -599,7 +599,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>Open Source</h3></li>
</ul>
@ -636,7 +636,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>BSD license</h3></li>
</ul>
@ -674,7 +674,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>Open Source</h3></li>
</ul>
@ -712,7 +712,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>CC</h3></li>
</ul>
@ -749,7 +749,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>MIT</h3></li>
</ul>
@ -786,7 +786,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>New BSD</h3></li>
</ul>
@ -824,7 +824,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>Open Source</h3></li>
</ul>
@ -861,7 +861,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>MIT</h3></li>
</ul>
@ -899,7 +899,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>MIT</h3></li>
</ul>
@ -936,7 +936,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>Open Source</h3></li>
</ul>
@ -973,7 +973,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>GPL / MIT</h3></li>
</ul>
@ -1010,7 +1010,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>CC</h3></li>
</ul>
@ -1048,7 +1048,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>MIT</h3></li>
</ul>
@ -1086,7 +1086,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>MIT</h3></li>
</ul>
@ -1124,7 +1124,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>MIT/GPL</h3></li>
</ul>
@ -1161,7 +1161,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>Apache v2.0</h3></li>
</ul>
@ -1169,7 +1169,7 @@
<article>
<blockquote><i></i> A responsive frontend framework that won't weigh you down</blockquote>
<p>
Helium is a frontend responsive web framework for rapid prototyping and production-ready development using HTML5 and CSS3. In many ways it is similar to both Twitter Bootstrap and ZURB Foundation - in fact, it uses bits of their code. Unlike either of these two frameworks, however, Helium is designed to be much more lightweight and easier to tinker with.
Helium is a frontend responsive web framework for rapid prototyping and production-ready development using HTML5 and CSS3. In many ways it is similar to both Twitter Bootstrap and ZURB Foundation - in fact, it uses bits of their code. Unlike either of these two frameworks, however, Helium is designed to be much more lightweight and easier to tinker with.
</p>
</article>
<aside>
@ -1199,7 +1199,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>CC-BY</h3></li>
</ul>
@ -1237,7 +1237,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>Open Source</h3></li>
</ul>
@ -1275,7 +1275,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>Open Source</h3></li>
</ul>
@ -1313,7 +1313,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>MIT/GPL</h3></li>
</ul>
@ -1387,7 +1387,7 @@
<span class="mobile"></span>
<span class="tablet"></span>
</span>
</div>
</div>
</li>
<li><h3>MIT</h3></li>
</ul>
@ -1395,7 +1395,7 @@
<article>
<blockquote><i></i> Simple (but powerful) RWD Framework.</blockquote>
<p>
</p>
</article>
<aside>
@ -1517,7 +1517,47 @@
<a target="_blank" href="https://github.com/jlukic/Semantic-UI">Github</a>
</aside>
</div>
</div>
</div>
<div class="parent">
<ul>
<li><h1>Kickoff</h1></li>
<li>
<div class="details">
<div class="browsers">
<span class="ie" data-version="8"></span>
<span class="cr" data-version="+"></span>
<span class="sa" data-version="+"></span>
<span class="ff" data-version="+"></span>
<span class="op" data-version="+"></span>
</div>
<div class="ui">
<span class="less">LESS</span>
<span class="sass" data-active="yes">SASS</span>
</div>
<span class="responsive">
<span class="desktop" data-responsive="yes"></span>
<span class="mobile" data-responsive="yes"></span>
<span class="tablet" data-responsive="yes"></span>
</span>
</div>
</li>
<li><h3>MIT</h3></li>
</ul>
<div class="info">
<article>
<blockquote><i></i> A lightweight front-end framework for creating scalable, responsive sites </blockquote>
<p>
Kickoff is an actively maintained front-end framework, created by Zander Martineau and Ashley Nolan.
<br><br>
The framework is not meant to be too prescriptive - we don't want to force developers into a certain coding style - and so can be used as a starting point for any type of project.
</p>
</article>
<aside>
<a target="_blank" href="http://tmwagency.github.io/kickoff/">Site</a>
<a target="_blank" href="https://github.com/tmwagency/kickoff">Github</a>
</aside>
</div>
</div>
</nav>
</section>
@ -1526,7 +1566,7 @@
<ul>
<li>
<span>usabli.ca</span>
<i></i>
<i></i>
<a href="http://usabli.ca"></a></li>
</li>
<li><a href="http://twitter.com/usablica"></a></li>
@ -1535,8 +1575,8 @@
<li><a href="https://github.com/usablica"></a></li>
</ul>
</footer>
<!-- Proudly brougt to you by usabli.ca team ! -->
<!-- Sharing Needed Scripts -->