Skip to content

Instantly share code, notes, and snippets.

Lyndel Thomas ryndel

View GitHub Profile
@ryndel
ryndel / dabblet.css
Created Jan 4, 2012
The first commented line is your dabblet’s title
View dabblet.css
/**
* 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 Jan 4, 2012
The first commented line is your dabblet’s title
View dabblet.css
/**
* 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 Jan 4, 2012
pure css3 piechart
View piechart.css
/**
* pure css3 piechart
*/
#segment2, #segment3, #segment4, #segment5, #segment6 { display: none }
.chart {
position:relative;
width:500px;
height:250px;
}
.hold {
@ryndel
ryndel / demo.html
Created Jul 17, 2012
jquery collapse
View demo.html
<!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 Jul 17, 2012
jquery modulize
View demo.html
<!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 Oct 14, 2012
Backbone.js - Twitter model / view
View backbone.twitter.js
var APP = {
Models: {},
Collections: {},
Views: {}
};
APP.Models.Tweet = Backbone.Model.extend({
defaults: {
}
@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...
@ryndel
ryndel / handlebars.linkify.js
Created Oct 14, 2012
Handlebars.js: linkify helper #cc #handlebars
View handlebars.linkify.js
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 Nov 11, 2012
Sometimes dogs are brown #talk
View dogs.md

(and other incontrovertible truths)

and something else


Sometimes dogs are brown... Alt text

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

You can’t perform that action at this time.