「 ryotataniguchiの記事 」 一覧

サイトにタブメニューを表示する機会があると思いますが、場合によってはページ内で複数箇所に設置したい時もあるのではないでしょうか。 今回は複数設置に対応したタブの切り替えをjQueryを使って実装する方 ...

ギャラリーページなどで、カテゴリごとに絞り込みをしたいという場合があると思いますが、今回はjQueryで簡単に絞り込み機能を作ってみます。 ユーザービリティが確実に向上しますので、是非覚えておいてくだ ...

Topに戻るボタンをクリックしたり、目次をクリックした時にページ内の目的の場所までスクロールさせたい時は多々ありますね。そんな時、パッと瞬間移動するのではなく、スルスルっと気持ちよく移動させた方がより ...

アイコンをクリックすると、パスワードの表示と非表示を切り替える表現が当たり前の様に使われていますが、今回はそれを簡単にjQueryで実装する方法をお伝えしたいと思います。 DEMOはこちら ※数字を入 ...

アコーディオンメニューって聞いたことがありますか？使いやすさをデザインする「UIデザイン」における表現方法のひとつで、コンテンツを開いたり閉じたりするのを、クリックで切り替えることで、ユーザーが欲しい ...

サイト内で画像をたくさん並べている場面はよくあると思いますが（ギャラリーページなど）、ただ画像が並んでいるだけだとつまらないですよね。 そこで今回は、画像を1枚ずつ順番にフェードイン表示させる方法をお ...

動きがないサイトだと退屈に思われてしまうことがあります。 今回は、スクロールをして可視範囲になったら要素がふわっと表示されるアニメーションを簡単にjQueryで実装する方法をお伝えしますので、是非サイ ...

Webサイトのローディング画面は、ユーザーにページ読み込みが行われていることを伝えやすく、表示までのストレス軽減に役立つのでおすすめです。 今回はCSSアニメーションを利用した簡単なローディング画面を ...

iOSでフォームに入力しようとしたら画面が勝手にズームされてしまったことはありませんか？ 今回は、そんな時の対処法をお伝えします。 拡大の原因と対処法 なぜ拡大してしまうかというと、iOSはfont- ...

Webサイト制作でレイアウトを組む上で、要素の中央配置の仕方をきちんと理解してるかどうかはとても重要です。しかし、中央寄せの仕方は沢山ありすぎる・・・・。 そこで今回の記事では、自分の備忘録も兼ねて上 ...