knowledge
/
front-end-frameworks
mirror of https://github.com/Llewellynvdm/front-end-frameworks.git
1
0
Fork 0
Code Issues Releases Activity

Some Correcting in the table. 

Re-Ordering the table. Adding Kick-off and Semantic UI.
This commit is contained in:
Hosein Emrani 2013-11-25 21:03:13 +03:30
parent 8d18a3b202
commit 73523031cf
1 changed files with 145 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

214
compare.html
View File

@ -47,81 +47,44 @@
<section>
<nav>
<blockquote class="guide">Browser version " + " means latest version .</blockquote>
<div class="parent">
<ul>
<li><h1>Cascade Framework</h1></li>
<li>
<div class="details">
<div class="browsers">
<span class="ie" data-version="6"></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">SASS</span>
</div>
<span class="responsive" data-responsive="yes">
<div class="parent">
<ul>
<li><h1>Semantic UI</h1></li>
<li>
<div class="details">
<div class="browsers">
<span class="ie" data-version="9"></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" data-active="yes">LESS</span>
<span class="sass">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> Powerful OOCSS front-end framework optimised for performance and flexibility.</blockquote>
<p>
</p>
</article>
<aside>
<a target="_blank" href="http://cascade-framework.com/">Site</a>
<a target="_blank" href="https://github.com/jslegers/cascadeframework">Github</a>
</aside>
</div>
</div>
<div class="parent">
<ul>
<li><h1>Cascade Framework <small>Light</small></h1></li>
<li>
<div class="details">
<div class="browsers">
<span class="ie" data-version="6"></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">SASS</span>
</div>
<span class="responsive" data-responsive="yes">
<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> An even more lightweight version of Cascade Framework, containing just the bare essentials.</blockquote>
<p>
</p>
</article>
<aside>
<a target="_blank" href="https://github.com/jslegers/cascadeframeworklight">Github</a>
</aside>
</li>
<li><h3>MIT</h3></li>
</ul>
<div class="info">
<article>
<blockquote><i></i> UI is the vocabulary of the web. </blockquote>
<p style="font-size:13px;line-height:1.4em;">
Semantic empowers designers and developers by creating a language for sharing UI. <br/>Lose the Hieroglyphics: Semantic is structured around natural language conventions to make development more intuitive. <br/>Have a conversation with your components: Semantic gives you a variety of UI components with real-time debug output, letting your code tell you what its doing.
</p>
</article>
<aside>
<a target="_blank" href="http://semantic-ui.com">Site</a>
<a target="_blank" href="https://github.com/jlukic/Semantic-UI">Github</a>
</aside>
</div>
</div>
</div>
<div class="parent">
<ul>
<li><h1>Twitter Bootstrap</h1></li>
@ -1555,6 +1518,119 @@
</aside>
</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>
<div class="parent">
<ul>
<li><h1>Cascade Framework</h1></li>
<li>
<div class="details">
<div class="browsers">
<span class="ie" data-version="6"></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">SASS</span>
</div>
<span class="responsive" data-responsive="yes">
<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> Powerful OOCSS front-end framework optimised for performance and flexibility.</blockquote>
<p>
</p>
</article>
<aside>
<a target="_blank" href="http://cascade-framework.com/">Site</a>
<a target="_blank" href="https://github.com/jslegers/cascadeframework">Github</a>
</aside>
</div>
</div>
<div class="parent">
<ul>
<li><h1>Cascade Framework <small>Light</small></h1></li>
<li>
<div class="details">
<div class="browsers">
<span class="ie" data-version="6"></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">SASS</span>
</div>
<span class="responsive" data-responsive="yes">
<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> An even more lightweight version of Cascade Framework, containing just the bare essentials.</blockquote>
<p>
</p>
</article>
<aside>
<a target="_blank" href="https://github.com/jslegers/cascadeframeworklight">Github</a>
</aside>
</div>
</div>
</nav>
</section>