jQueryのスライダーをホームページに取り入れる時に注意したいこと
トップページなどでよく使われるスライド式に自動で画像が切り替わるスライダー。ローテーションバナーやカルーセルと呼ぶこともあります。 スライダーを複数のコンテンツや写真を見せるのに便利で、かっこよくも見えます。jQuery…
jQuery
jQuery
jQuery
jQuery
CSS
スクロールしている時の背景画像にパララックス効果を加える方法
最近よく見かけるスクロールしていくと固定された背景画像が変わっていくページを作ってみました。最近よく見かける割に、すごい新しい手法を使って作ったわけではないので、工夫次第で、今ある技術でもっといろんな表現が出来るかもなぁ…
jQuery
jQueryで下までスクロールした時にフッターに固定されるボタンを作る方法
Webデザインをしていて、ページトップへのボタンの見せ方が気になることはありませんか？ 最近のデスクトップサイトではページトップ戻るボタンを付けているところが減っているように感じますが、スマホサイトではまだまだ見かけます…
jQuery
jQueryを使って簡単な視差(パララックス)効果を加える方法
以前、当サイトで視差効果(パララックス効果)についての記事を書きました。 スクロールした時に背景やコンテンツにそれぞれ微妙に変化を加えて遠近感を感じる パララックス効果と一言でいっても、見せ方は無数にあります。横に景色が…
CSS
CSSでリストのマーク・数字だけ色変えたり、影を付ける方法
HTMLで<li>要素の色を変えたり、影(shadow)を入れたい時、普通に指定するとマークや数字も変わってしまいます。数字の連番などは今までは画像で一つ一つ対応していましたが、それぞれにクラスを指定する必要…
jQuery
jQueryプラグイン｢MeanMenu｣を使ってWordPressのメニューをスマホ対応にする
当サイトで使わせてもらっているjQueryプラグイン｢MeanMenu｣メニューを階層構造にして表示してくれるアコーディオン型で表示してくれます。アコーディオン型のいいところはメニュー項目が多くても対応できるということで…
jQuery
jQueryを使って並べられた画像を順々に表示させる方法
ほとんどのフリーランスのWebデザイナーの人が自分のポートフォリオを作っていることでしょう。ここに一人、例外がおりますが（汗 ※現在キューピッチで制作中です ポートフォリオサイトを作る時に単純に画像が表示させるだけだと、…