Skip to content

Instantly share code, notes, and snippets.

Avatar

Francesco Improta zetareticoli

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;