Skip to content

Instantly share code, notes, and snippets.

@kaaes
kaaes / gradients.css
Created June 24, 2011 13:11
bulletproof css gradients
#container {
background: #fff url(gradient.gif) repeat-x bottom;
background: -webkit-gradient(
linear, 0 100%, 0 0,
from(#ecebe7), color-stop(50%, #fff), to(#fff)
);
background: -webkit-linear-gradient(bottom, #ecebe7, #fff 50%, #fff);
background: -moz-linear-gradient(bottom, #ecebe7, #fff 50%, #fff);
}
@kaaes
kaaes / objects.js
Created June 26, 2011 14:11
ECMA5 object cheatsheet
/**
* Object descriptor
**/
var a = {
prop1 : 14
}
var descriptorObj1 = Object.getOwnPropertyDescriptor(a, 'prop1');
@kaaes
kaaes / multiple-event-listeners-with-same-callback.html
Created August 7, 2011 23:48
Binding the same event listeners more than once
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Binding the same event listeners more than once</title>
</head>
@kaaes
kaaes / delegate.js
Created May 20, 2012 22:22
Function to delegate events. Can be used with any css selector
function delegate(element, eventType, selector, callback, bubble) {
var selectorObj = getSelectorType(selector);
var callbackFn;
selector = selectorObj.value;
switch (selectorObj.type) {
case 'tag':
callbackFn = tagSelector;
break;
@kaaes
kaaes / popup.html
Created August 15, 2012 21:42
Css animated popup - prototype
<!DOCTYPE html>
<html>
<link href="style.css" rel="stylesheet" />
<body>
<button id="open">click!</button>
<div id="popup" class="closed"><button id="close">click!</button></div>
</body>
<script src="popup.js"></script>
<script>
var p = document.getElementById('popup');