Skip to content

Instantly share code, notes, and snippets.

Lyndel Thomas ryndel

View GitHub Profile
View centering.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Center vertically with table layout</title>
<style>
#wrapper {display:table;}
#cell {display:table-cell; vertical-align:middle;}
</style>
</head>
View factories.json
{
"android": {
"title": "Android Factory - Intro Basic Guide",
"url": "https://codenvy.com/factory?id=g08a3escw5kxj2xk",
"image": "https://raw.githubusercontent.com/codenvy/factories/master/images/android.png"
},
"angular": {
"title": "Angular.JS",
"url": "https://codenvy.com/f?id=xn9n91ju3khwm375",
"image": "https://raw.githubusercontent.com/codenvy/factories/master/images/angularjs.png"
@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 / 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 / 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.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

You can’t perform that action at this time.