WEB制作

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

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

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

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

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

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

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

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

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

「背景画像を設定したのに映らない・・・」 という疑問にお答えします。 初学者の方にとってはよくあるエラーです。 特にメインヴィジュアルでこのエラーが発生すると、いきなりつまづいた感が出てしまって出鼻を ...