Skip to content

Instantly share code, notes, and snippets.

View zetareticoli's full-sized avatar
👨‍💻
Building stuff on the web

Francesco Improta zetareticoli

👨‍💻
Building stuff on the web
53 followers · 4 following
View GitHub Profile
@zetareticoli
zetareticoli / flexslider.counter
Created November 15, 2013 18:19
Flexslider slides counter
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
controlsContainer: ".flex-container",
start: function(slider) {
$('.total-slides').text(slider.count);
},
after: function(slider) {
$('.current-slide').text(slider.currentSlide);
@zetareticoli
zetareticoli / A-Pen-by-sebastianekstrom.markdown
Created October 16, 2013 08:29
A Pen by sebastianekstrom.
@zetareticoli
zetareticoli / index.html
Created November 23, 2012 10:23
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
<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:[email protected]">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>
@zetareticoli
zetareticoli / gist:4124085
Created November 21, 2012 10:02
Useful SCSS Mixins
/* 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 June 16, 2012 11:48
Animated scroll to anchor/id function with jQuery
function goToByScroll(id){
$('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}
<a href="#linkID" onclick="goToByScroll('linkID')">Link</a>
@zetareticoli
zetareticoli / dabblet.css
Created April 18, 2012 08:33 — forked from LeaVerou/dabblet.css
Vertical centering with Flexbox + margin fallback
/**
* Vertical centering with Flexbox + margin fallback
* Lea Verou & David Storey
*/
html, body { height: 100%; }
body {
width: 100%; /* needed for FF */
margin: 0;
@zetareticoli
zetareticoli / gist:1958728
Created March 2, 2012 14:31
Hiding text
.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
@zetareticoli
zetareticoli / gist:1828976
Created February 14, 2012 18:38
Footer always on bottom
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -140px; /* margin bottom = footer's height */
...
}
@zetareticoli
zetareticoli / gist:1760518
Created February 7, 2012 16:21
Drop and Inset tiny shadow
-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 June 23, 2011 08:37
Stick footer to bottom
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;