pablolobos

/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================

Made by Justin Aguilar

www.justinaguilar.com/animations/

Questions, comments, concerns, love letters:

pablolobos

<script type="text/javascript">
		var tag = document.createElement('script');
		tag.src = "http://www.youtube.com/player_api";
		var firstScriptTag = document.getElementsByTagName('script')[0];
		firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

		var player1;

		function onYouTubePlayerAPIReady() {
			player1 = new YT.Player('player1', {

pablolobos

.video-fluido {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}

.video-fluido iframe,  
.video-fluido object,  

pablolobos

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
 
.clearfix:after {
    clear: both;
}
 

pablolobos

?HD=1;rel=0;showinfo=0;controls=1;autohide=1

pablolobos

<img
				intent
				in-mobile-src="source.jpg"
				in-standard-src="source.jpg" />

pablolobos

@mixin absolute($args) {
    $offsets: top right bottom left;

    @each $o in $offsets {
        $i: index($args, $o);

        @if $i 
        and $i + 1 <= length($args) 
        and type-of( nth($args, $i + 1) ) == number {
            #{$o}: nth($args, $i + 1);

pablolobos

@include hyphenation;

pablolobos

yepnope([{
	test: 320 < screen.width // devices 320 and up
  , yep: [ "jquery.min.js", "response.min.js" ]
}]);

pablolobos

<script>
	Modernizr.load({
	test: Modernizr.mq('only all'),
	nope: 'js/libs/respond.min.js'
	});
</script>