Skip to content

Instantly share code, notes, and snippets.

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

Sandesh Damkondwar sandeshdamkondwar

🏠
Working from home
View GitHub Profile
@sandeshdamkondwar
sandeshdamkondwar / gist:4557103
Last active December 11, 2015 06:08
Create Element in jQuery
$("<h1/>",{
text: "discription",
id=""
}).appendTo(element);
var newElement = $("<div/>",{id="",class=""}).appendTo(element);
/**********************************************/
/*
/* IR_Black Skin by Ben Truyman - 2011
/*
/* Based on Todd Werth's IR_Black:
/* http://blog.toddwerth.com/entries/2
/*
/* Inspired by Darcy Clarke's blog post:
/* http://darcyclarke.me/design/skin-your-chrome-inspector/
/*
@sandeshdamkondwar
sandeshdamkondwar / content_css_min.css
Created April 16, 2013 18:39
Chrome Extension - Google Dictionary Popup CSS
#gdx-bubble-container {
display:block!important;
z-index:99991!important;
}
#gdx-bubble-container,#gdx-bubble-container * {
//background:#fff!important;
background-repeat:no-repeat!important;
@sandeshdamkondwar
sandeshdamkondwar / GMail Scrollbar.css
Created April 19, 2013 17:07
GMail Webkit Scrollbar
::-webkit-scrollbar {
height:16px;
overflow:visible;
width:16px;
}
::-webkit-scrollbar-button {
height:0;
width:0;
@sandeshdamkondwar
sandeshdamkondwar / mouse events.js
Created April 20, 2013 19:27
Mouse Press Events
$('*').hover(function() {
$(this).data('hover', 1); //store in that element that the mouse is over it
},
function() {
$(this).data('hover', 0); //store in that element that the mouse is no longer over it
});
window.isHovering = function (selector) {
return $(selector).data('hover') ? true : false; //check element for hover property
}
@sandeshdamkondwar
sandeshdamkondwar / scroll.js
Last active December 17, 2015 03:58
Mouse wheel event scroll
function wheel(event){
var delta = 0;
event.preventDefault();
if(window.event.wheelDelta > 0){
$('.right_arrow').trigger('click');
}
else{
$('.left_arrow').trigger('click');
}
@sandeshdamkondwar
sandeshdamkondwar / shake.css
Created July 17, 2013 06:00
pure CSS shake Animation using keyframes
@-webkit-keyframes shake {
0% { -webkit-transform: translate(10px, 0); }
20% { -webkit-transform: translate(-10px, 0); }
10% { -webkit-transform: translate(8px, 0); }
40% { -webkit-transform: translate(-8px, 0); }
50% { -webkit-transform: translate(4px, 0); }
60% { -webkit-transform: translate(-4px, 0); }
70% { -webkit-transform: translate(4px, 0); }
80% { -webkit-transform: translate(-2px, 0); }
0% { -webkit-transform: translate(2px, 0); }
@sandeshdamkondwar
sandeshdamkondwar / remove input box color.css
Created September 8, 2013 07:31
Remove box shadow of input element and add your own.
input:-webkit-autofill {
-webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
-webkit-text-fill-color: #333;
}
input:-webkit-autofill:focus {
-webkit-box-shadow: /*your box-shadow*/,0 0 0 50px white inset;
-webkit-text-fill-color: #333;
}

tmux cheatsheet

As configured in my dotfiles.

start new:

tmux

start new with session name:

Toggle switch with checkbox:checked

Round switch button in css with animation cleaned up. Inspired on the design of Paul Flavius, see:

http://psd.tutsplus.com/tutorials/interface-tutorials/round-switch-button/

It is pure CSS, and animated so don't forget to click this very special checkbox. And in case you wonder: yes, this checkbox can be used in forms just as if it was a normal checkbox!

PS: can anyone confirm the animation with :checked state in safari?