A Pen by sebastianekstrom on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 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; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( | |
src='images/logo.gif', | |
sizingMethod='scale'); | |
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( | |
src='images/logo.gif', | |
sizingMethod='scale')"; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<script src="jquery.js"></script> | |
<script src="modernizr.js"></script> | |
<script> | |
$(document).ready(function(){ | |
if(!Modernizr.input.placeholder){ | |
$('[placeholder]').focus(function() { | |
var input = $(this); |
Responsive, filterable grid using Masonry and CSS transitions. Click on an item to make it expand.
Forked from Sean McCaffery's Pen Fluid Grid.
A Pen by Francesco Improta on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$(window).scroll(function() { | |
var scroll = $(window).scrollTop(); | |
if (scroll >= 160) { | |
$(".primary-navbar").addClass("navbar-fixed-top"); | |
} | |
else { | |
$(".primary-navbar").removeClass("navbar-fixed-top"); | |
} | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
select:-moz-focusring { | |
color: transparent; | |
text-shadow: 0 0 0 #000; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$('.button').click(function(event){ | |
event.stopPropagation(); | |
event.preventDefault(); | |
$(this).toggleClass("clicked"); | |
$('.element').toggleClass("visible"); | |
}); |