Skip to content

Instantly share code, notes, and snippets.

View defims's full-sized avatar

Wei Long defims

View GitHub Profile
<div class="topic">
topic
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<div class="topic">
topic
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
@defims
defims / index.html
Created August 20, 2012 15:55
pure css mindmap with nest list element.
<div class="topic">
topics
<ul>
<li>this is a long subtopic and conetent</li>
<li>topic2</li>
<li>topic3</li>
<li>topic4</li>
<li>topic5</li>
<li>topic6 it's also very long</li>
<li>topic7</li>
@defims
defims / index.html
Created August 21, 2012 18:31
pure css mindmap with nest list element.
<div class="topic">
topics
<ul>
<li>this is a long subtopic and conetent</li>
<li>topic2</li>
<li>topic3</li>
<li>topic4</li>
<li>topic5</li>
<li>topic6 it's also very long</li>
<li>topic7</li>
@defims
defims / index.html
Created March 6, 2013 09:24
A CodePen by Defims.
<ul id="timeline">
<li><a></a></li>
<li><a></a></li>
<li><a></a></li>
<li><a></a></li>
<li><a></a></li>
<li><a></a></li>
<li><a></a></li>
<li><a></a></li>
<li><a></a></li>
var MultiGetSet = function(opt){
var getType = function(o) {
return ({}).toString.call(o).match(/\s([a-zA-Z]+)/)[1].toLowerCase()
};
if(!opt.public || !opt.private)
return opt.public;
if(opt.handler && opt.handler.init)
var MultiGetSet = function(opt){
var getType = function(o) {
return ({}).toString.call(o).match(/\s([a-zA-Z]+)/)[1].toLowerCase()
};
if(!opt.public || !opt.private)
return opt.public;
if(opt.handler && opt.handler.init)
// Polyfill for ES6 Object.observe()
// Limitations:
// - No 'splice' (etc); if you're observing an Array, you're gonna have a bad time
(function(global) {
function assert(e) { if (!e) throw new Error('Assertion failed'); }
// http://wiki.ecmascript.org/doku.php?id=harmony:observe
// ECMAScript internal approximations
<html>
<style>
.justify{
text-align: justify;
text-justify: inter-ideograph;/* IE */
-moz-text-align-last: justify;/* FF */
-ms-text-align-last: justify;/* IE 8+ */
text-align-last: justify;/* IE5.5+ */
}
</style>
<!doctype html>
<head>
<style>
.download{
background: lightblue;
}
.download.hover{
background: lightgreen;
}
</style>