カテゴリー: web制作メモおよび独り言

bxSlider：http://bxslider.com/ ループ・キャプション・サムネイル、など、多彩な設定ができる。 設定も複雑ではないし、それぞれサンプルもあるので、設置が楽なスライダーです。

投稿リスト付きのタームリストで、タームの階層によって見出しタグを変える、 タクソノミーページではすぐ下のタームへのリンクのみを表示する、 投稿一覧で2階層目と3階層目のタームのみ表示する、 などで、タームの階層を判別する…

EasyTabs.js http://os.alfajango.com/easytabs/ 使い方もわかりやすいので、オススメです。 このタブ切り替えの中に、画像の切り替えと開閉コンテンツを入れないといけなくて…画像切り…

メニュー部分で画像とテキストを切り替えてリンク、という仕様で、タブ切り替えがいいかな、と、tabulous.js を利用した。 scale、scale up、slide、flip の４つの動きを選べる。 デフォルトではク…

スクロール時にグローバルナビが常に見えるように、ということで、SMINT を付けたのだけど、accordion のあるページで干渉して、jQuery のバージョンを両方が動くものに変えるとグローバルナビのリンクが効かなく…

大きさの違う写真をきれいに並べたい、ということで、Masonry を実装した。 グリッドレイアウトにしたい親要素と並べたい子要素、グリッドの最小幅を指定するだけで、案外簡単だった。 ただ、最新版はIE8以降対応なので、I…

一覧を表示する際、サムネイル付きでフロートさせる場合など、1つずつ左寄せ右寄せ、とか、4つずつ clearfix で括るとかに必要なカウントの付け方のまとめ。 while 文の場合、while の前で初期化 $post_…