パララックス用JavaScriptプラグインを使う場合はマウスホイールに注意

JavaScript

目次 Parallax.js 利点欠点 ScrollMagic 利点欠点 SuperScrollorama まとめページに奥行きがあるかのように感じさせる、いわゆる視差効果をページ内で使いたくて、プラグインをあれこれ試しました。結果、どのプラグインでも、マウスホイールによるスク…

2016-03-31

JavaScript: pushStateを使ってページの状態を再現可能にする

JavaScript

デモ: http://code.runnable.com/VvynEqA-pBlEAd_k/ タブ表示形式の記事の任意のタブを開いた状態を、URLパラメータに記述して再現可能にします。 pushStateを使うことで、ブラウザの「戻るボタン」の動作にも対応できます。要点 pushStateを使っているのは…

2015-03-02

Unicodeでの文字コードの値を16進数で取得したい

JavaScript

JavaScriptならば下記のように。 alert('あ'.charCodeAt(0).toString(16)); ちょっとしたサンプルを作ってみました。サンプル: Hex Unicode Converter - JSFiddle また、こんなサイトも見つけました。文字の説明まで表示してくれるのが便利です。外部: Un…

2014-07-08

JavaScriptで追加したスタイル指定を削除して元のCSSの指定に戻す方法

jQuery JavaScript

結論 jQueryでも素のJavaScriptでも、空文字''を代入すればいいようです。例 CSS #foo { width: 20%; } jQuery // スタイル指定する $('#foo').width('100%'); // 元のCSSの指定に戻す $('#foo').width(''); JavaScript // スタイル指定する document.getEl…

2014-06-18

JavaScript: JSDoc3に即時関数内の記述も拾ってもらうための苦肉の策

JavaScript

最終更新: 2017年4月19日目次結論 (追記:2017年4月19日) 例以前の内容 JSDocのバージョン結論経緯 jQuery 結論 (追記:2017年4月19日) 苦肉の策でも何でもなく、@externalできれいに表現できます。参照: Use JSDoc: @external 例 /** * @file jQuery Pl…