Advertisement

boxify-top

 

Webデザイン制作をより手軽に、よりスピーディーに行うことができる人気HMTLフレームワークBootstrap。今回はHTML5とCSS3でデザインされた、スタイリッシュな無料テンプレートBoxifyをご紹介します。

 

 

デザイントレンドを反映されたモダンなデザインに、スムーズなアニメーションを加えたアイテムで、あらゆるタイプのポートフォリオやスタートアップ用ランディングページの作成を手助けしてくれます。

 

 

 

詳細は以下から。

 

 

 

無料テンプレートBoxifyについて

 

BoxifyはHTML5/CSS3で制作されたスタイリッシュなテンプレート素材で、以下の最新プラグインを採用することで、モバイルを含むあらゆる端末でのサイト表示にも対応します。同時に快適な操作感を実現しており、ユーザーフレンドリーな高品質なアイテムとなっています。

 

[list type=”star”] [li]Bootstrap : HTML5/CSS3フレームワーク[/li]

[li]Flickity: タッチスクリーン対応のイメージスライダー用プラグイン[/li]

[li]fancyBox : Lightbox jQueryプラグイン[/li]

[li]jQuery Waypoints: スクロールイベントを制御できるjQueryプラグイン[/li]

[li]Animate.css[/li][/list]

 

 

全体プレビューは以下よりどうぞ。すっきりとしたシンプルなデザインに、CSS3を使った滑らかなアニメーションが実装されています。

 

Boxify_Preview

 

動作確認できるデモページも用意されています。今後のデザインプロジェクトの参考にしてみてはいかがでしょう。

 

 

 

これまで公開のHTMLテンプレート素材まとめ

 

テンプレートの作者Peter Finlanはオーストラリア、シドニーで活動するフリーランスデザイナーです。これまでにも素敵な無料HTML5/CSS3テンプレート素材を公開しており、どれもフレームワークにはBootstrapを利用し、統一感のあるミニマルデザインが揃います。

 

 

Halcyon

こちらもポートフォリオやランディングページに最適な、シングルページ完結型レイアウトHTMLテンプレート。美しいアニメーションが人気です。

halcyon-splash

[button_square color=”purple” url=”http://tympanus.net/Freebies/HalcyonDaysTemplate/”] デモページ [/button_square]  [button_square color=”red” url=”http://tympanus.net/codrops/2014/07/14/freebie-halcyon-days-one-page-website-template/”] ダウンロードページ [/button_square]

 

 

 

Starnight

モダンで温かみのある配色を採用し、余白スペースを十分とったミニマルスタイル。

starnight-dribbble-01

[button_square color=”purple” url=”http://peterfinlan.com/starnight/”] デモページ [/button_square]  [button_square color=”red” url=”https://dribbble.com/shots/1592140-Freebie-Starnight-HTML5-CSS3-Website-Template”] ダウンロードページ [/button_square]

 

 

 

Yebo

自転車をモチーフにしたフラットスタイルのHTMLテンプレートで、モバイル端末での表示レイアウトも素敵。

yebo-bicycle-free-template

[button_square color=”purple” url=”http://peterfinlan.com/yebo-flat-layout/”] デモページ [/button_square]  [button_square color=”red” url=”https://dribbble.com/shots/1539580-Freebie-Yebo-Flat-HTML5-CSS3-Template”] ダウンロードページ [/button_square]

 

 

 

Infusion

infusion-free-website-templates

[button_square color=”purple” url=”https://s3.amazonaws.com/blaz-robar-psd/demo/infusion/index.html”] デモページ [/button_square]  [button_square color=”red” url=”http://www.blazrobar.com/templates/infusion-responsive-html-website-template/”] ダウンロードページ [/button_square]

 

 

参照元リンク : Freebie: “Boxify” One Page Website Template | Codrops

詳細情報はこちら

利用に関するライセンスは個人、商用ともに可能となっています。

ダウンロードする

参照元サイト: Freebie: "Boxify" One Page Website Template | Codrops