Skip to content

Instantly share code, notes, and snippets.

View siriokun's full-sized avatar
⭐
Hotfixing deprecated codes

Rio Purnomo siriokun

⭐
Hotfixing deprecated codes
71 followers · 190 following
View GitHub Profile
@siriokun
siriokun / gist:6f61a454d82dcd0ae1a6
Last active August 29, 2015 14:01 — forked from replete/gist:3048826
Add class to <body> based on viewport width (IE7+, possibly IE6+)
var d = document,
b = d.getElementsByTagName("body"),
w = window,
c = "className",
v = (function() { return w.innerWidth || d.documentElement.clientWidth }),
r = function () {
i = v();
if (i < 181) { b[0][c] = "max-180"; return }
if (i < 246) { b[0][c] = "max-245"; return }
else { b[0][c] = "" }
@siriokun
siriokun / gist:0f472d6085c581c301c0
Created May 10, 2014 00:10 — forked from replete/gist:4158314
(function($){
$.fn.autoGrowInput = function(o) {
o = $.extend({
maxWidth: 1000,
minWidth: 0,
comfortZone: 70
}, o);
@siriokun
siriokun / gist:9b158b73ce4f4283f36d
Created May 10, 2014 00:11 — forked from replete/syncHeightWrapper.js
// Hastily plonked together by @replete, [email protected]
/* Use like this:
<div class="some-html-chunk" data-sync-height="a-unique-name">Foo</div>
<div class="some-other-html-chunk" data-sync-height="a-unique-name">Bar</div>
*/
$('[data-sync-height]')
.each(function(i,e){
@siriokun
siriokun / getLayoutBreakpoint.js
Created May 10, 2014 00:11 — forked from replete/getLayoutBreakpoint.js
/*
LayoutBreakpoints - Sync JS with your CSS media queries - yay!
After painfully discovering that there is no hope for IE7 (and others) to read
content properties with generated content, I resolved to this solution.
If it doesn't work for you, you could easily change getElementsByTagName to
getElementsById and pop an ID attribute onto an element of your choosing.
See an example here: http://replete.github.io/FitTextNow/example.html (view-source)
@siriokun
siriokun / emmet-snippets.html
Created January 31, 2015 23:22
Emmet Snippets
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Emmet Snippets</title>
</head>
<body>
<h1>Emmet Snippets</h1>
<p>Shortcut examples</p>
<ul class="snippets">
@siriokun
siriokun / add-class-on-hover.js
Created February 14, 2015 15:46
$('.item').hover(
function() {
$(this).find('.author').addClass('hover')
},
function() {
$(this).find('.author').removeClass('hover')
}
)
@siriokun
siriokun / config.json
Last active August 29, 2015 14:26 — forked from anonymous/config.json
Bootstrap Customizer Config
{
"vars": {
"@gray-base": "#000",
"@gray-darker": "lighten(@gray-base, 13.5%)",
"@gray-dark": "lighten(@gray-base, 20%)",
"@gray": "lighten(@gray-base, 33.5%)",
"@gray-light": "lighten(@gray-base, 46.7%)",
"@gray-lighter": "lighten(@gray-base, 93.5%)",
"@brand-primary": "#22B5BF",
"@brand-success": "#88C134",
@siriokun
siriokun / jquery-show-nav-on-scroll.js
Created April 25, 2017 07:21
Only show navigation when scrolling
$(window).scroll(function (event) {
var scroll = $(window).scrollTop();
// Do something
if(scroll>0){
$("#nav").fadeIn("slow");
}else{
$("#nav").fadeOut("slow");
}
});
@siriokun
siriokun / .jsbeautifyrc
Created May 30, 2017 04:49 — forked from wzup/.jsbeautifyrc
.jsbeautifyrc file example
{
// The plugin looks for a .jsbeautifyrc file in the same directory as the
// source file you're prettifying (or any directory above if it doesn't exist,
// or in your home folder if everything else fails) and uses those options
// along the default ones.
// Details: https://github.com/victorporof/Sublime-HTMLPrettify#using-your-own-jsbeautifyrc-options
// Documentation: https://github.com/einars/js-beautify/
"html": {
"allowed_file_extensions": ["htm", "html", "xhtml", "shtml", "xml", "svg", "dust"],
@siriokun
siriokun / image-filter.css
Created October 9, 2017 09:30
img {
filter: sepia(1) hue-rotate(200deg) opacity(.85) brightness(.85);
transition: .4s;
}
img:hover {
filter: none;
}