Skip to content

Instantly share code, notes, and snippets.

View terkel's full-sized avatar

Takeru Suzuki terkel

View GitHub Profile
@terkel
terkel / gist:1077264
Created July 12, 2011 02:09
addClass()
function addClass (elem, classes) {
var c = elem.className;
elem.className = c? c + ' ' + classes: classes;
}
@terkel
terkel / the-quick-brown-fox-ja.html
Created September 20, 2011 09:49
The quick brown fox text
あのイーハトーヴォのすきとおった風、<br>
夏でも底に冷たさをもつ青いそら、<br>
うつくしい森で飾られたモリーオ市、<br>
郊外のぎらぎらひかる草の波。<br>
祇辻飴葛蛸鯖鰯噌庖箸
@terkel
terkel / jquery.print-link-urls.js
Created September 24, 2011 14:34
jQuery Print Link URLs Plugin
@terkel
terkel / gist:1241497
Created September 26, 2011 02:27
table と th/td でボーダー色を変える
div {
border: 1px solid red;
*border-style: none;
}
div table {
border-style: hidden;
*border: 1px solid red;
}
div table th,
div table td {
@terkel
terkel / jquery.matches.js
Created September 30, 2011 15:12
CSS4 :matches selector for jQuery
// http://twitter.com/padolsey/status/119790781417537536
$.expr[':'].matches = (function (_) {
return function (el, i ,m) {
return !!_(m[3]||'*',[el])[0];
};
}($.find.matches));
@terkel
terkel / gist:1271790
Created October 8, 2011 03:01
addEvent
// http://gihyo.jp/dev/serial/01/crossbrowser-javascript/0007
var addEvent = (function () {
if (document.addEventListener) {
return function(node, type, handler) {
node.addEventListener(type, handler, false);
};
} else if (document.attachEvent) {
return function(node, type, handler) {
node.attachEvent('on' + type, function (event) {
handler.call(node, event);
@terkel
terkel / gist:1329581
Created November 1, 2011 01:17
Centering floated items
/* http://hail2u.net/blog/webdesign/centering-floated-list.html */
.centered {
position: relative;
overflow: hidden;
}
.centered ul {
position: relative;
left: 50%;
float: left;
}
@terkel
terkel / gist:1452154
Created December 9, 2011 16:11
Detect IE and add class to the html element
// Including IE detection by James Padolsey: https://gist.github.com/527683
(function (html) {
var ie = (function () {
var undef,
v = 3,
div = document.createElement('div'),
all = div.getElementsByTagName('i');
while (div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->', all[0]);
return (v > 4)? v: undef;
}());
// http://www.culture27.com/blog/2011/12/font-family
$gothic: "Hiragino Kaku Gothic ProN", "Meiryo", "MS PGothic";
$mincho: "Hiragino Mincho ProN", "MS PMincho";
@terkel
terkel / gist:1598169
Created January 12, 2012 02:21
regexp for valid e-mail address per HTML5 spec
// http://html5.org/r/6884
/^[a-zA-Z0-9.!#$%&'*+-/=?\^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/