mirror of
https://github.com/Llewellynvdm/front-end-frameworks.git
synced 2025-02-09 04:28:26 +00:00
Some Correcting in the table.
Re-Ordering the table. Adding Kick-off and Semantic UI.
This commit is contained in:
Hosein Emrani
parent
8d18a3b202
commit
73523031cf
214
compare.html
214
compare.html
@ -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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user