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