Advertisement

freehtml5co-top

 

カスタマイズしやすいBootstrapフレームワークをベースに、気持ちの良いCSSアニメーションを追加した、高品質HTML5/CSS3テンプレートを配布する、新しいサイト FreeHTML5.Coを今回はご紹介します。

 

 

どのテンプレート素材もクオリティーが非常に高く、カスタマイズもしやすく、そのまま運用できるものばかりが揃っています。もちろん、どれも無料でダウンロードでき、あらゆる端末に対応するレスポンシブデザインが特長です。

 

 

 

詳細は以下から。

 

 

 

Bootstrap製HTML5/CSS3無料テンプレートを配布するサイト FreeHTML5.Co

 

FreeHTML5.Coでは、利用しているユーザーも多いHTMLフレームワーク Bootstrapをベースに、デザインのアクセントとなるアニメーションエフェクトを採用した、モダンなHTML5/CSS3テンプレートを無料配布しています。

 

サイト開設から間もなく、あまり公開テンプレート数は多くありませんが、2016年にかけてたのしみなサイトのひとつで、RSSフィードを登録しておくと良いかもしれません。

 

 

以下は2015年12月7日現在、14種類のテンプレート素材が公開されています。今後のデザイン制作に活用してみてはいかがでしょう。

 

 

Slant

スクロールに応じて展開する、滑らかなアニメーションが美しいモダンなデザイン。CSS3 Skewを利用し、斜めに入るスリットデザインや余白スペースの取り方など、デザインの参考にも。

slant_featured_img

 

 

 

Outline

メニューボタンをクリックすると、右側からスムーズにスライド式で表示されます。

outline_featured_img

 

 

 

Hydrogen

2015年のWebデザイントレンド、カード型レイアウトを実現したテンプレート。スクロールすることで、ユニークなアニメーション付きで表示されます。

hydrogen_featured_img

 

 

 

Crew

最新作となるこちらは、ナビメニューにホバーすることで、ラインが伸縮するアニメーションが特長のモダンテンプレート。8色のカラースキンも用意されています。

crew_featured_image

 

 

 

Single

デスクトップでは、ウィンドウ右側を固定することで、フルスクリーンでイメージ写真を表現できる、ポートフォリオ向けテンプレート。

single_featured_img

 

 

 

Booster

ランディングページなどに活用したい、フルスクリーン写真がポイントのHTMLテンプレート。

booster_featured_img

 

 

 

Build

グラデーションを重ねたヒーローイメージが印象的な、Retinaディスプレイ対応の美しいモダンテンプレート。

build_featured_img_s

 

 

 

Clean

Retinaディスプレイ対応で、モバイルやタブレット端末での表示にもこだわった、マルチユースなHTMLテンプレート。
clean_feature_img

 

 

 

Verge

フリーランス向けポートフォリオを想定した想定した、Bootstrap製テンプレート。パララックスエフェクトなど、ダイナミックなCSSアニメーションもポイント。

featured_img

 

 

 

Display

モバイル対応のOff-Canvasメニューやプライスリスト、アコーディオンタブなど、レスポンシブに活躍する機能が充実しています。

display_featured_img

 

 

 
Light

ミニマルでクリーンな印象のテンプレートで、GoogleマップやLightbox、イメージカルーセルなど機能も豊富。カスタマイズしやすく、あらゆる業種に対応できます。

light_featured_img_s

 

 

 

Relic

サンセリフとセリフ書体の組み合わせや、ゴーストボタン、美しい配色などモダンな印象のテンプレート。

relic_featured_img1

 

 

 

Sprint

Retinaディスプレイ対応のアイコンフォントや、カルーセル機能などポートフォリオ向けテンプレート。トップページの他に、作品紹介用のシングルページも収録。

sprint_featured_img

 

 

 

Work

クライアント向けに制作実績を美しく紹介する、ギャラリー向けBootstrapテンプレート。

work_featured_img_s

 

 

参照元リンク : Free Responsive HTML5/CSS3 Templates – FreeHTML5.Co