[CSS] 見出しと本分のレイアウトサンプル

Subheads samplecss

h2, h3, h4 で見出しを付けて、pで本分を書くという良くやるレイアウトのサンプルCSSです。ただ単に見出しを太字で大きくして、少しマージンをとってその下に本分を書くというものから、サイドにレイアウトするものまで様々あります。

参考にしてみるのもよいかもしれません。

[CSS] リストやキャプションなど、アニメーションエフェクトCSSのサンプル

ポップアップダイアログ、ボタン、リスト、キャプションなどのアニメーションエフェクトCSSのデモが一覧できるページ。CSSコードなどはSource元で確認できます。

freepik.comでは、フリーの写真・PSD・ベクターファイルを簡単に探すことが出来ます。検索結果にはshutterstockのスポンサードファイルも混じることがありますが、freepikにあるファイルは無料なので、Webの素材探しに使えます。

アイコンなどで最近流行のロングシャドウから普通のテキストシャドウまで、フォントを装飾するCSSコードを簡単に生成できるジェネレーターです。

TEXT ONLYのチェックを入れることで、テキストのみの装飾にすることができます。

色々なエフェクトで表示するポップアップウィンドウ。
くるっと回ったり、背景をぼかしてポップアップを強調したりと面白くも実用的なエフェクトが揃っています。