「プログラミング」 一覧

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

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

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

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

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

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

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

Webサイトを制作していると、ブラウザの高さいっぱいに要素を広げたい場面はよくでてきますが、要素のheightを100%にしただけでは高さいっぱいに広がらなくて、CSSを勉強したての僕は物凄く困った覚 ...

パンくずリストが長くなった時に、二行にせずに一行のまま表示したい時はありませんか（主にスマホで）？ 今回は、長くなったパンくずリストを、CSSで一行のまま表示する方法をお伝えしたいと思います。 DEM ...

前回、前々回とメソッドという仕組みについて学びましたが、今回はメソッド関連の最終記事です。 使ってみると割と簡単ですけど、使う機会が多いアニメーション系メソッドです。では早速見ていきましょう。 アニメ ...