CodyHouseでは、実用性が高めなjs/css/htmlライブラリを色々配布しています。
例えば、ページの先頭に戻るBack to top、スクロールで複数の壁紙を切り替えるAlternate Fixed & Scroll Backgrounds、GoogleマップのデザインをおしゃれにするCustom Google Map、比較やカタログなどで使えそうなレスポンシブテーブルのCross reference table等々。
導入方法も丁寧に解説されているのでオススメです。
Source: Library | Cody
CSSだけで描写されているシンプソンズのキャラクター達。
著作権があるのでバンバン使うってわけにはいきませんが、スゴイです。
ちゃんと瞬きもします。
Source: The Simpsons in CSS
マルチデバイスの観覧に対応したレスポンシブレイアウトのデザインサンプルとして使えるWeb Starter Kit。出来合いのテーマだとオリジナリティに欠けるという場合、このフレームワークを活用してオリジナリティを出す事が出来ます。
グラディエーションやチェックなどの背景を、画像を使わずにCSSのコードだけで再現するサンプルコードがCSS Gradients with background-blend-modeで、配布されています。
ブロードバンド時代になりあまり重視されなくなったサイトの容量ですが、画像を背景にする場合と比べて十分の一以上容量を削減することができます。
ナビバー、ボタン、チェックボックス、ラジオボタン、ドロップダウンメニュー、入力フォームなどのサンプル「Get Shit Done Kit」。
Googleアカウントでログインすれば、無料ダウンロードすることができます。