Skip to content

Instantly share code, notes, and snippets.

Francesco Improta zetareticoli

View GitHub Profile
@zetareticoli
zetareticoli / index.html
Created Nov 23, 2012
A CodePen by Olex Ponomarenko. GRG Responsive Grid - Similar to Masonry, but with less heavy javascript. This particular version is limited to just square and 2:3 tall images, so it's definitely not as flexible as masonry, just snappier. All positioning i
View index.html
<h1>GRG Responsive Grid</h1>
<h2>Responsive grid without masonry (light on Javascript). Requires square or 2:3 scale tiles ("tall" class).</h2>
<h2>By <a href="mailto:olex@bighuman.com">Olex</a>, Señor Developer at <a href="http://bighuman.com">BIG HUMAN</a></h2>
<div class="grid">
<div class="item tall">
<a class="link" href="#">
<div class="hovercontent">
<h1>JETSETTER</h1>
<h3>Designed by Big Human</h3>
</div>
View gist:4124085
/* Commonly used mixins for CSS3 in SASS
by Ben Sargent (2012)
www.brokendigits.com
*/
/* generically prefix any property name */
@mixin prefix($name, $value) {
-webkit-#{$name}: $value;
-moz-#{$name}: $value;
@zetareticoli
zetareticoli / Animated scroll
Created Jun 16, 2012
Animated scroll to anchor/id function with jQuery
View Animated scroll
function goToByScroll(id){
$('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}
<a href="#linkID" onclick="goToByScroll('linkID')">Link</a>
@zetareticoli
zetareticoli / dabblet.css
Created Apr 18, 2012 — forked from LeaVerou/dabblet.css
Vertical centering with Flexbox + margin fallback
View dabblet.css
/**
* Vertical centering with Flexbox + margin fallback
* Lea Verou & David Storey
*/
html, body { height: 100%; }
body {
width: 100%; /* needed for FF */
margin: 0;
View gist:1958728
.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
@zetareticoli
zetareticoli / gist:1828976
Created Feb 14, 2012
Footer always on bottom
View gist:1828976
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -140px; /* margin bottom = footer's height */
...
}
@zetareticoli
zetareticoli / gist:1760518
Created Feb 7, 2012
Drop and Inset tiny shadow
View gist:1760518
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.08), inset 0 1px 0 white;
-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.08), inset 0 1px 0 white;
box-shadow: 2px 1px 3px rgba(0,0,0,0.08), inset 0 1px 0 white;
@zetareticoli
zetareticoli / gist:1042158
Created Jun 23, 2011
Stick footer to bottom
View gist:1042158
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
View gist:934071
/* For modern browsers */
.cf:before,
.cf:after {
content:"";
display:block;
}
.cf:after {
clear:both;
}
You can’t perform that action at this time.