Skip to content

Instantly share code, notes, and snippets.

Avatar

Lyndel Thomas ryndel

View GitHub Profile
@ryndel
ryndel / html5devconf.md
Created Nov 12, 2012
HTML5 Dev Conf #talk
View html5devconf.md

#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 Dec 11, 2015 — forked from tracend/talk_crudr_firstlook_2013.md
CRUDr - a first look #talk
View talk_crudr.md

#CRUDr - Persistant connection storage for everyone

Facts

  • Websockets are becoming increasingly popular

  • Users expect realtime updates on their services

View 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 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 {
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 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
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;
color:#333;
padding:20px;
width: 225px;
@ryndel
ryndel / Cloudvisio.md
Last active Dec 18, 2015
Cloudvisio #talk
View Cloudvisio.md

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


View fixed-footer.html
@ryndel
ryndel / meter.html
Last active Dec 22, 2015
A simple html clickable meter
View meter.html
<!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 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.