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 April 18, 2012 21:46 — forked from kizu/dabblet.css
Multi-directional hover by @kizmarh
/* Multi-directional hover by @kizmarh */
.b-block {
position: relative;
display: inline-block;
overflow: hidden;
width: 10em;
height: 10em;
/* Butt. */
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@marciobarrios
marciobarrios / dabblet.css
Created April 22, 2012 15:05 — forked from kizu/dabblet.css
Scrolling shadows by @kizmarh
/* Scrolling shadows by @kizmarh */
html {
background: #FFF;
}
.scrollbox {
position: relative;
z-index: 1;
@marciobarrios
marciobarrios / dabblet.css
Created April 22, 2012 21:43 — forked from LeaVerou/dabblet.css
Scrolling shadows by @kizmarh and @LeaVerou
/**
* Scrolling shadows by @kizmarh and @leaverou
* Only works in browsers supporting background-attachment: local; & CSS gradients
* Degrades gracefully
*/
html {
background: white;
font: 120% sans-serif;
}
@marciobarrios
marciobarrios / module_pattern_init.js
Created April 30, 2012 09:05 — forked from nathansmith/module_pattern_init.js
Init + Module Pattern JS
// JS Module Pattern:
// http://j.mp/module-pattern
// Redefine: $, window, document, undefined.
var APP = (function($, window, document, undefined) {
// Automatically calls all functions in APP.init
$(document).ready(function() {
APP.go();
});
@marciobarrios
marciobarrios / dabblet.css
Created October 4, 2012 16:03 — forked from kizu/dabblet.css
Triangle with the box-shadow
/**
* Triangle with the box-shadow
*/
.bubble {
position: relative;
width: 30em;
height: 30em;
@marciobarrios
marciobarrios / dabblet.css
Created October 10, 2012 09:43 — forked from daneden/dabblet.css
CSS Photo Album
/* CSS Photo Album */
/* Rebound of this shot by @daryl: http://drbl.in/fwwM */
* {
margin: 0;
padding: 0;
position: relative;
box-sizing: border-box;
}
@marciobarrios
marciobarrios / 1. Example.scss
Created October 23, 2012 02:09 — forked from Integralist/1. Example.scss
Sass Mixin for CSS3 Animations
@include keyframe(fadeout) {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@marciobarrios
marciobarrios / gist:3962467
Created October 27, 2012 00:43 — forked from ditman/gist:3772090
Basic JS inheritance
// Constructor function. Code run by the "new" operator
var Rabbit = function(name) {
// All Rabbit instances have their own property "name"
this.name = name;
}
// All Rabbit instances can speak, of course!
Rabbit.prototype.speak = function(what) {
return this.name + " says: " + what;
}
@marciobarrios
marciobarrios / LICENSE.txt
Created October 31, 2012 17:49
140byt.es -- addObserverMethods
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
Version 2, December 2004
Copyright (C) 2011 Sascha Depold http://depold.com
Everyone is permitted to copy and distribute verbatim or modified
copies of this license document, and changing it is allowed as long
as the name is changed.
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE