Skip to content

Instantly share code, notes, and snippets.

View octavioamu's full-sized avatar
:octocat:
Working from home

Octavio Amuchástegui octavioamu

:octocat:
Working from home
View GitHub Profile
@octavioamu
octavioamu / imagereplacement.css
Created March 12, 2012 17:05
CSS: Image Replacement
.ir {
border:0;
font: 0/0 a;
text-shadow: none;
color: transparent;
background-color: transparent;
}
@octavioamu
octavioamu / gist:2023412
Created March 12, 2012 17:11
JS: html5 ie shiv
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
@octavioamu
octavioamu / gist:2023432
Created March 12, 2012 17:14
Jquery: Placeholder ie polyfill
//Placeholder funcion
(function($){$.fn.extend({placeholder:function(){return this.each(function(){$(this).focus(function(){if($(this).val()==$(this).attr("placeholder")){$(this).val("");}}).blur(function(){if($(this).val()==""){$(this).val($(this).attr("placeholder"));}}).val($(this).attr("placeholder"));});}});})(jQuery); // Si es IE aplicar, colocar dentro del ready
if ($.browser.msie) {
$('input[placeholder]').placeholder();
}
@octavioamu
octavioamu / gist:2023443
Last active October 1, 2015 16:27
Jquery: google call
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
@octavioamu
octavioamu / tabs.css
Created March 12, 2012 18:41
Jquery: Tabs
.tabs-content > div{ display: block; }
.tabs-content > div.hide { display:none; }
/*
* Author: Name @Bolt Brasil
* Project: Project Name
* Date: Date of Project
*/
/* ==========>> Summary
=Login
=Home
=Slider
@octavioamu
octavioamu / Reset CSS
Created March 27, 2012 20:36
Bolt - Reset CSS
@charset 'UTF-8';
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
@octavioamu
octavioamu / reset.css
Created March 27, 2012 20:39
Eric Meyer CSS Reset
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
@octavioamu
octavioamu / tabs.css
Created April 16, 2012 18:38
Tabs from Skeleton
/* #Tabs (activate in tabs.js)
================================================== */
ul.tabs {
display: block;
margin: 0 0 20px 0;
padding: 0;
border-bottom: solid 1px #ddd; }
ul.tabs li {
display: block;
width: auto;

Adaptive Image Element

Author:

Mat Marquis

Status of this Document

This is an unofficial draft spec, not formally endorsed by the WHATWG. It is suitable only for reviewing the details of the proposed element.

Table of Contents