Skip to content

Instantly share code, notes, and snippets.

View niotech's full-sized avatar
🏠
Working from home

Benny Christanto niotech

🏠
Working from home
  • Code-Latte
  • Indonesia
View GitHub Profile
@niotech
niotech / index.html
Created December 28, 2012 13:29
A CodePen by Benny Christanto. CSS Swinging Panel Menu - A simple, clean pure CSS menu that uses keyframe animation to create a "swining panel" effect for sub nav. I am having trouble getting it to work in Opera but performs well in Chrome, Safari and Firefox (but getting a weird flicker). And, of course, doesn't work in IE but degrades well.
<div id="container">
<ul id="menu">
<li><a href="#">About Me</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Maecenas lacinia sem</a></li>
<li><a href="#">Suspendisse fringilla</a></li>
</ul>
</li>
<li><a href="#">Portfolio</a>
@niotech
niotech / youtube-autoplay-disabler
Created December 8, 2012 04:53
Userscript (Tampermonkey on Chrome or Greasemonkey on Firefox) - Youtube Autoplay Disabler (no Pre-Buffering)
// ==UserScript==
// @name YouTube Autoplay Disabler (with No Pre-Buffering)
// @namespace userscripts.org
// @description Disables Autoplay on YouTube and Disable Pre-Buffering
// @include http://*.youtube.com/*
// @include http://youtube.com/*
// @include https://*.youtube.com/*
// @include https://youtube.com/user/*
// @copyright Benny Christanto
// @version 1.0
@niotech
niotech / jquery.imagesloaded.js
Created August 23, 2012 17:31 — forked from desandro/jquery.imagesloaded.js
$.fn.imagesLoaded jQuery plugin
// $('img.photo',this).imagesLoaded(myFunction)
// execute a callback when all images have loaded.
// needed because .load() doesn't work on cached images
// Modified with a two-pass approach to changing image
// src. First, the proxy imagedata is set, which leads
// to the first callback being triggered, which resets
// imagedata to the original src, which fires the final,
// user defined callback.
@niotech
niotech / dabblet.css
Created April 19, 2012 06:52
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
background: #ffffff;
min-height: 100%;
@niotech
niotech / dabblet.css
Created April 19, 2012 06:40
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
background: #ffffff;
min-height: 100%;
@niotech
niotech / dabblet.css
Created April 18, 2012 07:39
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
@niotech
niotech / dabblet.css
Created April 18, 2012 07:38
List of all FourSquare Venue Categories
/**
* List of all FourSquare Venue Categories
*/
background: #fff;
@niotech
niotech / dabblet.css
Created April 18, 2012 03:04
List of all FourSquare Venue Categories
/**
* List of all FourSquare Venue Categories
*/
background: #fff;