Skip to content

Instantly share code, notes, and snippets.


Francesco Improta zetareticoli

View GitHub Profile
View grid-horizontal-scroll.css
.parent {
display: grid;
grid-gap: 16px;
padding: 16px;
grid-template-columns: repeat(auto-fill,minmax(160px,1fr));
grid-auto-flow: column;
grid-auto-columns: minmax(160px,1fr);
overflow-x: auto;
zetareticoli / gist:71b3ea255628d988e1e725155ea8bcf7
Created Apr 3, 2020
Update the local list of remote branches
View gist:71b3ea255628d988e1e725155ea8bcf7
git remote update origin --prune
zetareticoli / flexslider.counter
Created Nov 15, 2013
Flexslider slides counter
View flexslider.counter
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
animation: "slide",
controlsContainer: ".flex-container",
start: function(slider) {
after: function(slider) {
View gist:e1f192885e6eabc62178a3a693d29c92
# Pattern name
Succinct description of the pattern
:: ::
:: Live Pattern Demo ::
:: ::
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 / crossbrowser-placeholder
Created Dec 16, 2013
Cross-Browser HTML5 Placeholder Text
View crossbrowser-placeholder
<script src="jquery.js"></script>
<script src="modernizr.js"></script>
$('[placeholder]').focus(function() {
var input = $(this);
zetareticoli / css-backgroundsize-ie
Created Dec 16, 2013
IE 8: background-size fix
View css-backgroundsize-ie
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
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="">Olex</a>, Señor Developer at <a href="">BIG HUMAN</a></h2>
<div class="grid">
<div class="item tall">
<a class="link" href="#">
<div class="hovercontent">
<h3>Designed by Big Human</h3>
View gist:4124085
/* Commonly used mixins for CSS3 in SASS
by Ben Sargent (2012)
/* generically prefix any property name */
@mixin prefix($name, $value) {
-webkit-#{$name}: $value;
-moz-#{$name}: $value;
You can’t perform that action at this time.