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
| /* semantic HTML? */ |
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 drawer */ | |
| @charset 'UTF-8'; | |
| @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600); | |
| * { font:400 1em/1.6em Source Sans Pro,sans-serif; margin:0; padding:0 } | |
| /* skin */ | |
| html { background:#666 } | |
| body { background:#fff; border-radius:.3em; box-shadow:0 0 30px 10px rgba(0,0,0,.3) } | |
| button{ border:1px solid #e6e6e6; border-radius:.3em; background:#fff; | |
| text-align:center; margin:.3em 0; font-weight:600; color:#3c3c3c; cursor:pointer } |
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 Menu */ | |
| @charset 'UTF-8'; | |
| @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro); | |
| /* layout: [menu] menu */ | |
| [menu] { position:relative } | |
| [menu]:before { content:'\2026' } | |
| [menu] menu { position:absolute; top:100%; right:0 } | |
| [menu] menu > * { display:block; white-space:nowrap } |
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
| /* head peek */ | |
| @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro); | |
| html { background:#ccc; font:1em/1.6 Source Sans Pro } | |
| head { max-height:0; overflow:hidden; display:block; | |
| /* hide delay */ | |
| transition:max-height 250ms 2s } | |
| body, style { background:white } | |
| head style:first-of-type { display:block; white-space:pre } | |
| head style:first-of-type:after { content:url(http://notbad.jpg.to) } | |
| :active head, head:hover { max-height:80em; |
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
| /* minput | |
| [ with version control ] | |
| 1. on change, show [ commit ] affordance | |
| 2a. on escape, [ revert ] | |
| 2b. on [ commit ] , [ lock ] or [ fork ] | |
| 3. always show change confirmation or error | |
| */ | |
| @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600); |
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
| /* Thoughts about webplatform.org */ | |
| @import url(http://fonts.googleapis.com/css?family=Gudea|Bevan); | |
| * { margin:auto; padding:0; border-radius:.3em; | |
| max-width:35em } | |
| html { background: hsla(213,61%,50%,.381); | |
| background-image: | |
| linear-gradient(90deg, rgba(255,255,255,.08) 61%, transparent 38%), | |
| linear-gradient(144deg, rgba(255,255,255,.13) 61%, transparent 38%), | |
| linear-gradient(-144deg, rgba(255,255,255,.21) 61%, transparent 38%), |
brito
/ jquery.autocomplete.js
Created
February 26, 2013 01:53
An example implementation for an autocomplete jQuery plugin.
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
| /** | |
| * jQuery.autocomplete | |
| * | |
| * @param config {Object} | |
| * @example <code> | |
| $('#search [name=query]').autocomplete({ | |
| url: '/search/suggest', | |
| list_container: '#suggestions', | |
| template: '<li>suggestion</li>' | |
| }); |
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
| /* Tab Station */ | |
| @charset 'UTF-8'; | |
| @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro); | |
| /* toggling css in its crudest form */ | |
| form { max-height:0; overflow:hidden; background:#ccc; | |
| transition:.5s } | |
| :checked + form { max-height:54em; padding-bottom:1em } | |
| /* demo styles */ |
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
| /* ओं मणिपद्मे हूं */ | |
| head, title { display:block } | |
| title { width:7em; margin:1em auto; text-align:center; | |
| height:1.6em; overflow:hidden } | |
| * { font:1.6em serif } |
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
| /* Time */ | |
| @import url(http://fonts.googleapis.com/css?family=Gudea|Bevan); | |
| * { margin:auto; padding:0; font:1em/1.6 Gudea, sans-serif } | |
| html { background:#222 } | |
| body { width:22em; margin:1em auto; background:#fff; | |
| padding:1em; | |
| border-radius:.3em; white-space:pre; text-align:center; | |
| background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPH |