-
【jQuery】フォーム内でパスワードの表示/非表示を切り替える
2020/12/29
アイコンをクリックすると、パスワードの表示と非表示を切り替える表現が当たり前の様に使われていますが、今回はそれを簡単にjQueryで実装する方法をお伝えしたいと思います。 DEMOはこちら ※数字を入 ...
-
【jQuery】アコーディオンメニューの簡単作成方法【たった3分で出来る】
2020/12/29
アコーディオンメニューって聞いたことがありますか?使いやすさをデザインする「UIデザイン」における表現方法のひとつで、コンテンツを開いたり閉じたりするのを、クリックで切り替えることで、ユーザーが欲しい ...
-
【jQuery】画像を1枚ずつ順番にフェードイン表示させる方法
2020/12/29
サイト内で画像をたくさん並べている場面はよくあると思いますが(ギャラリーページなど)、ただ画像が並んでいるだけだとつまらないですよね。 そこで今回は、画像を1枚ずつ順番にフェードイン表示させる方法をお ...
-
【jQuery】スクロールして可視範囲に入ったら要素を表示するアニメーション
2020/12/29
動きがないサイトだと退屈に思われてしまうことがあります。 今回は、スクロールをして可視範囲になったら要素がふわっと表示されるアニメーションを簡単にjQueryで実装する方法をお伝えしますので、是非サイ ...
-
jQueryとCSSでページ読み込み時のローディング画面を実装
2020/12/29
Webサイトのローディング画面は、ユーザーにページ読み込みが行われていることを伝えやすく、表示までのストレス軽減に役立つのでおすすめです。 今回はCSSアニメーションを利用した簡単なローディング画面を ...
-
【1分でできる】iOSのフォーム入力で画面が拡大されてしまった時の対処法【CSS】
2020/12/29
iOSでフォームに入力しようとしたら画面が勝手にズームされてしまったことはありませんか? 今回は、そんな時の対処法をお伝えします。 拡大の原因と対処法 なぜ拡大してしまうかというと、iOSはfont- ...
-
【CSS】要素の上下・左右中央寄せの方法7選【初心者向け】
2020/12/29
Webサイト制作でレイアウトを組む上で、要素の中央配置の仕方をきちんと理解してるかどうかはとても重要です。しかし、中央寄せの仕方は沢山ありすぎる・・・・。 そこで今回の記事では、自分の備忘録も兼ねて上 ...
-
【CSS】画面の高さいっぱいに要素を広げたい時の簡単な方法2つ
2020/12/29
Webサイトを制作していると、ブラウザの高さいっぱいに要素を広げたい場面はよくでてきますが、要素のheightを100%にしただけでは高さいっぱいに広がらなくて、CSSを勉強したての僕は物凄く困った覚 ...
-
【CSS】パンくずリストが長くなった時の対処方法【スマホ用】
2020/12/04
パンくずリストが長くなった時に、二行にせずに一行のまま表示したい時はありませんか(主にスマホで)? 今回は、長くなったパンくずリストを、CSSで一行のまま表示する方法をお伝えしたいと思います。 DEM ...
-
【jQuery入門】よく使うアニメーション系のメソッド8選
2020/11/28
前回、前々回とメソッドという仕組みについて学びましたが、今回はメソッド関連の最終記事です。 使ってみると割と簡単ですけど、使う機会が多いアニメーション系メソッドです。では早速見ていきましょう。 アニメ ...