Skip to content

Instantly share code, notes, and snippets.

View siriokun's full-sized avatar
Hotfixing deprecated codes

Rio Purnomo siriokun

Hotfixing deprecated codes
View GitHub Profile
@siriokun
siriokun / append.js
Created August 28, 2013 17:34
Append Javascript to head tag in HTML, so it not blocking rendering.
(function(){
var yourscript = document.createElement('script');
yourscript.type = 'text/javascript';
yourscript.async = true;
yourscript.src = 'http://domain.tld/path/to.js';
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(yourscript);
})();
.blur {
filter: url(/images/blur.svg#blur);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-ms-filter: blur(10px);
filter: blur(10px);
}
@siriokun
siriokun / minimal-ui-safari.html
Created January 12, 2014 16:12
Minimal UI in Safari. Minimize top and bottom bar in Safari.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="minimal-ui">
<title>Minimal UI in Safari</title>
</head>
<body>
<h1>Minimal UI in Safari</h1>
<p>Minimize top and bottom bar in Safari.</p>
<?php
function showalltags() {
$tags = get_tags();
$html;
foreach ($tags as $tag){
$tag_link = get_tag_link($tag->term_id);
$html .= "<a href='{$tag_link}' title='{$tag->name} Tag' class='{$tag->slug}'>";
<ul id="slidecontrols">
<li><a href="#one">One</li>
<li><a href="#two">Two</li>
</ul>
<div id="slides">
<div>This is content block One</div>
<div>This is content block Two</div>
</div>
a[href^="http://"] {
/* fully valid URL, likely external link */
}
a[href="http://google.com"] {
/* link to specific website */
}
a[href^="/"], a[href^=".."] {
/* internal relative link */
@siriokun
siriokun / css-link.js
Last active August 29, 2015 14:01 — forked from replete/gist:2436076
/* -------------------------------------- */
//iOS-like scrollbar
var $niceScrollContainers = $("[data-ios-scroll]");
$niceScrollContainers.each(function () {
var $container = $(this),
scrollClass = $container.attr("data-ios-scroll"),
cursorWidth = "6px",
$contentsLastChild = $container.children("*:last-child");
//jQuery
$("#swapImg")
.attr("src", "dynamic-image-url.jpg")
.one("load",function(){
//image has loaded
})
.each(function(){
if(this.complete) //trigger load if cached in certain browsers
$(this).trigger("load");
//jQuery
if ( $(".some-element").filter(":focus").length >= -1 ) {
//$(".some-element") contains 1 item, and it is focussed
}
if($(".some-element")[0] == document.activeElement) {
//first element of object is selected
}