Startup用ウェブサイトが作成できるPSDからHTML/CSS/JSまでセットになったフレームワーク -Startup Design Framework
Post on:2013年12月18日
Startup用ウェブサイトでよく見かける1ページで構成されたさまざまなレイアウト、コンポーネントが用意されたPSDから、HTML/CSS(LESSも)/JavaScriptまでセットになったフレームワークを紹介します。
デザイナーもコーダーも、そしてディレクターもダウンロードしておいて損はないでしょう!

Startup Design Frameworkは有料版とデモ版の2種類があり、ここではデモ版を中心に紹介します。
デモ版といってもダウンロードファイルで100MB超えなので、すごいボリュームですよ。しかも商用利用でも無料!
ファイルのダウンロードは、下記ページの下の方から。
デモでは11種類のコンポーネント、2種類のサンプルサイトが入ってます。有料版は80種類のコンポーネントと25種類のサンプルサイトです。
ダウンロードできるファイルにはこれらのPSDやHTML/CSS/JS一式が全て入っています。
サンプルサイトは、オンラインで見ることもできます。
まずは一つ目、Sample #3。

1ページで構成されたスクロールサイトで、ページ内にはさまざまなコンポーネントやCSS/JavaScriptのインタラクションが仕込まれています。

Sample #3をスクロールしたキャプチャ
続いて、Sample #4。

Sample #4はめちゃ長いので、縮小キャプチャで。

また、Sample #4を使って運営されているサイトもあります。

デモファイルのライセンスはCC 3.0で、個人でも商用でも無料で利用できます。
sponsors