-
CSSとJavaScriptで作るハンバーガーメニュー
ホームページでよく出てくるパーツ「ハンバーガーメニュー」。 今回は、ハンバーガーメニューの作り方を紹介します。 ハンバーガーメニューとは ハンバーガーメニューとは、スマホなどでのクリックすると開くメニューのこと。この３本線が、ハンバーガーの... -
ラジオボタン・チェックボタンの代わりに画像選択にする方法
HTMLとCSSで、フォームのラジオボタンやチェックボタンの代わりに画像選択にする方法の紹介です。 Before After HTMLとCSS <div> <input id="image_a" type="radio" value="image_a.jpg" name="image"&g... -
箇条書きリストをおしゃれにするCSS10個
ブログ記事を書いていると頻繁に登場するのが、箇条書き。項目を並べたり、まとめるのに便利で、わたしもよく使います? 今回は、CSSコピペでできる、おしゃれなリストのデザインをご紹介します。 リストの基本の書き方 リストには「番号付き」と「番号なし... -
【CSSコピペOK】おしゃれな引用blockquoteデザイン10選
記事を書く時に、他のホームページやブログの文章を一部紹介したいことって、けっこうありませんか？ この記事ではコピペで使えるCSSのサンプルを５つ用意しました。 ブログやWordPressで引用符（blockquote)デザインを変える方法もご紹介します。 HTMLとC... -
【CSS】シンプルで女性らしい囲み枠デザイン48選
この記事では、無料ブログ向けにコピペでできる、大人女性向けの飾り枠のデザインを用意しました。また、好きな色にアレンジする方法も解説しています。 文章の中で囲み枠を設定すると、記事内で文章を目立たせたり、メリハリをつくることができます。 読... -
コピペで作れるかわいい見出しデザインのCSS
CSSのコピペだけで反映できる、簡単な見出しデザインを用意しました。フォントのサイズや色はご自由に変更ください。 見出しを使うメリット 見出しを使うと、記事の読みやすさがUPします。 記事の要点を読者に伝えることができる 読者が目的の情報を素早く...
12