要素

number

【CSS】grid で並べた要素の順番を変える方法 CSSでorderを設定しよう

Web制作を勉強中のみなさん、こんにちは。 今回は、grid で並べた要素の順番を変える方法を紹介します。   gridで横並びにした要素があるとします。 その要素をスマホサイズで縦並びにす ...

mistake

【HTML】コードチェックでよく出るエラーを紹介 修正してHTMLの理解を深めよう

プログラミングを勉強中のみなさん、こんにちは! 今回は、「コードチェックでよく出るエラー」を紹介します。   自分で書いたコード(HTML)をコードチェックツールにかけると、 意外とエラーが ...

flex-align-items

【CSS】flexで高さがバラバラのまま要素をならべたい align-itemsをマスターしよう

2022/12/28    , , , , ,

今回は、flexを使うときの便利なテクニック、「align-items」を紹介します。 以前私がハマってしまったのが、高さが異なる要素を並べたとき、自動で高さがそろってしまったことです。 高さはバラバ ...

整列

【Bootstrap】要素の順番を変えるクラス名 order-ブレイクポイント-数字 レスポンシブ

今回は、Bootstrapにおけるレスポンシブデザインで、要素の順番を変える方法をご紹介します。 例えばLargeサイズからMediumサイズへ移行するとき、もちろん他のサイズの移行でも構いませんが、 ...

クリック

【jQuery】クリックイベントで表示させた要素を領域外クリックで非表示にします 

クリックイベントで出現させた要素を、再びクリックして要素を消す。 しかし、同じ要素ではなく、サイト上どこをクリックしてもその要素を消せる。 いわゆる 領域外クリック というやつですね。 今回はこれを紹 ...

アイキャッチ

【jQuery】対象要素(セレクタ) を2つ指定したいときのコード

2023/5/3    , , ,

今回は、jQueryの動作を設定するとき、対象要素(セレクタ) を2つ指定したいときの記述を紹介します。 ちょっとしたことですが、気になる人もいるかと思いますので、簡単紹介します。 目次 サンプル解決 ...

© 2024 人生フリーハンド Powered by AFFINGER5