Skip to content

Instantly share code, notes, and snippets.

View zetareticoli's full-sized avatar
👨‍💻
Building stuff on the web

Francesco Improta zetareticoli

👨‍💻
Building stuff on the web
View GitHub Profile
@zetareticoli
zetareticoli / gist:4124085
Created November 21, 2012 10:02
Useful SCSS Mixins
/* Commonly used mixins for CSS3 in SASS
by Ben Sargent (2012)
www.brokendigits.com
*/
/* generically prefix any property name */
@mixin prefix($name, $value) {
-webkit-#{$name}: $value;
-moz-#{$name}: $value;
@zetareticoli
zetareticoli / index.html
Created November 23, 2012 10:23
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
<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>
@zetareticoli
zetareticoli / A-Pen-by-sebastianekstrom.markdown
Created October 16, 2013 08:29
A Pen by sebastianekstrom.
@zetareticoli
zetareticoli / flexslider.counter
Created November 15, 2013 18:19
Flexslider slides 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 / css-backgroundsize-ie
Created December 16, 2013 13:55
IE 8: background-size fix
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 / crossbrowser-placeholder
Created December 16, 2013 15:51
Cross-Browser HTML5 Placeholder Text
<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 / Fluid-Grid.markdown
Created May 5, 2014 15:42
A Pen by Francesco Improta.
@zetareticoli
zetareticoli / scrollTop
Created May 15, 2014 12:31
Add/Remove class when scrolling page
$(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 November 26, 2014 08:52
Remove outline from select focus on Firefox
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
@zetareticoli
zetareticoli / Toggle visibility
Created December 2, 2014 15:55
Trigger event click on a button which makes something visible.
$('.button').click(function(event){
event.stopPropagation();
event.preventDefault();
$(this).toggleClass("clicked");
$('.element').toggleClass("visible");
});