Skip to content

Instantly share code, notes, and snippets.

View marciobarrios's full-sized avatar

Marcio Barrios marciobarrios

View GitHub Profile
@marciobarrios
marciobarrios / dabblet.css
Created January 2, 2012 18:01 — forked from philippbosch/dabblet.css
iOS Native App Default Style implemented in CSS
/* iOS Native App Default Style implemented in CSS */
/* Bootstrapping … */
* {
margin: 0;
padding: 0;
font-size: inherit;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
@marciobarrios
marciobarrios / dabblet.css
Created January 4, 2012 09:27 — forked from anonymous/dabblet.css
iOS Native App Default Style implemented in CSS
/* iOS Native App Default Style implemented in CSS */
/* Bootstrapping … */
* {
margin: 0;
padding: 0;
font-size: inherit;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
@marciobarrios
marciobarrios / dabblet.css
Created January 4, 2012 16:45 — forked from LeaVerou/dabblet.css
Lined paper that follows the text
/**
* Lined paper that follows the text
* Support: Chrome, FF 3.6+, Saf 5.1+, Opera 11.50+, IE10
*/
/* Just decorative */
padding: 20px;
/* The font. Try changing font-size and see how the lines
@marciobarrios
marciobarrios / dabblet.css
Created January 10, 2012 10:51 — forked from daneden/dabblet.css
Search Suggestions
/*
Search Suggestions
Original design by Visual Idiot - http://dribbble.com/shots/377281-Search-Suggestions
*/
html {
min-height: 100%;
background: -webkit-linear-gradient(#dbddde, #b6babb);
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
@marciobarrios
marciobarrios / dabblet.css
Created January 29, 2012 16:47 — forked from daneden/dabblet.css
Animation example with :target
/**
* Path icon hover
*
* Example of the desired effect (hover over the user avatar) https://path.com/p/5Eplz
*
* Close, but annoying that the animation runs on page load.
* Possible solution could be to fade entire page content in while initial
* animation runs.
*/
@marciobarrios
marciobarrios / dabblet.css
Created January 29, 2012 23:26 — forked from daneden/dabblet.css
Path icon hover
/**
* Path icon hover
*
* Example of the desired effect (hover over the user avatar) https://path.com/p/5Eplz
*
* Close, but annoying that the animation runs on page load.
* Possible solution could be to fade entire page content in while initial
* animation runs.
*/
@marciobarrios
marciobarrios / dabblet.css
Created February 9, 2012 10:12 — forked from LeaVerou/dabblet.css
Move in a circle without wrapper elements
/**
* Move in a circle without wrapper elements
* Idea by Aryeh Gregor, simplified by Lea Verou
*/
@keyframes rot {
from {
transform: rotate(0deg)
translate(-150px)
rotate(0deg);
@marciobarrios
marciobarrios / csslint-api.js
Created February 11, 2012 11:20 — forked from nzakas/csslint-api.js
CSS Lint API
//include
var CSSLint = require("csslint").CSSLint;
/*
* Basic usage
* First argument is the CSS text.
* Second argument is the options object. Name is the ID of the rule (see wiki) set to
* either 1 for a warning or 2 for an error.
*/
var result = CSSLint.verify(".foo { }", { "compatible-vendor-prefixes": 1 }),
@marciobarrios
marciobarrios / gist:1810846
Created February 12, 2012 21:05 — forked from abozhilov/gist:1779852
HashMap
var HashMap = (function () {
var PROTO_SUPPORT = !Object.prototype.isPrototypeOf({__proto__ : null}),
OBJECT_CREATE = typeof Object.create != 'undefined',
DONT_ENUM_BUG = !{'toString' : true}.propertyIsEnumerable('toString');
var hasOwnP = {}.hasOwnProperty,
dontEnums = [];
if (DONT_ENUM_BUG) {
dontEnums = [
@marciobarrios
marciobarrios / dabblet.css
Created February 13, 2012 14:56 — forked from daneden/dabblet.css
Slider
/**
* Slider
*/
* {
margin: 0;
padding: 0;
}
html {