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
View gist:e1f192885e6eabc62178a3a693d29c92
# Pattern name
Succinct description of the pattern
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
:: ::
:: Live Pattern Demo ::
:: ::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
@zetareticoli
zetareticoli / Toggle visibility
Created Dec 2, 2014
Trigger event click on a button which makes something visible.
View Toggle visibility
$('.button').click(function(event){
event.stopPropagation();
event.preventDefault();
$(this).toggleClass("clicked");
$('.element').toggleClass("visible");
});
@zetareticoli
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
zetareticoli / scrollTop
Created May 15, 2014
Add/Remove class when scrolling page
View scrollTop
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 160) {
$(".primary-navbar").addClass("navbar-fixed-top");
}
else {
$(".primary-navbar").removeClass("navbar-fixed-top");
}
});
@zetareticoli
zetareticoli / Fluid-Grid.markdown
Created May 5, 2014
A Pen by Francesco Improta.
View Fluid-Grid.markdown
@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 / 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);
@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>
You can’t perform that action at this time.