-
Websockets are becoming increasingly popular
-
Users expect realtime updates on their services
Lyndel Thomas ryndel
ryndel
/ talk_crudr.md
Last active
December 11, 2015 09:48
— forked from tracend/talk_crudr_firstlook_2013.md
CRUDr - a first look #talk
ryndel
/ Contract Killer 3.md
Created
January 22, 2013 00:43
Revised date: 07/11/2012
Between us [company name] and you [customer name]
We’ll always do our best to fulfil your needs and meet your expectations, but it’s important to have things written down so that we both know what’s what, who should do what and when, and what will happen if something goes wrong. In this contract you won’t find any complicated legal terms or long passages of unreadable text. We’ve no desire to trick you into signing something that you might later regret. What we do want is what’s best for both parties, now and in the future.
ryndel
/ hover-xpnd.css
Last active
December 17, 2015 12:29
Hover expand bar using social icons. Incomplete. Was started before we moved to using icon fonts instead of images
This file contains 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
| ul.hover-xpnd-16, ul.hover-xpnd-32, ul.hover-xpnd-48, ul.hover-xpnd-64 { | |
| } | |
| ul.hover-xpnd-16 li, ul.hover-xpnd-32 li, ul.hover-xpnd-48 li, ul.hover-xpnd-64 li, div.hover-xpnd-16, div.hover-xpnd-32, div.hover-xpnd-48, div.hover-xpnd-64 { | |
| display:inline-block; | |
| overflow:hidden; | |
| } | |
| ul.hover-xpnd-16 li:hover, ul.hover-xpnd-32 li:hover, ul.hover-xpnd-48 li:hover, ul.hover-xpnd-64 li:hover, div.hover-xpnd-16:hover, div.hover-xpnd-32:hover, div.hover-xpnd-48:hover, div.hover-xpnd-64:hover { |
ryndel
/ social-aside.css
Last active
December 17, 2015 12:29
Social aside. Unfinished. A fixed position social icon set designed to sit at the middle left or middle right of screen
ryndel
/ bubble.css
Last active
December 17, 2015 12:29
A collection of old css files from common.css. Replaced by less mixins
This file contains 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
| /* bubbles */ | |
| .bubble { | |
| border-color: #EE4B4B; | |
| position: relative; | |
| left: 0px; | |
| top: 0px; | |
| color:#333; | |
| padding:20px; | |
| width: 225px; |
"By visualising information, we turn it into a landscape that you can explore with your eyes, a sort of information map. And when you’re lost in information, an information map is kind of useful."
—David McCandless, author, data journalist, information designer
This file contains 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>Meter</title> | |
| <style> | |
| *, *:before, *:after { | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; |
ryndel
/ centering.html
Created
January 31, 2014 18:55
This file contains 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>Center vertically with table layout</title> | |
| <style> | |
| #wrapper {display:table;} | |
| #cell {display:table-cell; vertical-align:middle;} | |
| </style> | |
| </head> |