jQueryで特定の要素にcssやcssプロパティを追加/変更/削除する記述方法 2015 January 24Tweet jQueryで特定のHTML要素にcssプロパティを追加/変更/削除する記述方法をメモします。 jQueryでstyle属性を直書きする場合は css( )メソッドを、cssを追加、削除する場合は addClass( ) / removeClass( )メソッドを使用します。 まずは、事前にhtml内でjQue...
【jQuery】【パララックス】時間差スクロールで奥行きのある動作を実装する方法 2014 September 11Tweet それぞれのレイヤーごとのスクロール速度をずらことで、奥行きの感じられる動作を実装することができます。 今回は、jQueryを使って、背景画像の縦スクロールと横スクロールのパララックスを実装してみます。 ・縦の時間差スクロールサンプルページ ・横の時間差スクロールサンプルページ html <b...
【wordpress】時間短縮！投稿画面にクイックタグをプラグインなしで追加する方法 2014 August 25Tweet ブログを書くときに、いつも'hn'タグや、'class名'など毎回記述していましたが、時間のムダということに気が付き・・・調べてみました。 wordpress投稿画面にある「タグを追加するボタン」は「クイックタグ」と呼ぶようです。ボタンひとつで任意のタグを挿入できたら便利ですよね。さっそく実装してみたら簡単にできたの...
ソースコードをハイライトするgoogle-code-prettifyを使ってみた【実装手順】 2014 May 23Tweet ソースコードのハイライトするのに、今までSynatx Highlighterを使っていましたが、Googleが提供しているGoogle-Code-Prettifyに変えてみようと思います。 Google-Code-Prettifyの良いところ ＊プラグインなしで使える ＊始めの行番号が指定できる ＊可読性が...
スマホ（iPhone/iPad）表示を要素検証する方法2つ【webインスペクタ】【デバイスチェック】 2014 May 04Tweet PCブラウザの開発ツールを使ったデバイスチェックをして問題がなくても、実際にデバイスで見てみるとエラー・・・T Tなんてこと、良くあります。 そんなときに便利なスマホ（タブレット）表示の要素検証方法手順を2つメモ。 その1 - iOSシミュレータを使ってチェック(デバイス全て持ってないとき) その2 - ...
【wordpress】jQuery Masonryでレンガ状のレイアウトに 2014 February 09Tweet 横幅や高さの異なる枠を、うまく隙間を詰めて配置してくれるjQuery「jQuery Masonry」をwordpressで使ってみます。 1,まずは公式サイトからjQueryのソースをダウンロード jQueryMasonry公式サイト：http://masonry.desandro.com/ ...
【jQuery】マウスオーバーで画像をふわっとフェードで切り替えるsmart-crossfade.js実装方法 2013 December 22Tweet 画像をマウスオーバーしたときにただぱっと切り替わるだけでも良いですが、ふわっとフェードで切り替わるようにsmart-crossfade.jsを実装してみました。 とっても簡単にできたので、使い方をメモします♪ >［2014.08.15］CSS3でふわっと切り替える方法の記事も書きました 手順↓↓ he...
