Skip to content

Instantly share code, notes, and snippets.

Avatar

Bundyo (Kamen Bundev) bundyo

View GitHub Profile
@bundyo
bundyo / dabblet.css
Created Jan 15, 2014 — forked from LeaVerou/dabblet.css
(C)Leanest CSS spinner ever
View dabblet.css
/**
* (C)Leanest CSS spinner ever
*/
@keyframes spin {
to { transform: rotate(1turn); }
}
.progress {
position: relative;
@bundyo
bundyo / kendo-docs.html
Created Nov 20, 2013
Kendo UI Docs Markdown Editor
View kendo-docs.html
<!--
Taken and extended from https://gist.github.com/jdkanani/4670615
-->
data:text/html,<style%20type="text/css">.e{position:absolute;top:0;right:50%;bottom:0;left:0;}%20.c{position:absolute;overflow:auto;top:0;right:0;bottom:0;left:50%;}</style><div%20class="e"%20id="editor"></div><div%20class="c"></div><link%20href="http://bundyo.org/markdown.css"%20type="text/css"%20rel="stylesheet"%20/><script%20src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js"%20type="text/javascript"%20charset="utf-8"></script><script%20src="http://cdnjs.cloudflare.com/ajax/libs/showdown/0.3.1/showdown.min.js"></script><script>%20function%20showResult(e){consoleEl.innerHTML=e}var%20e=ace.edit("editor");e.setTheme("ace/theme/monokai");e.getSession().setMode("ace/mode/markdown");var%20consoleEl=document.getElementsByClassName("c")[0];var%20converter=new%20Showdown.converter;e.commands.addCommand({name:"markdown",bindKey:{win:"Ctrl-M",mac:"Command-M"},exec:function(t){var%20n=e.getSession().getMode().$id;if(n=="ace/mod
@bundyo
bundyo / dabblet.css
Created Mar 4, 2013 — forked from LeaVerou/dabblet.css
Failed attempt at gracefully degrading switch-style checkboxes
View dabblet.css
/**
* Failed attempt at gracefully degrading switch-style checkboxes
* without pseudoelements (which shouldn’t exist on replaced elements) and extra elements.
* Inspired by Espresso’s “Tools” switch
* DO NOT USE. Currently only works properly in WebKit :(
*/
input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked { /* :checked here acting as a filter for older browsers */
appearance: none;
@bundyo
bundyo / dabblet.css
Created Feb 5, 2013
The first commented line is your dabblet’s title
View dabblet.css
/**
* The first commented line is your dabblet’s title
*/
body
{
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
View dabblet.css
.container
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
}
View dabblet.css
.container
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
}
@bundyo
bundyo / gist:2252670
Created Mar 30, 2012
Kendo UI Menu item source
View gist:2252670
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css">
<link rel="stylesheet" type="text/css" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.blueopal.min.css">
<script type='text/javascript' src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
</head>
<body>