Skip to content

Instantly share code, notes, and snippets.


Francesco Improta zetareticoli

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
View gist:e1f192885e6eabc62178a3a693d29c92
# Pattern name
Succinct description of the pattern
:: ::
:: Live Pattern Demo ::
:: ::
zetareticoli / Toggle visibility
Created Dec 2, 2014
Trigger event click on a button which makes something visible.
View Toggle visibility
zetareticoli / gist:a3db665447ffef19bdf4
Created Nov 26, 2014
Remove outline from select focus on Firefox
View gist:a3db665447ffef19bdf4
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
zetareticoli / scrollTop
Created May 15, 2014
Add/Remove class when scrolling page
View scrollTop
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 160) {
else {
zetareticoli / Fluid-Grid.markdown
Created May 5, 2014
A Pen by Francesco Improta.
View Fluid-Grid.markdown
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 / 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) {
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>
You can’t perform that action at this time.