Webデザイン制作をより手軽に、よりスピーディーに行うことができる人気HMTLフレームワークBootstrap。今回はHTML5とCSS3でデザインされた、スタイリッシュな無料テンプレートBoxifyをご紹介します。
デザイントレンドを反映されたモダンなデザインに、スムーズなアニメーションを加えたアイテムで、あらゆるタイプのポートフォリオやスタートアップ用ランディングページの作成を手助けしてくれます。
詳細は以下から。
無料テンプレートBoxifyについて
BoxifyはHTML5/CSS3で制作されたスタイリッシュなテンプレート素材で、以下の最新プラグインを採用することで、モバイルを含むあらゆる端末でのサイト表示にも対応します。同時に快適な操作感を実現しており、ユーザーフレンドリーな高品質なアイテムとなっています。
- Bootstrap : HTML5/CSS3フレームワーク
- Flickity: タッチスクリーン対応のイメージスライダー用プラグイン
- fancyBox : Lightbox jQueryプラグイン
- jQuery Waypoints: スクロールイベントを制御できるjQueryプラグイン
- Animate.css
全体プレビューは以下よりどうぞ。すっきりとしたシンプルなデザインに、CSS3を使った滑らかなアニメーションが実装されています。
動作確認できるデモページも用意されています。今後のデザインプロジェクトの参考にしてみてはいかがでしょう。
これまで公開のHTMLテンプレート素材まとめ
テンプレートの作者Peter Finlanはオーストラリア、シドニーで活動するフリーランスデザイナーです。これまでにも素敵な無料HTML5/CSS3テンプレート素材を公開しており、どれもフレームワークにはBootstrapを利用し、統一感のあるミニマルデザインが揃います。
こちらもポートフォリオやランディングページに最適な、シングルページ完結型レイアウトHTMLテンプレート。美しいアニメーションが人気です。
モダンで温かみのある配色を採用し、余白スペースを十分とったミニマルスタイル。
自転車をモチーフにしたフラットスタイルのHTMLテンプレートで、モバイル端末での表示レイアウトも素敵。
参照元リンク : Freebie: “Boxify” One Page Website Template | Codrops