CSS

ハンバーガーメニュー（ドロワーナビゲーション）を楽して作りたい人ハンバガーメニューどうやって作るんだろ？毎回作るの大変そうだから、ちゃんとしたテンプレほしいなぁ こういった疑問に答えます。 しんぺーこの記事を書いているぼ […]

サイト内検索の実装に、なんとなく苦手意識がある人 サイト内検索の実装って大変そう…サイト内検索実装してって言われたけど、どうすればいいか分からない実装面倒だし、もう実装しなくていいかなぁ、、 こういった悩みに答えてい […]

完成のイメージ お問い合わせのフォームに入力画面、確認画面、完了画面があるけど、こういうのどうやればいいんだ？？ currentクラスをつけた時にCSSで装飾を変えるところまではできたけど、この先どうすればいいか分からな […]

完成形のイメージ 上記の3カラムのカードのコーディングを解説します。 カード型UIのコーディングに困っている人 カードタイプのモジュールのコーディングって面倒。 文字数変わったり、要素数変わると表示崩れちゃうし。 画像の […]

コンテナ幅を超える画像の配置方法です。 1行のCSSで可能です。いちど親要素のcontainerから出してコーディングすることもできますが、面倒なのでCSSを1行追加して実装します。 CSS これだけです。 要素の幅（1 […]

まえに箇条書きのリストを作成したので、今回は番号付きのリストです。 改行時にインデントを揃えつつ、自動で番号を割り振ってくれるリストです。こちらは少し複雑です。コピペでサクサクいきましょう。 num-list HTML […]

改行したとき、インデントされないと気持ちわるいですよね。きれいにインデントされていると、見やすいです。 ・こういう箇条書きは改行された時に、見にくいですね。 コピペして使い回せる箇条書きのセットです 改行してもきれいにイ […]