多くのウェブサイトをデザインする上でCSSやJavaScriptで魅力あるものにするのはなかなか大変ですよね。

wordpressで構築する際にも数多くのテーマはあるのですが、オリジナリティを出すためにはやっぱり一からテーマを作ることも必要ですよね。

ナビゲーションやアニメーションなどの参考になる海外サイトを紹介します。

codrops

Codrops___Useful_resources_and_inspiration_for_creative_minds

http://tympanus.net/codrops/

斬新なデザインやアニメーションがいっぱいのHTML、CSS、JavaScriptなどの紹介サイト。

単純なデザインに飽きた人には刺激的かもしれませんね。ただし、ターゲットに高齢者がいるとちょっとついていけないかもね…

対応しているブラウザも確認しよう。

また、サイトのテンプレートやSVGのチュートリアルなど色々あって参考になりますよ。

 

CodyHouse

CodyHouse_-_Free_HTML__CSS__JS_nuggets

http://codyhouse.co/

こちらもとっても参考になるHTML、CSS、JavaScriptなどの紹介サイト。

レスポンシブルウェブデザインにした際にどういったPCとスマートフォンなどのデバイスでどういった変化をつければいいのかなどとても参考になります。

見てるだけでも結構楽しいですよ。

 

CSSDB.co(おまけ)

Popular_CSS_Libraries_-_CSSDB
http://cssdb.co/

こちらはデザインというよりも、フレームワークなどのご紹介。

BootostrapやFont-Awesomeなどの有名どころから、あなたがまだ知らないものまで様々ものを紹介しています。まだ見ぬものに出会い知ることもまた一興ですね。