Merge pull request #75 from tmwagency/master
Creating Kickoff in the front end framework table
This commit is contained in:
Hosein Emrani
commit
68b180e286
16
README.md
16
README.md
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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 -->
|
||||
|
|
|
|||
Loading…
Reference in New Issue