raido

今回はflexを使用したレスポンシブデザインのよくあるパターンを紹介します。 この記事でわかること ２カラム（PC）から１カラム（スマホ）に変更する ２カラムから１カラムに変更するとき、要素の順番を逆 ...

プログラミングを勉強しているみなさん、こんにちは！ ヘッダー（header）の位置を固定したい。 サイトの下の方へスクロールしても、常に最上部にヘッダーは表示させたい。 よく使う手法ですね。 けど、 ...

Googleアドセンスの審査がなかなか通らない・・・と悩んでいませんか？   私もブログを立ち上げたころは苦戦しました。 なぜなら私も４回目の申請でやっと合格したからです。 すぐに合格する人 ...

クリックイベントで出現させた要素を、再びクリックして要素を消したい！ というご要望にお答えします。 ポイントは、出現した要素をクリックして非表示するのではなく、サイト上どこをクリックしてもその要素を消 ...

要素の横並びは flex を使う人がほとんどだと思いますが、今回は「float」のエラー解決を紹介します。 floatを使ったはいいが、floatを指定した要素に、下の要素が入りこんできた！なんてこと ...

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

今回はFontAwesomeのサイズや色を変更する方法を紹介します。   目次 サイズ調整色の変更サイズ調整 FontAwesomeはテキストと同じです。 スタイルシート【 CSS】でfon ...

今の記事を見てくださっている方は、img要素を設置したとき、画像の下の余白を消せず困っていることでしょう。 なぜなら、これはpaddingやmargindをゼロにしても消えないからです。   ...

今回は、CSSにおける、「position:absolute」の中央寄せをご紹介します。 ＊親要素に対する「relative」の記述は省略します。   目次 左右（横方向）における中央寄せ上 ...

今回は、複数の画像を均等幅で横並びにする方法をご紹介します。 画像でもブロック要素でも、横並びにするときは「flex」を使いますね。 画像を並べたはいいが、画像が原寸で表示され、ブラウザからはみ出てし ...