knowledge/front-end-frameworks
1
0
Fork 0
mirror of https://github.com/Llewellynvdm/front-end-frameworks.git synced 2024-11-15 16:37:08 +00:00
Code Issues Releases Activity

A little change

Browse Source
This commit is contained in:
Afshin Mehrabani 2013-02-23 20:40:15 +03:30
parent 42d0b702be
commit 464aa4db55
3 changed files with 9 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
compare.html Executable file → Normal file
View File

@ -3,7 +3,7 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>A collection of best front-end frameworks | usabli.ca</title> <title>A collection of best front-end frameworks with comparison | By usabli.ca</title>
<link href="css/style.css" rel="stylesheet" type="text/css"> <link href="css/style.css" rel="stylesheet" type="text/css">
</head> </head>
@ -27,27 +27,23 @@
<h3>Frameworks</h3> <h3>Frameworks</h3>
<p><span class="clr"></span></p> <p><span class="clr"></span></p>
<p> <p style="margin-top: 80px;">
<a href="https://twitter.com/usablica" class="twitter-follow-button" data-show-count="true">Follow @usablica</a> <a href="https://twitter.com/usablica" class="twitter-follow-button" data-show-count="true">Follow @usablica</a>
<a href="https://twitter.com/share" class="twitter-share-button" data-text="A collection of best #FrontEndFramework by @usablica.">Tweet</a> <a href="https://twitter.com/share" class="twitter-share-button" data-text="A collection of best #Front-End-Frameworks with comparison, by @usablica. http://goo.gl/0kTzT">Tweet</a>
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fusablica.github.com%2Ffront-end-frameworks%2F&amp;send=false&amp;layout=button_count&amp;width=110&amp;show_faces=false&amp;font=arial&amp;colorscheme=light&amp;action=like&amp;height=21&amp;appId=281502801861442" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:21px;" allowTransparency="true"></iframe>
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fusablica.github.com%2Ffront-end-frameworks%2Fcompare.html&amp;send=false&amp;layout=button_count&amp;width=110&amp;show_faces=true&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21&amp;appId=89657377228" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:21px;" allowTransparency="true"></iframe>
<iframe src="http://ghbtns.com/github-btn.html?user=usablica&repo=front-end-frameworks&type=watch&count=true" <iframe src="http://ghbtns.com/github-btn.html?user=usablica&repo=front-end-frameworks&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe> allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
<iframe src="http://ghbtns.com/github-btn.html?user=usablica&repo=front-end-frameworks&type=fork&count=true" <iframe src="http://ghbtns.com/github-btn.html?user=usablica&repo=front-end-frameworks&type=fork&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe> allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
</p> </p>
</br> <p style="margin-top: 40px;">
</br>
</br>
<p>
A collection of best front-end frameworks for faster and easier web development. A collection of best front-end frameworks for faster and easier web development.
</p> </p>
</header> </header>
<section> <section style="margin-top: 40px;">
<table> <table>
<tr> <tr>
<td> <td>
@ -459,7 +455,7 @@
<div class="info"> <div class="info">
<p>Other CSS frameworks try to do everything—grid system, style reset, basic typography, form styles. <p>Other CSS frameworks try to do everything—grid system, style reset, basic typography, form styles.
</br> </br>
<a target="_blank" href="http://heygrady.com/blog/2011/02/17/using-sass-with-the-1kb-grid-system/">Visit Site</a>::<a href="https://github.com/heygrady/compass-grid-plugin" target="_blank">View on Github</a> <a target="_blank" href="http://heygrady.com/blog/2011/02/17/using-sass-with-the-1kb-grid-system/">Visit Site</a> - <a href="https://github.com/heygrady/compass-grid-plugin" target="_blank">View on Github</a>
</p> </p>
</div> </div>
</td> </td>

44
css/fonts.css
View File

@ -1,44 +0,0 @@
@font-face {
font-family: 'DroidSansRegular';
src: url('../fonts/DroidSans/DroidSans-webfont.eot');
src: url('../fonts/DroidSans/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/DroidSans/DroidSans-webfont.woff') format('woff'),
url('../fonts/DroidSans/DroidSans-webfont.ttf') format('truetype'),
url('../fonts/DroidSans/DroidSans-webfont.svg#DroidSansRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Sosa';
src: url('../fonts/sosa/sosa.eot');
src: url('../fonts/sosa/sosa.eot?#iefix') format('embedded-opentype'),
url('../fonts/sosa/sosa.woff') format('woff'),
url('../fonts/sosa/sosa.ttf') format('truetype'),
url('../fonts/sosa/sosa.svg#Sosa') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DroidSansBold';
src: url('../fonts/DroidSans/DroidSans-Bold-webfont.eot');
src: url('../fonts/DroidSans/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/DroidSans/DroidSans-Bold-webfont.woff') format('woff'),
url('../fonts/DroidSans/DroidSans-Bold-webfont.ttf') format('truetype'),
url('../fonts/DroidSans/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'algerianregular';
src: url('../fonts/Algerian/alger-webfont.eot');
src: url('../fonts/Algerian/alger-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Algerian/alger-webfont.woff') format('woff'),
url('../fonts/Algerian/alger-webfont.ttf') format('truetype'),
url('../fonts/Algerian/alger-webfont.svg#algerianregular') format('svg');
font-weight: normal;
font-style: normal;
}

4
css/style.css
View File

@ -19,7 +19,7 @@ header h1 {
font-weight: normal; font-weight: normal;
color: #282828; color: #282828;
margin:auto; margin:auto;
font-size:118px; font-size:120px;
line-height:95px; line-height:95px;
background-image:url(../images/noise.png); background-image:url(../images/noise.png);
z-index: 1; z-index: 1;
@ -52,7 +52,7 @@ header h3 {
font-weight: normal; font-weight: normal;
margin: auto; margin: auto;
color:#282828; color:#282828;
font-size: 20.7px; font-size: 19.7px;
line-height:28px; line-height:28px;
text-transform:uppercase; text-transform:uppercase;
} }