Skip to content

Instantly share code, notes, and snippets.

Lyndel Thomas ryndel

Block or report user

Report or block ryndel

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
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.