Skip to content

Instantly share code, notes, and snippets.

🎯
Focusing

Francesco Improta zetareticoli

🎯
Focusing
Block or report user

Report or block zetareticoli

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@zetareticoli
zetareticoli / flexslider.counter
Created Nov 15, 2013
Flexslider slides counter
View flexslider.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);
View gist:e1f192885e6eabc62178a3a693d29c92
# Pattern name
Succinct description of the pattern
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
:: ::
:: Live Pattern Demo ::
:: ::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
@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 / crossbrowser-placeholder
Created Dec 16, 2013
Cross-Browser HTML5 Placeholder Text
View crossbrowser-placeholder
<script src="jquery.js"></script>
<script src="modernizr.js"></script>
<script>
$(document).ready(function(){
if(!Modernizr.input.placeholder){
$('[placeholder]').focus(function() {
var input = $(this);
@zetareticoli
zetareticoli / css-backgroundsize-ie
Created Dec 16, 2013
IE 8: background-size fix
View css-backgroundsize-ie
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale')";
@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 / 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;
}
You can’t perform that action at this time.