Image may be NSFW.
Clik here to view.
2011年にTwitter社が発表したHTMLフレームワーク、Bootstrapは、世界でもっとも利用されている、人気フレームワークのひとつです。あらかじめCSSスタイリングを施したコンポーネントや、プラグインなどが用意されているので、あたらしいWebプロジェクトを、容易に展開することができるようになります。
海外デザインブログTemplate Monster Blogで、Bootstrapを利用した、高品質でクリエイティブな、無料HTMLテンプレート素材をまとめたエントリー「Free Bootstrap Templates From Around the Web」が公開されていたので、今回はご紹介します。
Bootstrapをベースに、2013年トレンドなフラットデザインや、パララックスコンテンツを追加したり、フルスクリーンイメージ写真を活用したりと、有料テンプレートにも負けないクオリティが魅力です。
詳細は以下から。
Bootstrapを利用した、高品質でクリエイティブな無料HTMLテンプレート素材まとめ
フラットデザインをベースに、アニメーション付スライダーや、ソート機能付ギャラリーなど、合計14種類のHTMLページを収録しています。
Image may be NSFW.
Clik here to view.
レイアウトはシンプルなのですが、Flat UIアイコン素材を利用することで、統一感が一気に増しますね。全5ページを収録です。
Image may be NSFW.
Clik here to view.
フルスクリーンスライダー、アニメーション付ソート機能、パララックスエフェクトなど、トレンドを盛り込んだ仕様が素敵です。
Image may be NSFW.
Clik here to view.
フルスクリーン写真を利用したヘッダーに、ナビゲーションメニューをオフキャンバスで表示します。
Image may be NSFW.
Clik here to view.
企業サイトなどを想定した、基本的なHTMLレイアウトに加え、サムネイルホバーエフェクトなどにもこだわったつくり。
Image may be NSFW.
Clik here to view.
レンガ状にコンテンツを並べるレイアウトが印象的で、多彩なアニメーションやレスポンシブなど、ポイントを押さえたつくりとなっています。
Image may be NSFW.
Clik here to view.
フルスクリーンスライダーがすこしだけ、コンテンツに重なるように設計されており、WebアイコンフォントFontAwesomeもインストール済みです。
Image may be NSFW.
Clik here to view.
背景にイメージ写真を利用した、半透明コンテンツボックが魅力的なカスタマイズとなっています。
Image may be NSFW.
Clik here to view.
パララックスエフェクトを活用した、クリエイティブなWebサイト作成に使いたい、高品質フリーHTMLテンプレート。
Image may be NSFW.
Clik here to view.
企業サイト作成に向いた、Q&Aページやお問い合わせページなど、豊富なHTMLテンプレートが収録されています。
Image may be NSFW.
Clik here to view.
フルサイズで展開するイメージスライダーに、3カラムレイアウトを中心とした、HTMLテンプレートページが収録されています。
Image may be NSFW.
Clik here to view.
フラットデザインを意識した、余計なデザインを省いたミニマルテンプレートは、配色の参考にもいかがでしょう。
Image may be NSFW.
Clik here to view.
Spot – Freelance & Agency Theme
フリーランスで活動するひとの、ポートフォリオギャラリーサイトなどによさそうな、ミニマルHTMLテンプレート。
Image may be NSFW.
Clik here to view.
関連まとめ すべて無料！レスポンシブWebデザイン対応のHTMLテンプレート素材まとめ
高機能でカスタマイズ自由な、フリー素材をあつめています。
Image may be NSFW.
Clik here to view.
プレミアム 思い通りのレイアウトを実現、高品質プレミアムHTMLテンプレート素材まとめ
プロジェクト予算に都合がつくときは、プレミアム素材を検討してみてはいかがでしょう。
Image may be NSFW.
Clik here to view.
参照元リンク : Free Bootstrap Templates from Around the Web – Template Monster Blog