Skip to content

Instantly share code, notes, and snippets.

View ryndel's full-sized avatar

Lyndel Thomas ryndel

34 followers · 52 following
View GitHub Profile
@ryndel
ryndel / html5devconf.md
Created November 12, 2012 07:16
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
ryndel / talk_crudr.md
Last active December 11, 2015 09:48 — forked from tracend/talk_crudr_firstlook_2013.md
CRUDr - a first look #talk

#CRUDr - Persistant connection storage for everyone

Facts

  • Websockets are becoming increasingly popular

  • Users expect realtime updates on their services

@ryndel
ryndel / Contract Killer 3.md
Created January 22, 2013 00:43 — forked from malarkey/Contract Killer 3.md

Contract Killer 3

Revised date: 07/11/2012

Between us [company name] and you [customer name]

Summary:

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
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
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
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
/* Social Links */
#social-links {
position: absolute;
top: 50%;
height: 1000px;
margin-top: -500px;
}
#social-links ul {
list-style-type: none;
@ryndel
ryndel / bubble.css
Last active December 17, 2015 12:29
A collection of old css files from common.css. Replaced by less mixins
/* bubbles */
.bubble {
border-color: #EE4B4B;
position: relative;
left: 0px;
top: 0px;
color:#333;
padding:20px;
width: 225px;
@ryndel
ryndel / Cloudvisio.md
Last active December 18, 2015 01:59
Cloudvisio #talk

Cloudvisio

"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

@ryndel
ryndel / fixed-footer.html
Last active December 21, 2015 17:09
fixed footer
@ryndel
ryndel / meter.html
Last active December 22, 2015 18:19
A simple html clickable meter
<!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
ryndel / handlebars.prettyDate.js
Last active January 13, 2016 03:58
Handlebars.js: prettyDate helper #cc #handlebars
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...