Skip to content

Instantly share code, notes, and snippets.

@minwe
minwe / sunburst.css
Created December 20, 2014 05:40
sunburst.css
/**
* Sunburst theme
*
* Adapted from the Textmate Sunburst theme by Stanley Rost
*
* @author Stanley Rost
* @author Rachel Baker
* @version 1.0.0
*/
pre {
@minwe
minwe / index.html
Created December 17, 2014 05:57
Radio / Checkbox style in WebKit // source http://jsbin.com/gitovovidu
<!DOCTYPE html>
<html>
<head>
<script src="http://zeptojs.com/zepto.min.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<title>Radio / Checkbox style in WebKit</title>
<link rel="stylesheet" href="http://melchoyce.github.io/dashicons/css/dashicons.css">
<style>
input[type=checkbox],
if (typeof Object.create !== 'function') {
Object.create = function (o) {
function F() {}
F.prototype = o;
return new F();
};
}
newObject = Object.create(oldObject);
@minwe
minwe / index.html
Created December 5, 2014 03:40
Amaze UI 2.0.0 - Slider in Modal // source http://jsbin.com/vomocu
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<title>Amaze UI 2.0.0 - Slider in Modal</title>
<link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.0.0/css/amazeui.min.css
">
<script src="http://cdn.amazeui.org/amazeui/2.0.0/js/amazeui.min.js
// Core module: renderloop v0.2.0dev
define([
"lodash"
], function (_) {
var RenderLoop = {
timer: null,
queue: [],
persistentTasks: [],
options: {
@minwe
minwe / 01-intro.md
Last active August 29, 2015 14:10 — forked from dwayne/01-intro.md

Introduction

Author: Ari Lerner.

AngularJS offers a single framework that can be used to build dynamic, client-centric applications. It provides:

  • Module support
  • DOM manipulation
  • Animations
  • Templating
@minwe
minwe / jsbin.pewimi.css
Last active August 29, 2015 14:10
垂直居中// source http://jsbin.com/pewimi
.vlm {
height: 500px;
border: 1px dashed red;
}
.ghost {
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle;
@minwe
minwe / index.html
Last active August 29, 2015 14:10 — forked from anonymous/index.html
jQuery 与 Zepto 的区别
<!DOCTYPE html>
<html>
<head>
<script src="http://zeptojs.com/zepto.min.js"></script>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<meta charset="utf-8">
<title>jQuery 与 Zepto 的区别</title>
<style></style>
<style id="jsbin-css">
.box {
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>2-column fluid masonry layout without JS plugins</title>
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<style>
body {
text-align: center;
padding: 3% 8%;
@main-font-size: 16px;
.x-rem (@property, @value) {
// This is a workaround, inspired by https://github.com/borodean/less-properties
@px-fallback: @value * @main-font-size;
-: ~`(function () { return ';@{property}: @{px-fallback}'; }())`;
-: ~`(function () { return ';@{property}: @{value}rem'; }())`;
}