Category : Tips

- 173 Articles -

jQuery:スクロールで表示されるページトップの実装方法

Read Article

jQuery:スクロールで表示されるページトップの実装方法

数多くのサイトで実装されているのを見かける、ページを一定量スクロールすると出現する「このページの先頭へ」のようなページトップを実装する方法を紹介します。このブログでも実装している(現在は未実装)のですが、同じような動きを実装したいというお問い合わせをいただいたのでその方への回答も兼ねて、動きが被っている感じですが全7タイプの実装方法を紹介します。

  • Tips
hr要素のデザインサンプル 12

Read Article

hr要素のデザインサンプル 12

`hr`要素は罫線を表示させるもので、話題を変える時の目印となる区切り線などとして用いられます。どのブラウザでも完璧に同じ見栄えをとなると背景画像とかがやはり手っ取り早いし無難なんですが、やろうと思えばCSSだけでも結構いろいろとできるので、備忘録兼ねて`hr`要素をスタイリングしたものをまとめてみました。

  • Tips
ECサイト制作時に便利なjQueryスニペットやプラグイン

Read Article

ECサイト制作時に便利なjQueryスニペットやプラグイン

商品のズーム機能やセール情報のカウントダウン表示といったような、ECサイト制作時に便利なjQueryスニペットやプラグインを備忘録兼ねて紹介します。上手く取り入れればユーザビリティの向上に大きく繋がってくると思いますが、見た目が良いからなどの安易な理由で闇雲に取り入れても逆にユーザビリティを損ねかねないので、本当に必要かしっかり考慮する必要があります。

  • Tips
jQuery:よく使用される機能をまとめて実装できるプラグイン

Read Article

jQuery:よく使用される機能をまとめて実装できるプラグイン

引き続きjQuery関連の備忘録。スムーススクロール・タブ切り替え・ロールオーバー・アコーディオンなどといった、サイト制作時によく使われる機能をまとめて実装することができるプラグインのまとめです。予め使用する機能がはっきりわかっていれば、こういった便利なものを使用することでファイルの散乱も防げますし、管理もしやすくなりますね。紹介するプラグインの中には必要な機能だけを選択してダウンロードできたりも…

  • Tips
IE7も対応しているパララックスエフェクトのスライダープラグイン「jQuery Destaque」

Read Article

IE7も対応しているパララックスエフェクトのスライダープラグイン「jQuery Destaque」

パララックス効果が付いたスライダーをいろいろと探したり試していたところ、「jQuery Destaque」というjQueryプラグインが手軽さやサポートブラウザなど、総合的に一番いい感じだったので備忘録兼ねて紹介します。CSS3を併用したものやモダンブラウザのみ問題なく動くプラグインなどであれば他にも沢山ありますが、これはサポートブラウザにIE7+も含まれていたり、設置方法や動きもシンプルなのでカ…

  • Tips

Close the search window,
please press close button or esc key.