Marcio Barrios marciobarrios
marciobarrios
/ gist:3962467
Created
October 27, 2012 00:43
— forked from ditman/gist:3772090
Basic JS inheritance
This file contains hidden or 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
| // 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
/ 1. Example.scss
Created
October 23, 2012 02:09
— forked from Integralist/1. Example.scss
Sass Mixin for CSS3 Animations
This file contains hidden or 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
| @include keyframe(fadeout) { | |
| 0% { | |
| opacity: 1; | |
| } | |
| 100% { | |
| opacity: 0; | |
| } | |
| } |
marciobarrios
/ dabblet.css
Created
October 10, 2012 09:43
— forked from daneden/dabblet.css
CSS Photo Album
This file contains hidden or 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
| /* CSS Photo Album */ | |
| /* Rebound of this shot by @daryl: http://drbl.in/fwwM */ | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| position: relative; | |
| box-sizing: border-box; | |
| } |
marciobarrios
/ dabblet.css
Created
October 4, 2012 16:03
— forked from kizu/dabblet.css
Triangle with the box-shadow
This file contains hidden or 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
| /** | |
| * Triangle with the box-shadow | |
| */ | |
| .bubble { | |
| position: relative; | |
| width: 30em; | |
| height: 30em; |
This file contains hidden or 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
| /** | |
| * A simple submit button | |
| */ | |
| body { margin: 1em 0; text-align: center; } | |
| .button { | |
| padding: 8px 15px; | |
| font: bold 15px/1.4 'Proxima Nova', Proxima-Nova, 'Helvetica Neue', Helvetica, Arial; | |
| color: #fff; | |
| text-shadow: 0 1px 1px rgba(0,0,0,0.3); | |
| background-color: #53d24a; |
This file contains hidden or 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
| /** | |
| * A simple button | |
| */ | |
| body { margin: 1em 0; text-align: center; } | |
| .button { | |
| padding: 8px 15px; | |
| font: bold 15px/1.4 'Proxima Nova', Proxima-Nova, 'Helvetica Neue', Helvetica, Arial; | |
| color: #555; | |
| text-shadow: 0 1px 0 rgba(255,255,255,.8); | |
| background-color: #f6f6f6; |
This file contains hidden or 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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Tuenti button interaction (version for modern browsers with CSS animation support) · CodePen</title> | |
| <!-- | |
| Copyright (c) 2012 Marcio Barrios, http://codepen.io/hunab | |
| Permission is hereby granted, free of charge, to any person obtaining |
marciobarrios
/ dabblet.css
Created
July 13, 2012 15:34
Tuenti button interaction (version for modern browsers with CSS animation support)
This file contains hidden or 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
| /** | |
| * Tuenti button interaction (version for modern browsers with CSS animation support) | |
| */ | |
| body { font: 100% helvetica, sans-serif; text-align: center; padding: 10em 1em 1em; } | |
| .action { | |
| position: relative; | |
| overflow: hidden; | |
| font-size: 11px; | |
| color: #616161; |
marciobarrios
/ dabblet.css
Created
June 18, 2012 22:37
Button from http://jsfiddle.net/joshnh/ssEMU/
This file contains hidden or 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
| /** | |
| * Button from http://jsfiddle.net/joshnh/ssEMU/ | |
| */ | |
| body { | |
| background: #eee; | |
| font-size: 100%; | |
| padding: 3em; | |
| } |
marciobarrios
/ dabblet.css
Created
June 18, 2012 22:32
Pressable CSS Buttons from http://jsfiddle.net/joshnh/M33qb/
This file contains hidden or 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
| /** | |
| * Pressable CSS Buttons from http://jsfiddle.net/joshnh/M33qb/ | |
| */ | |
| </style> | |
| <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet'> | |
| <style> | |
| html { | |
| text-align: center; |