Skip to content

Instantly share code, notes, and snippets.

View RyoSugimoto's full-sized avatar

rs RyoSugimoto

4 followers · 3 following
View GitHub Profile
@RyoSugimoto
RyoSugimoto / utils.css
Last active August 29, 2015 14:00
OOCSSのためのスタイルルール集。
@charset 'utf-8';
/* ----------
Typography
*/
.underline {
text-decoration: underline;
}
@RyoSugimoto
RyoSugimoto / pref.html
Created April 20, 2014 10:15
都道府県選択用プルダウンメニューの記述例。
<select name="都道府県">
<option value="">都道府県をお選びください。</option>
<optgroup label="北海道・東北">
<option value="北海道">北海道</option>
<option value="青森県">青森県</option>
<option value="秋田県">秋田県</option>
<option value="岩手県">岩手県</option>
<option value="山形県">山形県</option>
<option value="宮城県">宮城県</option>
<option value="福島県">福島県</option>
@RyoSugimoto
RyoSugimoto / cssCalc.js
Last active August 29, 2015 14:00
CSSのcalc()関数が使えなくても、左右幅にぴったりの可変幅カラムレイアウトを実現する。
;(function (window, $, undefined) {
$.fn.cssCalc = function (prop, val, callback) {
var $window = $(window),
$html = $('html');
if (typeof callback !== 'function') {
callback = function (elm) {
$.noop();
@RyoSugimoto
RyoSugimoto / font_family.css
Last active August 29, 2015 14:04
フォントファミリーの記述例。
.mincho {
font-family:
"游明朝体", YuMincho,
"游明朝", "Yu Mincho",
"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",
"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",
"ＭＳ Ｐ明朝", "MS PMincho",
serif;
}
@RyoSugimoto
RyoSugimoto / jquery.devide_list.js
Created August 21, 2014 06:32
リスト要素を分割するjQueryプラグイン。分割されたすべてのリストの要素セットを返す。
;(function (window, document, $) {
$.fn.devideList = function (options) {
options = $.extend({}, {
capacity: 5, // 1つのリスト内のアイテムの数
listClass: 'divided-list',
itemClass: 'divided-item',
/**
* リストアイテムがひとつ配置される度に実行する。
* @param i {number} アイテムのインデックス
* @param $item {jQuery Object} 配置されたアイテム
@RyoSugimoto
RyoSugimoto / jquery.cancel_submit.js
Created August 21, 2014 06:34
Enter/Returnキーによるサブミットを無効化するjQueryプラグイン。
;(function (window, document, $) {
$.fn.cancelSubmit = function() {
return this.each(function () {
$(this)
.find(':text').on('keypress', function (e) {
if (e.keyCode === 13) {
e.preventDefault();
}
});
});
@RyoSugimoto
RyoSugimoto / boilerplate.js
Last active August 29, 2015 14:05
jQueryのプラグイン作成用のひな形と関数。
!(function ($, window, document, undefined) {
var pluginName = '';
var defaults = {
name: 'value'
};
function Plugin (elment, options) {
this.elment = element;
this.settings = $.extend({}, defaults, options);
@RyoSugimoto
RyoSugimoto / ie_conditional.html
Created September 1, 2014 05:07
IEの条件付きコメント。
<!-- # 指定のバージョン -->
<!--[if IE 6.0]>
<![endif]-->
<!--[if IE 7.0]>
<![endif]-->
<!--[if IE 8.0]>
<![endif]-->
<!--[if IE 9.0]>
<![endif]-->
@RyoSugimoto
RyoSugimoto / is_array.js
Created September 1, 2014 05:19
配列かどうかを判定する関数。
function isArray (arg) {
if(arg instanceof Array){
return true;
} else {
return false;
}
}
@RyoSugimoto
RyoSugimoto / load_jquery.html
Last active August 29, 2015 14:05
CDNからjQueryを読み込む（フォールバックあり）。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
(window.jQuery || document.write('<script src="/js/jquery.js"><\/script>'));
</script>