mirror of
https://github.com/Llewellynvdm/front-end-frameworks.git
synced 2024-11-14 16:14:03 +00:00
195 lines
6.9 KiB
HTML
195 lines
6.9 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset='utf-8'>
|
||
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
||
<meta name="viewport" content="width=640" />
|
||
|
||
<link rel="stylesheet" href="stylesheets/core.css" media="screen"/>
|
||
<link rel="stylesheet" href="stylesheets/mobile.css" media="handheld, only screen and (max-device-width:640px)"/>
|
||
<link rel="stylesheet" href="stylesheets/pygment_trac.css"/>
|
||
|
||
<script type="text/javascript" src="javascripts/modernizr.js"></script>
|
||
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
||
<script type="text/javascript" src="javascripts/headsmart.min.js"></script>
|
||
<script type="text/javascript">
|
||
$(document).ready(function () {
|
||
$('#main_content').headsmart()
|
||
})
|
||
</script>
|
||
<title>Front-end Frameworks by usablica</title>
|
||
</head>
|
||
|
||
<body>
|
||
<a id="forkme_banner" href="https://github.com/usablica/front-end-frameworks">View on GitHub</a>
|
||
<div class="shell">
|
||
|
||
<header>
|
||
<span class="ribbon-outer">
|
||
<span class="ribbon-inner">
|
||
<h1>Front-end Frameworks</h1>
|
||
<h2>A collection of best front-end frameworks for faster and easier web development.</h2>
|
||
</span>
|
||
<span class="left-tail"></span>
|
||
<span class="right-tail"></span>
|
||
</span>
|
||
</header>
|
||
|
||
<section id="downloads">
|
||
<span class="inner">
|
||
<a href="https://github.com/usablica/front-end-frameworks/zipball/master" class="zip"><em>download</em> .ZIP</a><a href="https://github.com/usablica/front-end-frameworks/tarball/master" class="tgz"><em>download</em> .TGZ</a>
|
||
</span>
|
||
</section>
|
||
|
||
|
||
<span class="banner-fix"></span>
|
||
|
||
|
||
<section id="main_content">
|
||
<h1>Front-end Frameworks v2.1</h1>
|
||
|
||
<p>A collection of best front-end frameworks for faster and easier web development.</p>
|
||
|
||
<h2>Twitter Bootstrap</h2>
|
||
|
||
<blockquote>
|
||
<p>Sleek, intuitive, and powerful front-end framework for faster and easier web development. </p>
|
||
</blockquote>
|
||
|
||
<p><strong>Responsive:</strong> Yes </p>
|
||
|
||
<p><strong>Website:</strong> <a href="http://twitter.github.com/bootstrap/">http://twitter.github.com/bootstrap/</a></p>
|
||
|
||
<h2>Foundation</h2>
|
||
|
||
<blockquote>
|
||
<p>The most advanced responsive front-end framework in the world.</p>
|
||
</blockquote>
|
||
|
||
<p>Foundation 3 is built with Sass, a powerful CSS preprocessor, which allows us to much more quickly develop Foundation itself and gives you new tools to quickly customize and build on top of Foundation.</p>
|
||
|
||
<p><strong>Responsive:</strong> Yes </p>
|
||
|
||
<p><strong>Website:</strong> <a href="http://foundation.zurb.com/">http://foundation.zurb.com/</a></p>
|
||
|
||
<h2>960 Grid System</h2>
|
||
|
||
<blockquote>
|
||
<p>Simple grid system</p>
|
||
</blockquote>
|
||
|
||
<p>The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.</p>
|
||
|
||
<p><strong>Responsive:</strong> Yes </p>
|
||
|
||
<p><strong>Website:</strong> <a href="http://960.gs/">http://960.gs/</a></p>
|
||
|
||
<h2>Skeleton</h2>
|
||
|
||
<blockquote>
|
||
<p>A Beautiful Boilerplate for Responsive, Mobile-Friendly Development. </p>
|
||
</blockquote>
|
||
|
||
<p>Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. </p>
|
||
|
||
<p><strong>Responsive:</strong> Yes </p>
|
||
|
||
<p><strong>Website:</strong> <a href="http://www.getskeleton.com/">http://www.getskeleton.com/</a></p>
|
||
|
||
<h2>99lime HTML KickStart</h2>
|
||
|
||
<blockquote>
|
||
<p>Ultra–Lean HTML Building Blocks for Rapid Website Production. </p>
|
||
</blockquote>
|
||
|
||
<p>HTML KickStart is an ultra–lean set of HTML5, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save you 10's of hours on your next web project. </p>
|
||
|
||
<p><strong>Responsive:</strong> No </p>
|
||
|
||
<p><strong>Website:</strong> <a href="http://www.99lime.com/">http://www.99lime.com/</a></p>
|
||
|
||
<h2>Kube</h2>
|
||
|
||
<blockquote>
|
||
<p>CSS-framework for professional developers. </p>
|
||
</blockquote>
|
||
|
||
<p>Minimal and enough. Adaptive and responsive. Revolution grid and beautiful typography. No imposed styles and freedom. </p>
|
||
|
||
<p><strong>Responsive:</strong> Yes </p>
|
||
|
||
<p><strong>Website:</strong> <a href="http://imperavi.com/kube/">http://imperavi.com/kube/</a></p>
|
||
|
||
<h2>Flaminwork</h2>
|
||
|
||
<blockquote>
|
||
<p>The tiny front-end framework for lazy developers.</p>
|
||
</blockquote>
|
||
|
||
<p><strong>Responsive:</strong> No </p>
|
||
|
||
<p><strong>Website:</strong> <a href="http://flaminwork.com/">http://flaminwork.com/</a></p>
|
||
|
||
<h2>G5 Framework</h2>
|
||
|
||
<blockquote>
|
||
<p>(X)HTML5, CSS3, PHP & jQuery Front End Framework. </p>
|
||
</blockquote>
|
||
|
||
<p>G5 Framework started as a personal project. In an attempt to speed up workflow, reuse the best coding practices & similar coding techniques, the framework serves as a starter file for new websites.</p>
|
||
|
||
<p><strong>Responsive:</strong> No </p>
|
||
|
||
<p><strong>Website:</strong> <a href="http://framework.gregbabula.info/">http://framework.gregbabula.info/</a></p>
|
||
|
||
<h2>Easy Framework</h2>
|
||
|
||
<blockquote>
|
||
<p>Your new starting point for every front-end projects! </p>
|
||
</blockquote>
|
||
|
||
<p>Easy is a CSS/HTML/JavaScript framework started as a personal project and then grew into something more. The idea behind it is to reduce the amount of time spent on setting up the basic master HTML template by reusing the same coding techniques.</p>
|
||
|
||
<p><strong>Responsive:</strong> No </p>
|
||
|
||
<p><strong>Website:</strong> <a href="http://easyframework.com/">http://easyframework.com/</a></p>
|
||
|
||
<h2>Blueprint</h2>
|
||
|
||
<p>Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.</p>
|
||
|
||
<p><strong>Responsive:</strong> No </p>
|
||
|
||
<p><strong>Website:</strong> <a href="http://www.blueprintcss.org/">http://www.blueprintcss.org/</a></p>
|
||
|
||
<h2>YAML</h2>
|
||
|
||
<blockquote>
|
||
<p>“Yet Another Multicolumn Layout” (YAML) </p>
|
||
</blockquote>
|
||
|
||
<p>YAML is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users.</p>
|
||
|
||
<p><strong>Responsive:</strong> Yes </p>
|
||
|
||
<p><strong>Website:</strong> <a href="http://www.yaml.de/">http://www.yaml.de/</a></p>
|
||
</section>
|
||
|
||
<footer>
|
||
<span class="ribbon-outer">
|
||
<span class="ribbon-inner">
|
||
<p>this project by <a href="https://github.com/usablica">usablica</a> can be found on <a href="https://github.com/usablica/front-end-frameworks">GitHub</a></p>
|
||
</span>
|
||
<span class="left-tail"></span>
|
||
<span class="right-tail"></span>
|
||
</span>
|
||
<p>Generated with <a href="http://pages.github.com">GitHub Pages</a> using Merlot</p>
|
||
<span class="octocat"></span>
|
||
</footer>
|
||
|
||
</div>
|
||
|
||
|
||
</body>
|
||
</html>
|