コンテンツのmarginの話【初心者向け】
今回はページをコーディングするときの超基本的なmarginのお話です。 最初のころ、ぐちゃぐちゃなコーディングしてコードが気持ち悪いことに...
「初心者」一覧
cssのみで条件分岐(セレクタ利用)
今回はcssのセレクタを利用した条件分岐的な書き方をご紹介します。 デモはこちら <仕様> ・レスポンシブ対応 ...
flex奇数個を並べる
flexを使用して、コンテンツを並べるときにjustify-content: space-between;を使用すると、二段目以降が左寄せで...
widthとかflex-basisに便利【calc】
今回は、flexを用いたレイアウトの時に知っていると便利な関数を紹介します。 動作のサンプルはこちら！ 動作サンプルは、サイズを変更...
フォームのレイアウト【form & table】
今回は、お問合せフォームのレイアウト例を紹介します。 動作のサンプルはこちら！ フォーム作成は、tableタグを使用することで簡単に...
【flex】小技
今回はレイアウトに便利なdisplay:flexの小技をご紹介します。 動作のサンプルはこちら！ サンプルと失敗例を載せてあります。失敗...
画像に色を重ねる【::before】
今回はbackgound-imageを使用して、画像に色を重ねてみます。 動作のサンプルはこちら！ 画像の上にマウスを持っていくと、画像...
スライド【slider pro (jquery)】
今回は【slider pro (jquery)】を使用したスライドメニューをご紹介したいと思います。 slider proを使用したスライ...
疑似要素【before】
今回は疑似要素【before】を紹介したいと思います。 <デモ> menu1 menu2 ...