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 / Fluid-Grid.markdown
Created May 5, 2014
A Pen by Francesco Improta.
View Fluid-Grid.markdown
@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 / 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 / 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");
});
View Cross Browser Support for inline-block Styling
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
View clearfix
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
@zetareticoli
zetareticoli / CSS
Created Mar 10, 2011
Box shadow curl effect in CSS
View CSS
ul.box {
margin: 0;
padding: 0;
clear: both;
overflow: hidden; }
ul.box li {
list-style-type: none;
margin: 0 30px 30px 0;
padding: 0;
View gist:934071
/* For modern browsers */
.cf:before,
.cf:after {
content:"";
display:block;
}
.cf:after {
clear:both;
}
@zetareticoli
zetareticoli / gist:1042158
Created Jun 23, 2011
Stick footer to bottom
View gist:1042158
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
@zetareticoli
zetareticoli / gist:1760518
Created Feb 7, 2012
Drop and Inset tiny shadow
View gist:1760518
-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;
You can’t perform that action at this time.