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を使った滑らかなアニメーションが実装されています。
動作確認できるデモページも用意されています。今後のデザインプロジェクトの参考にしてみてはいかがでしょう。
これまで公開のHTMLテンプレート素材まとめ
テンプレートの作者Peter Finlanはオーストラリア、シドニーで活動するフリーランスデザイナーです。これまでにも素敵な無料HTML5/CSS3テンプレート素材を公開しており、どれもフレームワークにはBootstrapを利用し、統一感のあるミニマルデザインが揃います。
こちらもポートフォリオやランディングページに最適な、シングルページ完結型レイアウトHTMLテンプレート。美しいアニメーションが人気です。
[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]
モダンで温かみのある配色を採用し、余白スペースを十分とったミニマルスタイル。
[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]
自転車をモチーフにしたフラットスタイルのHTMLテンプレートで、モバイル端末での表示レイアウトも素敵。
[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]
[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
