Skip to content

Instantly share code, notes, and snippets.

View ryndel's full-sized avatar

Lyndel Thomas ryndel

View GitHub Profile
@ryndel
ryndel / dabblet.css
Created January 4, 2012 19:15
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
body {
background: #000;
min-height:100%;
}
.circle {
position:absolute;
background-color:red;
@ryndel
ryndel / dabblet.css
Created January 4, 2012 19:15
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
body {
background: #000;
min-height:100%;
}
.circle {
position:absolute;
background-color:red;
@ryndel
ryndel / piechart.css
Created January 4, 2012 19:29
pure css3 piechart
/**
* pure css3 piechart
*/
#segment2, #segment3, #segment4, #segment5, #segment6 { display: none }
.chart {
position:relative;
width:500px;
height:250px;
}
.hold {
@ryndel
ryndel / demo.html
Created July 17, 2012 00:44
jquery collapse
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Collapse</title>
<link rel="stylesheet" href="jquery.collapse.css">
<style>
* {
margin: 0;
padding: 0;
@ryndel
ryndel / demo.html
Created July 17, 2012 00:48
jquery modulize
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Modulize</title>
<link rel="stylesheet" href="jquery.modulize.css">
<style>
* {
margin: 0;
padding: 0;
@ryndel
ryndel / backbone.twitter.js
Created October 14, 2012 01:09
Backbone.js - Twitter model / view
var APP = {
Models: {},
Collections: {},
Views: {}
};
APP.Models.Tweet = Backbone.Model.extend({
defaults: {
}
@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...
@ryndel
ryndel / handlebars.linkify.js
Created October 14, 2012 01:17
Handlebars.js: linkify helper #cc #handlebars
Handlebars.registerHelper('linkify', function (text) {
text = text.replace(/(https?:\/\/\S+)/gi, function (s) {
return '<a href="' + s + '">' + s + '</a>';
});
text = text.replace(/(^|)@(\w+)/gi, function (s) {
return '<a href="http://twitter.com/' + s + '">' + s + '</a>';
});
text = text.replace(/(^|)#(\w+)/gi, function (s) {
@ryndel
ryndel / dogs.md
Created November 11, 2012 07:34
Sometimes dogs are brown #talk

(and other incontrovertible truths)

and something else


Sometimes dogs are brown... Alt text

@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.