Zee Agency ZeeAgency
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> | |
| <style type="text/css"> | |
| .outer { | |
| width: 200px; | |
| height: 200px; /* 200px = list's height, outer will end to 300px */ | |
| padding: 50px 0; /* Here's the Hack */ | |
| border: 1px dotted red; /* to aid debugging */ | |
| } | |
| .header, .footer { |
ZeeAgency
/ dabblet.css
Created
February 12, 2012 20:41
— forked from LeaVerou/dabblet.css
TV screen
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
| /** | |
| * TV screen | |
| */ | |
| html { background: white; } | |
| .tv { | |
| position: relative; | |
| width: 200px; | |
| height: 150px; |
ZeeAgency
/ dabblet.css
Created
February 12, 2012 20:41
— forked from LeaVerou/dabblet.css
TV screen
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
| /** | |
| * TV screen | |
| */ | |
| html { background: white; } | |
| .tv { | |
| position: relative; | |
| width: 200px; | |
| height: 150px; |
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
| /** | |
| * TV screen | |
| */ | |
| html { background: white; } | |
| .tv { | |
| position: relative; |
ZeeAgency
/ gist:1892141
Created
February 23, 2012 10:26
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
| /* RequireJS Path example */ | |
| // js/main.js | |
| require({baseUrl: 'js'}, ['demo/1', 'my-lib/main'], function(demo1, myLib) {..}); | |
| // js/demo/1.js | |
| define(['./2'], function(demo2) {..}); | |
| // js/demo/2.js | |
| define(function() {}); |
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
| body { | |
| padding: 0px; | |
| width: 1500px; | |
| margin: 0 auto; | |
| font-family: Monaco; | |
| color: #1b8ac9; | |
| } |
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
| div { | |
| width: 400px; | |
| height: 200px; | |
| background-image: url("http://lorempixel.com/400/200/animals/1/"); | |
| background-repeat: no-repeat; | |
| transition: all 0.5s; | |
| } | |
| div:hover { | |
| background-image: url("http://lorempixel.com/400/200/animals/2/"); | |
| transition: all 0.5s; |
ZeeAgency
/ experimental.scss
Created
March 1, 2012 00:59
— forked from chriseppstein/0_usage.scss
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
| @mixin set-experimental-support($moz: false, $webkit: false, $ms: false, $o: false, $khtml: false) { | |
| $experimental-support-for-mozilla: $moz; | |
| $experimental-support-for-webkit: $webkit; | |
| $experimental-support-for-microsoft: $ms; | |
| $experimental-support-for-opera: $o; | |
| $experimental-support-for-khtml: $khtml; | |
| } | |
| @mixin with-only-support-for($moz: false, $webkit: false, $ms: false, $o: false, $khtml: false) { | |
| // Capture the current state |
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
| // Configuration | |
| require({ | |
| baseUrl: 'js', | |
| paths: { | |
| 'vendor/jquery.ui.widget': 'plugins/jquery.ui.widget' | |
| // also tried './vendor/jquery.ui.widget': 'plugins/jquery.ui.widget' | |
| // and 'jquery.ui.widget': 'plugins/jquery.ui.widget' | |
| } | |
| }); |
ZeeAgency
/ dabblet.css
Created
April 11, 2012 13:28
— forked from chriscoyier/dabblet.css
Shadow Triangle
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
| /* Shadow Triangle */ | |
| span { | |
| display: inline-block; | |
| width: 0; | |
| height: 0; | |
| border-left: 30px solid transparent; | |
| border-right: 30px solid transparent; | |
| border-bottom: 21px solid #BADA55; | |
| -webkit-filter: |