今回はWebページ用のおしゃれなボックスデザイン例を30個紹介します。どれもレスポンシブ対応で、HTMLとCSSのコピペで使うことができます。 CSSがうまく反映されないときはこちらの記事を参考にしてみてください。 使い方 HTMLとCSSの編集方法をご存知の方は読み飛ばしてくださいませ。 スキップ 手順1：CSSをコピペ のちほど紹介するボックスデザインのうち、気に入ったものがあればCSSをコピーします。これをブログやWebサイトのCSSファイルに貼り付けます。貼付け先はブログサービス別に以下のようになります。 link rel〜を貼る場所 WordPress[ダッシュボード][外観][テーマエディター]右側のバーの[style.css]※もちろんFTPソフトを使ってもOK はてなブログ[デザイン][][デザインCSS]スマホ用はの[フッタ]に<style></style>と入力、この中

サルワカでは「見出し」や「ボタン」などWebサイトのパーツごとに様々なデザインサンプルを作成しています。どれもHTMLとCSSのコピペだけで使えるものです（いわゆる「スニペット」というものですね）。 サンプルの数がかなり増えてきたので、このページでまとめておこうと思います。ブログのデザインカスタマイズの際に是非ご活用ください。 1. ボタンのCSSサンプル コピペで使えるボタンデザイン集です。シンプル、フラット、立体的、円形のものなど、かなりのバリエーション数を用意しました。気に入ったCSSを追加しておけば、記事内にHTMLテンプレを書くだけで好きなデザインのボタンが表示できるようになります。

今回はCSSのコピペで使える引用ボックスデザインのサンプルを30個作ってみました。引用タグ（blockquote）のデザインをサクッと変えることができます。どれも画像は使わず、HTMLとCSSだけで表示することができます。ブログやWebサイト運営者の方は、是非ご利用くださいませ。 使い方 デザインを紹介する前に、使い方を簡単に説明しておきます。 CSSをコピーして貼付け

日本に住んでいる人の大半は、生まれも育ちも日本で日本語を母国語にし、自分自身を「日本人」だと思っている日本人です。だからこそ「日本人」という強い自意識があり、「日本人とそれ以外」で線引きをしてしまいがちです。 その帰属意識は日本になにをもたらし、どこへ向かうべきなのか。わたしなりにちょっと考えてみました。 帰属意識が強い日本人が持つ日本目線 日本にいたとき、「みんな黒髪であること」や「みんな日本語を母国語としていること」に、まったく違和感を持っていませんでした。 日本に対する帰属意識が強かったんです。 ちなみに帰属意識というのは、「集団の一員だ」という意識です。「〇〇社の人間です」「同じ高校出身のよしみ」といった感じで、日本人は帰属意識が強いですね。 「日本」への帰属意識が強いからこそ、日本は多様性を受け入れづらい土壌になってるんだと思います。 「日本人」という帰属意識が強い理由 最近日本