Skip to content

Instantly share code, notes, and snippets.

@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 / 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 / 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 / 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 / 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.
//--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--
// _spacer.scssより
//--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--
/*
Spacer
margin, paddingの汎用クラスをカカッとつくる。
空白の因数x倍率
/*
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 |
@echo off
setlocal enabledelayedexpansion
:start
cls
set COUNT=19
set innerColor=n
set startCnt=2
@Tenderfeel
Tenderfeel / _center-block.styl
Created August 4, 2014 08:30
block centering (stylus)
// Centering
//
// display:blockにした上で左右marginをautoにする。
//
// Markup:
// <img class="center_block" width="80" height="80">
//
// Styleguide 3.2
//
.center_block
// Nowrap
//
// テキストの折り返しを禁止して、かつ
// テキストがエリアからはみ出る場合に最後の文字の後ろに...を加えて省略する
// ブロック要素にのみ効果あり
//
// Markup:
// <p class="text_nowrap" style="width:60px">ああああああああああああああああああ</p>
//
// Styleguide 3.5