タグ

2014年6月17日のブックマーク (2件)

  • Bootstrap 3 を WordPress で使ってみる | Web Design Leaves

    コンポーネントをカスタマイズ(色やラウンドコーナーの値を変更)してダウンロードするには、「Customize」のページでそれぞれの値をカスタマイズして、ページ最下部の「Compile and Download」をクリックする。 jQuery の読み込み Bootstrap 3 を使用するには jQuery が必要なので、 jQuery を header.php や functions.php で読み込む。WordPress はデフォルトで jQuery ライブラリが同梱されているが、以下は functions.php で CDN から読み込む場合。(同梱されている jQuery ライブラリを使っても問題はない) 訂正 この場合「add_action()」で wp_print_scripts フックを使うとバージョン 3.6 からはデバグモードでは Notice エラーが表示されるので、代わ

    masakaz77
    masakaz77 2014/06/17
  • [JS]シンプルでかっこいいスクロールエフェクトを簡単に実装できるスクリプト -ScrollMe

    スクロールしてビューポートに要素が表示された時に、さまざまなアニメーションを適用するjQueryのプラグインを紹介します。 スクリプトは外部ファイルを加えるだけで、アニメーションはHTMLに記述する簡単実装です。アニメーション用に他のJSやCSSは必要ありません。 ScrollMe ScrollMe -GitHub ScrollMeのデモ ScrollMeの使い方 ScrollMeのデモ ページ全体がデモになっており、その半分ほどをアニメーションgifにしてみました。 要素がビューポートに入った時、全部が入った時、入っている間中などをトリガーにアニメーションが設定できます。 デモのアニメーション ヘッダと打ち出しはスクロールするとフェードしながらスライド、Aboutでは各サムネイルがさまざまなアニメーションで表示、Usageではパネルがフェードしながらスライドして表示されています。 Usa

    masakaz77
    masakaz77 2014/06/17