ウェブデザインで重要な見出しの： hタグ ！
適度なインパクトと、見やすさとお洒落さが欲しい❤
世の中の親切で聡明な人が考えてくれているお洒落なCSSの中でも、
よく使う割にいちいち検索しているので、ちょっとまとめておこうかと
hタグ 見出しのデザイン
現在このブログではここの
05.アメリカンな(?)吹き出しを使わせてもらってます♪
便利なところは
[サンプルとソースを見る »]というボタンですぐに使える所です
Hタグというわけでもなく、見出しのデザインに便利なこちらも
ありがたや
とにかくシンプルなタグがこちら
無駄を省いたシンプルイズベストなタグ特集
こちらのサイトからはタイトルH1タグで使わせてもらっています♪
吹き出し限定
吹き出しのデザイン専門のサイト
マイナーすぎてあまり使わないんですが、見出しのアレンジには使えるかと
アレンジで色を変える時に使うサイト
ボーダー、フォント、バックグラウ度の色を微妙に変える時に便利なカラーパレットサイト
何に使ったか覚えていないんですが、Bookmarkしてあったサイト
(Syncerというサイトより)
ここはブランドの色が一覧で見られます！
Twitterのブルー
Amazonのオレンジ
Instagramのくすんだブルー
など見ていると面白いし、何となく傾向が分かってくる感じ
ものすごく研究されつくしてあの色だと思うんですよね
今初めて元のサイトを見てみたら、日本人でした🐻
ラーメンとウェブが好きな人だそうです
ラーメン情報ありましたよ(笑)
CSSボタンが簡単に作れる便利なサイト
これが便利なんですよ
大きさも自由に変えられるし、グラデーションあり無しもワンクリック
色もその場ですぐ変更可♪パレットも必要なし
このブログでは投稿下部のタグをボタンにしてみました
ありがたや(再)
CSSの基本を勉強するなら
私は本でやったんですが、今は親切な学習サイトがたくさんありますね☆
ささっと基本を知るならサイトで習得する方が速そうです。
この辺とか、CSSだけでなくRubyとかJavascriptもあるので一通りささっと勉強できる
ただ、細かいところをつつくなら辞書のような本があると便利
私が持っている本はEric A Meyerの本です
cssといえばこの人って感じではないですか
が、しかし、親切で聡明な人がいろいろまとめてくれているサイトがたくさんあるので
ググる方が早い(笑)
サイトならこちらがおすすめ
今回のヘディング(Hタグ)についてだと
こういう所：http://red-team-design.com/cool-headings-with-pseudo-elements/