Skip to content

Instantly share code, notes, and snippets.


Lyndel Thomas ryndel

View GitHub Profile
ryndel /
Created Nov 12, 2012
HTML5 Dev Conf #talk

#Highlights from the HTML5 Dev Conf ##Monday 15 - Tuesday 16 October 2012 ###Palace Hotel San Francisco ####LYNDEL THOMAS

#Peter Lubbers ##Developer Relations Program Manager - Chrome team at Google.

ryndel /
Last active Dec 11, 2015 — forked from tracend/
CRUDr - a first look #talk

#CRUDr - Persistant connection storage for everyone


  • Websockets are becoming increasingly popular

  • Users expect realtime updates on their services

View Contract Killer

Contract Killer 3

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 Dec 17, 2015
Hover expand bar using social icons. Incomplete. Was started before we moved to using icon fonts instead of images
View hover-xpnd.css
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 {
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 Dec 17, 2015
Social aside. Unfinished. A fixed position social icon set designed to sit at the middle left or middle right of screen
View social-aside.css
/* Social Links */
#social-links {
position: absolute;
top: 50%;
height: 1000px;
margin-top: -500px;
#social-links ul {
list-style-type: none;
ryndel / bubble.css
Last active Dec 17, 2015
A collection of old css files from common.css. Replaced by less mixins
View bubble.css
/* bubbles */
.bubble {
border-color: #EE4B4B;
position: relative;
left: 0px;
top: 0px;
width: 225px;
ryndel /
Last active Dec 18, 2015
Cloudvisio #talk


"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

View fixed-footer.html
ryndel / meter.html
Last active Dec 22, 2015
A simple html clickable meter
View meter.html
<!doctype html>
<meta charset="UTF-8">
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
ryndel / handlebars.prettyDate.js
Last active Jan 13, 2016
Handlebars.js: prettyDate helper #cc #handlebars
View handlebars.prettyDate.js
Handlebars.registerHelper("prettyDate", function (time) {
var date = new Date((time || "")),
diff = (((new Date()).getTime() - date.getTime()) / 1000),
day_diff = Math.floor(diff / 86400);
// exit now if not a number...
if ( isNaN(day_diff)) return;
if ( day_diff < 0 ){
// this is in the future...
You can’t perform that action at this time.