商用も無料!Bootstrapをベースに最近のトレンドを取り入れた新作テンプレートのまとめ
Post on:2014年11月5日
Webデザインの最近のトレンド、縦長ページ、スクロールエフェクト、CSS3アニメーション、フラットスタイルなどを取り入れたBootstrapのテンプレートを紹介します。
Bootstrapは先週3.3.0がリリースされ、Bootstrap4の開発も進んでるそうです。4ではIE8はサポート外になる予定。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014110503-10.png)
縦長ページでスクロールに合わせてコンテンツがアニメーションで表示されるテンプレート。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014110503-11.png)
こちらも縦長ページのスクロールでコンテンツが表示するテンプレートで、制作者用にカスタマイズを考慮した作りになっています。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014110503-12.png)
スマホアプリのランディングページ用のテンプレート。Sassサポート。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014110503-09.png)
Coming Soon
デモページ
個人・商用利用無料。
CSS3アニメーションを使った楽しいカミングスーン用のテンプレート。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014110503-20.png)
スクロールするとかわいいアニメーションで要素が表示される縦長ページのテンプレート。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014110503-21.png)
スクロールするとさまざまなアニメーションで要素が表示される縦長ページのテンプレート。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014110503-19.png)
レスポンシブ対応のスライダーを備えた縦長ページのテンプレート。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014110503-13.png)
Web制作者のポートフォリオ用のテンプレート。4つのカラースキームが用意されています。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014110503-14.png)
上記と同じ作者の制作者向けのポートフォリオ用のテンプレートで、こちらはシンプルなデザイン。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014110503-15.png)
Single Pager -Light&Dark
デモページ
個人・商用利用無料。
ライトとダーク、2種類のカラースキームを備えた縦長ページのテンプレート。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014110503-16.png)
Video Background
デモページ
個人・商用利用無料。
背景に動画を使った縦長ページのテンプレート。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014110503-17.png)
カミングスーンなどのランディングページ用のテンプレート。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014110503-18.png)
SuperAwesome
デモページ
個人・商用利用無料。
こちらもカミングスーン用で、アニメーションを使ったかっこいい仕上がりになっています。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014110503-08.png)
iPhone, iPad, MacBookのRetinaディスプレイに最適化された縦長ページのテンプレート。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014110503-01.png)
Happy Scroll
デモページ
個人・商用利用無料。
縦長ページで、コンテンツをカーテンのように引き上げて表示するテンプレート。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014110503-02.png)
サイドバーにオフキャンバスのナビゲーションを備えたフラットなスタイルのテンプレート。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014110503-03.png)
Google Plus
デモページ
個人・商用利用無料。
上部に二段のナビゲーションバーを備えたGoogle+にインスパイアされたテンプレート。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014110503-04.png)
Facebookにインスパイアされたデザインで、サイドにオフキャンバスのナビゲーションを備えたテンプレート。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014110503-05.png)
Colorful Flat
デモページ
個人・商用利用無料。
上部にスライダーを配置したランディングページ用のテンプレート。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014110503-06.png)
Landing Page with Login and Signup
個人・商用利用無料。
ログインとサインアップを備えたランディングページ用のテンプレート。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014110503-07.png)
ビジネスやコーポートレート、ポートフォリオ用の縦長ページのテンプレート。
sponsors