[CSS] 様々なエフェクトを加えたボタンのサンプル「Hover.css」

2015年1月12日

マウスオーバーでエフェクトするボタンのサンプルです。
FontAwesomeのアイコンがアニメーションするものもあり。

[CSS] CodePenでメニューやボタンなどのデザインサンプルコードが公開

2014年9月18日

CodePenに、デザインパターンのサンプルページが新しく創設され、グラフ・タブ・ボタン・ドロップダウンメニュー・ログインフォーム・ページナビ・テーブル・マップなど、大量のデザインサンプルが取得できるようになっています。

これはかなり有用だと思いますので、是非ブックマークに登録しておきたいところ。

2014年7月9日

CodyHouseでは、実用性が高めなjs/css/htmlライブラリを色々配布しています。

例えば、ページの先頭に戻るBack to top、スクロールで複数の壁紙を切り替えるAlternate Fixed & Scroll Backgrounds、GoogleマップのデザインをおしゃれにするCustom Google Map、比較やカタログなどで使えそうなレスポンシブテーブルのCross reference table等々。

導入方法も丁寧に解説されているのでオススメです。