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
/** | |
* Sunburst theme | |
* | |
* Adapted from the Textmate Sunburst theme by Stanley Rost | |
* | |
* @author Stanley Rost | |
* @author Rachel Baker | |
* @version 1.0.0 | |
*/ | |
pre { |
<!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); |
<!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: { |
Author: Ari Lerner.
AngularJS offers a single framework that can be used to build dynamic, client-centric applications. It provides:
.vlm { | |
height: 500px; | |
border: 1px dashed red; | |
} | |
.ghost { | |
display: inline-block; | |
height: 100%; | |
width: 0; | |
vertical-align: middle; |
<!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'; }())`; | |
} |