Web制作者は絶対ブックマークしておきたい、デザインやコーディングに役立つサイトのまとめ
Post on:2015年7月15日
フロントエンドのデザインやコーディング時に調べたり、アイデアやインスピレーションがもらえるお役立ちサイトを紹介します。
最近リリースされた、特に便利なサイトをまとめました。
![フロントエンドのWeb制作者向け お役立ちサイトのまとめ](http://coliss.com/wp-content/uploads-201502/2015071507.png)
写真: Girly Drop
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015071506-01.png)
LAPA -Landing Pages Collection
プロダクトやアプリのかっこいいランディングページを集めているサイト。デザインやインタラクションのインスピレーションがもらえます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015071506-02.png)
CSS, jQuery, JavaScriptでつくられたレスポンシブ対応のナビゲーション集。デモやチュートリアルなどがコレクションされています。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015071506-03.png)
最近はさまざまなインタラクションを備えたUIが増えてきました。使いやすく、ユーザーを楽しませるUIを実装するコードが集められています。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015071506-04.png)
Bootstrap, WordPress, Ghost, Material Designをはじめ、ブログ用、ランディングページ用、Eコマース用、管理画面用など、さまざまなテンプレートがまとめられています。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015071506-05.png)
Unsplash ItやKaboompicsなど、CC0ライセンスの写真画像がダウンロードできるサイトを横断検索できます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015071506-06.png)
デザインやコーディングなど、フロントエンドのWeb制作者向けのツールやリソースをまとめたサイト。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015071506-07.png)
jQueryを使ってやっていることをjQuery無しのプレーンなスクリプトで書くとどうなるのかが分かります。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015071506-08.png)
Javascriptの構文と基本的なコンセプトを一枚のマインドマップにまとめたもの。画像やPDFファイルとしてダウンロードできます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015071506-09.png)
Google提供のモバイルデバイスのサイズ・解像度・アスペクト比の一覧。サイドバーでは、Material Designを適用する時の情報や最適なタッチサイズなど、実装に必要な情報がチェックできます。
sponsors