View jquery.pager.js
/**
* jQuery Pager plugin
* Licensed under the MIT license
* This plugin is refer to how to write "jQuery ScrollSpy Plugin".
*/
(function(factory) {
'use strict';
if (typeof define === 'function' && define.amd) {
define(['jquery'], factory);
} else if (typeof exports !== 'undefined') {
View Compass flexbox mixin
//http://compass-style.org/reference/compass/css3/flexbox/
//http://jsdo.it/Tenderfeel/ofwd
@include flexbox((
display: box,
box-orient: vertical,
box-pack: justify,
box-align: start
), $version: 1);
View isIE.js
var isIE = (function() {
var ua = navigator.userAgent.toLowerCase();
if (ua.indexOf('msie') >= 0 || ua.indexOf('trident') >= 0) {
var array = /(msie|rv:?)\s?([\d\.]+)/.exec(ua);
return (array) ? array[2] : true;
} else {
return false;
}
}());
View jquery.jpreloader.js
/**
jPreLoader Custom - jQuery plugin
Original: http://www.inwebson.com/demo/jpreloader-v2/
<div id="jpreOverlay">
<div id="jpreLoader">
<div id="jpreAnim">
<img id="jpreAnimImg" src="loader.png" alt="loading">
</div>
<div id="jpreBarWrapper">
<div id="jpreBar"></div>
View checkDatetime.js
//日時チェック(RFC 3339形式)
//@param value {string} datetime-local.value
function checkDatetime(value) {
return(!/20[0-9]{2}-[0-1][0-9]-[0-3][0-9]T[0-2][0-9]:[0-5][0-9]/.test(value));
}
View countTxtLength.js
//文字数数える(半角0.5 全角1)
//@param value {string} 数える文字列
function countTxtLength(value) {
var count = 0;
for(var i = value.length; i--; ) {
if(/^[\u0020-\u007e]+$/.test(value.charAt(i))) {
count += 0.5;
} else {
count += 1;
View summary_card_width_large_image.html
<!DOCTYPE html>
<html lang="ja" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
<meta charset="UTF-8">
<title>Twitter Summary Card with Large Image Sample</title>
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<meta name="description" content="Summary Card with Large Imageの実装サンプル ">
<meta property="og:type" content="website">
View hiragana-to-roman.js
/**
* ひらがな → ローマ字変換クラス
* @author tenderfeel
* @ver 1.2
* http://tenderfeel.xsrv.jp/
*
* Need:mootools 1.2
*
* ---MIT License--------------------------------------------
* Copyright (c) 2008 Tenderfeel all rights reserved.
View gist:1e1493c486a1f0fa797d
//--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--
// _spacer.scssより
//--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--
/*
Spacer
margin, paddingの汎用クラスをカカッとつくる。
空白の因数x倍率
View gist:e9f52f2267e1365f8e3e
/*
grid
flexと併用できる。<br>
親の横幅が基準になるので、marginやpaddingを指定しているとはみ出す。ag-flex_1の方がいい場合もあります。
http://getbootstrap.com/css/#grid
```
| 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |