Skip to content

Instantly share code, notes, and snippets.

@matori
matori / gist:4123325
Created November 21, 2012 06:05
[Modernizr] CSS transforms-style: preserve-3d;
Modernizr.addTest('csstransformspreserve3d', function () {
var prop,
val,
cssText,
ret;
prop = 'transform-style';
if ('webkitTransformStyle' in document.documentElement.style) {
prop = '-webkit-' + prop;
@matori
matori / supports-text-emphasis.css
Created November 29, 2012 01:50
[Modernizr] CSS text-emphasis
/* css @supports example */
@supports (text-emphasis: filled circle) or
(-webkit-text-emphasis: filled circle) or
(-moz-text-emphasis: filled circle) or
(-ms-text-emphasis: filled circle) or
(-o-text-emphasis: filled circle) {
/* code */
}
@matori
matori / consecutive-headings.scss
Created December 19, 2012 07:37
[SCSS] 連続した見出しのセレクタ
/* section がいるかどうかは変数で管理すればいいかな */
%consecutiveHeadings {
margin: 1em auto;
}
@for $i from 1 through 5 {
h#{$i} + h#{$i + 1},
h#{$i} + section > h#{$i + 1}:first-child {
@extend %consecutiveHeadings;
@matori
matori / gist:4500261
Last active December 10, 2015 22:08
CSS グラデーションが描画される範囲はどのように決定されるかの簡易メモ。あとでちゃんと書きます。

#仕様から抜粋して翻訳

##グラデーションが描画される範囲

グラデーションはグラデーションボックス (gradient box) と呼ばれる具体的なオブジェクトサイズ (concrete object size) の寸法内に描画される。しかし、グラデーション自体は内在的な寸法 (intrinsic dimensions) を持っていない。

グラデーションが背景に使用されるとき、初期状態でグラデーションが描画されるグラデーションボックスは要素のパディングボックスになる。
もし background-size が 100px 200px のように明示されているなら、グラデーションボックスは 100px の幅と 200px の高さになるだろう。
同様に、グラデーションが list-style-image に使用されるとき、グラデーションボックスはそのプロパティの初期オブジェクトサイズ (default object size) である 1em の正方形になるだろう。

@matori
matori / _color-shade.scss
Created January 25, 2013 06:06
scss color shade funtion
// color shade function
// @link http://www.colorhexa.com/
$shade-step: 100% / 13;
@function x-color-shade($target-color, $steps: 0) {
$lightness: $shade-step * $steps;
$return-color: null;
@if $lightness > 0 {
@matori
matori / GPBG.js
Last active December 16, 2015 16:40
Random Geometric Pattern Background Image with SVG
/**
* @fileOverview
* @name GPBG.js
* @author Matori
* @license MIT License
*/
(function (w, d) {
'use strict';
@matori
matori / dummy-text.md
Last active June 3, 2023 23:16
日本語・英語・数字がそれなりに混じったダミーテキスト。500字程度。パブリックドメイン。

先発投手の指標:QS (Quality Start)

QS とは Quality Start の略であり、1985年にスポーツライター John Lowe により提唱された。
これは先発投手が少なくとも6イニングを投げ、ER (Earned Runs=自責点) を3以下に抑えた場合に達成される指標で、いわゆる「試合を作れた」かどうかを見るのに使われる。

6イニング3自責点は ERA (Earned Run Average=防御率) にすると 4.5 となり、あまり良いとは言えないように見えるが、2010年シーズン以降の MLB 全体の防御率が 4.08 (2010)、3.94 (2011)、4.01 (2012) であることを見れば、現在でも妥当なラインだと思われる。

また、QS より良いスタートを切った場合の指標も存在する。
HQS (High Quality Start) は少なくとも7イニングを投げ2自責点以内で達成される。
更に UQS (Ultimate Quality Start) という、少なくとも7イニングを投げ自責点なしという指標も提唱されている。

@matori
matori / contrast-ratio.scss
Last active December 22, 2015 19:38
コントラスト比チェック。SassMeister でいじって確認。 http://sassmeister.com/gist/Matori/6520553
// Original http://jsdo.it/a_t/qtce
@function lum_exc($val){$val:($val / 255);@return if($val <= 0.03928, $val / 12.92, pow(($val + 0.055)/1.055 , 2.4));}
@function luminance($val){@return (lum_exc(red($val)) * 0.2126)+(lum_exc(green($val)) * 0.7152)+(lum_exc(blue($val)) * 0.0722);}
@function contrastRatio($v1,$v2){$v1:luminance($v1)+0.05;$v2:luminance($v2)+0.05;@return if(($v1 - $v2)>0, $v1 / $v2, $v2 / $v1);}
$background: white;
$foreground: black;
/**
* Contrast Ratio Check Result
@matori
matori / EzLink.php
Last active December 24, 2015 21:18
記事タイトルと投稿タイプの指定orタームとタクソノミーの指定で簡単リンクなショートコード
@matori
matori / gist:7558692
Created November 20, 2013 06:33
タイムゾーン短縮名からタイムゾーンオフセットを取得する
function tzAbbrToOffset(string) {
var timeZoneAbbr = ['ACDT', 'ACST', 'ACT', 'ADT', 'AEDT', 'AEST', 'AFT', 'AKDT', 'AKST', 'AMST', 'AMST', 'AMT', 'AMT', 'ART', 'AST', 'AST', 'AWDT', 'AWST', 'AZOST', 'AZT', 'BDT', 'BIOT', 'BIT', 'BOT', 'BRT', 'BST', 'BST', 'BTT', 'CAT', 'CCT', 'CDT', 'CDT', 'CEDT', 'CEST', 'CET', 'CHADT', 'CHAST', 'CHOT', 'ChST', 'CHUT', 'CIST', 'CIT', 'CKT', 'CLST', 'CLT', 'COST', 'COT', 'CST', 'CST', 'CST', 'CST', 'CST', 'CT', 'CVT', 'CWST', 'CXT', 'DAVT', 'DDUT', 'DFT', 'EASST', 'EAST', 'EAT', 'ECT', 'ECT', 'EDT', 'EEDT', 'EEST', 'EET', 'EGST', 'EGT', 'EIT', 'EST', 'EST', 'FET', 'FJT', 'FKST', 'FKST', 'FKT', 'FNT', 'GALT', 'GAMT', 'GET', 'GFT', 'GILT', 'GIT', 'GMT', 'GST', 'GST', 'GYT', 'HADT', 'HAEC', 'HAST', 'HKT', 'HMT', 'HOVT', 'HST', 'ICT', 'IDT', 'IOT', 'IRDT', 'IRKT', 'IRST', 'IST', 'IST', 'IST', 'JST', 'KGT', 'KOST', 'KRAT', 'KST', 'LHST', 'LHST', 'LINT', 'MAGT', 'MART', 'MAWT', 'MDT', 'MET', 'MEST', 'MHT', 'MIST', 'MIT', 'MMT', 'MSK', 'MST', 'MST', 'MST', 'MUT', 'MVT', 'MYT', 'NC