特定の要素に吸着させるjQueryプラグイン

ページをスクロールしている時に、特定のdivの冒頭にぴたっと吸着(スナップ)させたい。というような時に使えるjQueryプラグインがScrollSnap(リンク先で動作を確認できます)です。

使い方としては、ヘッダでjQuery本体とScrollSnapを読み込み、スナップさせたい要素をsnaps:のところで指定します

<script src="demo/foundation/javascripts/jquery.js"></script>
<script src="src/jquery.event.special.js"></script>
<script src="src/jquery.easing.min.js"></script>
<script src="src/jquery.scrollsnap.js"></script>
<script>// <![CDATA[
 $(document).ready(function() {
 $(document).scrollsnap({
 snaps: '.snap',
 proximity: 50
 });
});
// ]]></script>

上のコードの場合、.snap クラスの要素に近づくとスナップします。

また、proximityの値が、スナップが発動するための閾値になります。
大きい値にすると、要素から離れていても吸着するようになります。

ユーロラックサイズのモジュラーシンセサイザーが買えるお店

モジュラーシンセを販売しているお店(通販・実店舗)をいくつかピックアップしてみました。ちなみに私が実際に買ったことがあるお店はFiveG、Clock Face Modular、宮地楽器 Wurly’s、Controlです。

為替レートが円高(1ドル100円程度)の場合は、海外に行った際に購入すると安く済みますが、円安(1ドル120円程度)の場合は国内で購入してもあまり値段は変わりません。

その他、モジュラーシンセの各モジュール機能や信号の種類、その他Tipsについて知りたい方はこちらをご覧ください。

続きを読む

Google Apps設定アンチパターン さくら+ムームードメインの場合

さくらのレンタルサーバー+ムームードメイン+Google Appsでメールという組み合わせで運用しようとしたところ、うまくいかなかったので、メモしておきます。

続きを読む

Trigger Riot マニュアルの日本語訳(一部)

Trigger Riotのマニュアルを一部翻訳したのでここに載せておきます。元のPDFはリンク先からダウンロードできます。

続きを読む