Startup用ウェブサイトが作成できるPSDからHTML/CSS/JSまでセットになったフレームワーク -Startup Design Framework

Startup用ウェブサイトでよく見かける1ページで構成されたさまざまなレイアウト、コンポーネントが用意されたPSDから、HTML/CSS(LESSも)/JavaScriptまでセットになったフレームワークを紹介します。

デザイナーもコーダーも、そしてディレクターもダウンロードしておいて損はないでしょう!

サイトのキャプチャ

Startup Design Framework

Startup Design Frameworkは有料版とデモ版の2種類があり、ここではデモ版を中心に紹介します。
デモ版といってもダウンロードファイルで100MB超えなので、すごいボリュームですよ。しかも商用利用でも無料!

ファイルのダウンロードは、下記ページの下の方から。

デモでは11種類のコンポーネント、2種類のサンプルサイトが入ってます。有料版は80種類のコンポーネントと25種類のサンプルサイトです。
ダウンロードできるファイルにはこれらのPSDやHTML/CSS/JS一式が全て入っています。

サンプルサイトは、オンラインで見ることもできます。
まずは一つ目、Sample #3。

サンプルのキャプチャ

Sample #3

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

サンプルのキャプチャ

Sample #3をスクロールしたキャプチャ

続いて、Sample #4。

サンプルのキャプチャ

Sample #4

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

サンプルのキャプチャ

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

サンプルのキャプチャ

Hipsta Food

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

top of page

©2017 coliss