Skip to content

Instantly share code, notes, and snippets.

ArangoDB is kinda cool

Paceaux paceaux

ArangoDB is kinda cool
Block or report user

Report or block paceaux

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
paceaux / Wanimate
Created Mar 9, 2012
A quick and dirty boilerplate for webkit animations
View Wanimate
@-webkit-keyframes blink {
from {
opacity: 0.1;
font-size: 100%;
to {
opacity: 1.0;
font-size: 200%;
paceaux / digital-hourglass.css
Created Mar 9, 2012
Keep time using only CSS
View digital-hourglass.css
body { background-color: #2574b0; }
body {
font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
padding: 100px;
background: #fff;
border-spacing: .5em;
View Object-Oriented CSS Triangles
width: 0;
height: 0;
border-width: 5em;
border-style: solid;
border-color: green;
border-top-color: transparent;
paceaux / dabblet.css
Created Apr 6, 2012 — forked from anonymous/dabblet.css
css3 pendulum
View dabblet.css
background: #f9f9f9;
div, article, section, p, ul, li html, body{
margin: 0;
@-webkit-keyframes swing{
paceaux / smooth-transitions.css
Created Apr 6, 2012
CSS3 smooth transitions
View smooth-transitions.css
Normal state
a, a:link, a:visited{
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
paceaux / heart.css
Created May 10, 2012
Beating heart with CSS3
View heart.css
.heart {
width: 20em;
height: 20em;
position: relative;
overflow: hidden;
.heart span {
display: block;
position: absolute;
width: 10em;
paceaux / kedit.js
Created May 18, 2012
Konami Contenteditable plugin
View kedit.js
$.fn.kedit = function() {
var konami_keys = [38, 38, 40, 40, 37, 39, 37, 39, 66, 65];
var konami_index = 0;
if(e.keyCode === konami_keys[konami_index++]){
if(konami_index === konami_keys.length){
$(document).unbind('keydown', arguments.callee);
$('article, aside, header, footer, p, li, span').dblclick(function(e){
var $this = $(this);
paceaux / IE-after.js
Created May 29, 2012
Generated content for links to a PDF
View IE-after.js
if ($("html").is(".lt-ie9")){
$('a[href*="pdf"]').after(' <span class=".fuie">(PDF)</span>').css("display","inline");
View dabblet.css
margin-left: 15em;
width: 21em;
border-top: .125em solid #333;
border-right: .125em solid #333;
border-bottom: .125em solid #333;
margin-right: 1em;
.raven p{
paceaux / css--and-html-debug-snippet
Created Jan 15, 2013
HTML and CSS debugging snippet. Use this to see every id and class on the page, along with the src/href and alt/title. Handing for quick debugging.
View css--and-html-debug-snippet
::before, ::after{
font-size: .75em;
padding: 0 1em;
left: -2em;
You can’t perform that action at this time.