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

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

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

Source: Design Patterns on CodePen

[js/css] 実用性の高い色々なライブラリが揃う「Cody」

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

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

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

Source: Library | Cody

[Web] デザインの参考になるページのスクショを集めたサイト

各有名サイトのレイアウトやロゴマーク、404ページなどのスクリーンショットを集めてサンプルとして観覧できるサイトがあります。

どういうデザイン・配色にしようかと漠然と考えているとき眺めると、何か思いつくかもしれません。(パクれといってるんじゃないよ?)

Source: Call to Idea – Get inspired!