SASS を使うとき、 $SCALE: 0.5 @function s($val) @return $val * $SCALE みたいな関数を用意しておいて、 数値を書くとき、常に s() を挟むようにすれば、 いきなり SP 版作ることになったとき、 対応が楽になって、とても好いです。 特に 幅 640px で PC…

終了状態を直接書いておいたほうが、 レガシーブラウザでも表示されるのでハッピーです。

Nightcore（ナイトコア） とはトランスのサブジャンルで、 既存の適当な音楽をスピードアップして二次元の女の子の画像を張り、 Youtube にアップロードした楽曲のこと（である／ではない）。 nightcore - YouTube Nightcore は、成り立ちが結構複雑で面白い…

Jade では、 "|" を使えば、複数行の入力ができる。 例えば、 p.text |とりなくこゑす |ゆめさませ |みよあけわたる |ひんかしを と書くと、次のような HTML が生成される。 <p class="text">とりなくこゑす ゆめさませ みよあけわたる ひんかしを</p> 非常に読みやすい。 言わず…

SASS には、デフォルトでたくさんの有用な関数が用意されている。 random() はその一例で、0〜1 の数値を、ランダムに返してくれる関数だ。 これと、Compassの mixin をうまく組み合わせれば、 震えるアニメーションを簡単に作ることが出来る。 See the Pen …

ワンライン・ミュージックとは、 ワンラインの関数で出力した数列を、 そのままオーディオデバイスに投げ入れて音楽を奏でる遊びである。 JS でのサンプル もちろん JS でもできる。 ミニマムでこんな感じ var DURATION = 5; var SAMPLING_RATE = 8000; play…

png スプライトを使うとき、 画像を隙間なく敷き詰めていると、 Retina 対応などで縮小した時、思わぬ自体になる。 上は、 background-size を 1/2 に縮小して、 スプライト画像として使っている例である。 環境によっては、青いアイコンの右側に、 細い線の…

onbeforeunload を使えば、ウィンドウを閉じるときに、確認ダイアログを出すことが出来る。 返り値が、ダイアログに表示されるメッセージだ。 window.onbeforeunload = function() { return "編集中ですが、終了しますか？"; }; ブログの編集画面など、誤っ…

Ticker.js var extend = require("extend"), EventEmitter = require("events").EventEmitter; var Ticker = function(interval){ this.interval = interval; }; Ticker.prototype = { "start": function(){ var _this = this; setInterval(function(){ _thi…

Amazon.co.jp： 黒猫の三角 (講談社文庫): 森 博嗣: 本 『すべてがFになる』ドラマ化と聞いて 皆さん、よろしくて？誰のためでもなく、何のためでもなく、誰にも願わず、何も祈らず、乾杯！ 以下ネタバレ

Amazon.co.jp： コロロギ岳から木星トロヤへ (ハヤカワ文庫JA): 小川 一水, 橋本晋: 本 超時空生物と、国立天文台の腐女子が力を合わせて、 はるか未来、木製トロヤで密室に閉じ込められてしまった少年2人を助けるお話。 以下ネタバレ

Chocolate consumption and number of Nobel laureates - Imgur DAT CORRELATION !!!!!

今まで、keyframes を使うとき、自前で次のような mixin を定義して使ってゐた。 @mixin keyframes($animationName){ @-webkit-keyframes #{$animationName} { @content; } @-moz-keyframes #{$animationName} { @content; } @-ms-keyframes #{$animationNam…

@mixin font-outline($lineWidth: 2px, $color: #000, $steps: 16){ $q: ""; @for $i from 0 through $steps{ $q: $q + cos($i / $steps * 360) * $lineWidth sin($i / $steps * 360) * $lineWidth 0px $color; @if($i != $steps){ $q: $q + ", "; } } @incl…

ブログ始めてみました！！