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
<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
git config --global user.useConfigOnly true |
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
function goToByScroll(id){ | |
$('html,body').animate({scrollTop: $("#"+id).offset().top},'slow'); | |
} | |
<a href="#linkID" onclick="goToByScroll('linkID')">Link</a> |
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
.parent { | |
display: grid; | |
grid-gap: 16px; | |
padding: 16px; | |
grid-template-columns: repeat(auto-fill,minmax(160px,1fr)); | |
grid-auto-flow: column; | |
grid-auto-columns: minmax(160px,1fr); | |
overflow-x: auto; | |
} |
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
git remote update origin --prune |
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
# Pattern name | |
Succinct description of the pattern | |
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: | |
:: :: | |
:: Live Pattern Demo :: | |
:: :: | |
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: |
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); |
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')"; |
NewerOlder