mirror of
https://github.com/Llewellynvdm/front-end-frameworks.git
synced 2025-02-10 13:08:33 +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
168
compare.html
168
compare.html
@ -49,21 +49,21 @@
|
|||||||
<blockquote class="guide">Browser version " + " means latest version .</blockquote>
|
<blockquote class="guide">Browser version " + " means latest version .</blockquote>
|
||||||
<div class="parent">
|
<div class="parent">
|
||||||
<ul>
|
<ul>
|
||||||
<li><h1>Cascade Framework</h1></li>
|
<li><h1>Semantic UI</h1></li>
|
||||||
<li>
|
<li>
|
||||||
<div class="details">
|
<div class="details">
|
||||||
<div class="browsers">
|
<div class="browsers">
|
||||||
<span class="ie" data-version="6"></span>
|
<span class="ie" data-version="9"></span>
|
||||||
<span class="cr" data-version="+"></span>
|
<span class="cr" data-version="+"></span>
|
||||||
<span class="sa" data-version="+"></span>
|
<span class="sa" data-version="+"></span>
|
||||||
<span class="ff" data-version="+"></span>
|
<span class="ff" data-version="+"></span>
|
||||||
<span class="op" data-version="+"></span>
|
<span class="op" data-version="+"></span>
|
||||||
</div>
|
</div>
|
||||||
<div class="ui">
|
<div class="ui">
|
||||||
<span class="less">LESS</span>
|
<span class="less" data-active="yes">LESS</span>
|
||||||
<span class="sass">SASS</span>
|
<span class="sass">SASS</span>
|
||||||
</div>
|
</div>
|
||||||
<span class="responsive" data-responsive="yes">
|
<span class="responsive">
|
||||||
<span class="desktop" data-responsive="yes"></span>
|
<span class="desktop" data-responsive="yes"></span>
|
||||||
<span class="mobile" data-responsive="yes"></span>
|
<span class="mobile" data-responsive="yes"></span>
|
||||||
<span class="tablet" data-responsive="yes"></span>
|
<span class="tablet" data-responsive="yes"></span>
|
||||||
@ -74,51 +74,14 @@
|
|||||||
</ul>
|
</ul>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<article>
|
<article>
|
||||||
<blockquote><i></i> Powerful OOCSS front-end framework optimised for performance and flexibility.</blockquote>
|
<blockquote><i></i> UI is the vocabulary of the web. </blockquote>
|
||||||
<p>
|
<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>
|
</p>
|
||||||
</article>
|
</article>
|
||||||
<aside>
|
<aside>
|
||||||
<a target="_blank" href="http://cascade-framework.com/">Site</a>
|
<a target="_blank" href="http://semantic-ui.com">Site</a>
|
||||||
<a target="_blank" href="https://github.com/jslegers/cascadeframework">Github</a>
|
<a target="_blank" href="https://github.com/jlukic/Semantic-UI">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>
|
</aside>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -1555,6 +1518,119 @@
|
|||||||
</aside>
|
</aside>
|
||||||
</div>
|
</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>
|
||||||
|
<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>
|
</nav>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user