Skip to content

Instantly share code, notes, and snippets.

//--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--
// _spacer.scssより
//--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--
/*
Spacer
margin, paddingの汎用クラスをカカッとつくる。
空白の因数x倍率
@Tenderfeel
Tenderfeel / hiragana-to-roman.js
Last active December 2, 2019 04:57
ひらがなをローマ字に変換するクラス
/**
* ひらがな → ローマ字変換クラス
* @author tenderfeel
* @ver 1.2
* http://tenderfeel.xsrv.jp/
*
* Need:mootools 1.2
*
* ---MIT License--------------------------------------------
* Copyright (c) 2008 Tenderfeel all rights reserved.
@Tenderfeel
Tenderfeel / summary_card_width_large_image.html
Last active October 6, 2021 05:27
Summary Card with Large Image - sample code
<!DOCTYPE html>
<html lang="ja" prefix="og: https://ogp.me/ns#">
<head>
<meta charset="UTF-8">
<title>Twitter Summary Card with Large Image Sample</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Summary Card with Large Imageの実装サンプル ">
<!-- 以下4つは必須 -->
@Tenderfeel
Tenderfeel / countTxtLength.js
Created July 28, 2017 03:39
文字数数える
//文字数数える(半角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;
@Tenderfeel
Tenderfeel / checkDatetime.js
Created July 28, 2017 03:41
RFC 3339日付チェック
//日時チェック(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));
}
@Tenderfeel
Tenderfeel / jquery.jpreloader.js
Last active August 22, 2017 06:34
jPreLoader Custom
/**
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>
@Tenderfeel
Tenderfeel / isIE.js
Created August 21, 2017 10:58
user agent check of IE
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;
}
}());
@Tenderfeel
Tenderfeel / Compass flexbox mixin
Created September 8, 2017 05:59
compass-flexbox-shorthands.scss
//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);
/**
* 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') {
@Tenderfeel
Tenderfeel / get_category_posts_data.php
Created October 31, 2017 08:19
Wordpress get_category_posts_data
<?php
/*
$cat_idで渡したカテゴリーIDに登録されている記事の情報を返す
返す情報はSELECTの内容に基づく(記事IDと記事タイトル)
参考:https://qiita.com/m-shin/items/cec1b8278448e70be168
get_category_posts_data(get_cat_ID(single_cat_title('', false)));
*/
function get_category_posts_data($cat_id) {