jQueryテンプレ

iPadで端が切れたり余白できたり。。スマホとiPadでviewport設定をjsで振り分ける

スマホはレスボンシブ、iPadはPC画面縮小表示したい。 そんな訳で実装する為に、↓この3つについてご説明します。 ・レスボンシブサイトのviewport設定 ・PC表示をそのまま縮小する為のviewport設定(iPad用) ・デバイスによってviewport設定を振り分けるレス…

jQueryでページ内リンクを、スルスル滑らかに移動させる簡単スムーススクロール

smoothScroll.jsは、 ページ内のリンク先をスルスル気持ち良く移動する人気jsライブラリーです。ただ、わざわざライブラリー使わなくてもjQueryでできるので、 テンプレ用に書き留めておきます。デモもありますので、参考にしてください。 jQuery版スムース…

lightboxなどのjQueyと競合(バッティング)しないrollover (rolloverとlightboxの競合を回避する)

どうして競合するのか?よく質問されるので、いまさらですがまとめてみました。 私は「3」をテンプレとして使っております。 1. 「$」を「jQuery」置き換える。 簡単に言うとDOM構造内で「$」バッティングしているのが原因なので、 「$」を「jQuery」置き換…

IE6 ロールオーバーも透過pngにする「DD_belatedPNG.js」(2)背景が表示されない時の対応も解説。

▼以前の記事(IE6で透過pngを表示させる基本的手順) http://d.hatena.ne.jp/soratomo0714/20120627以前の記事では「4.画像置換(ロールオーバー)を設定する場合は・・・」で、ロールオーバーは使えないのでcssで設定するとしましたが、head内にソースを少…