Skip to content

60-minutes.biz

– 時間を縛ることで、時間を味わってみる –

無料でダウンロードできるHTML5対応のシングルページデザイン8選!

Posted on 2014年10月13日 By ハマケン
このエントリーをはてなブックマークに追加
Tweet


こんにちわ、ハマケンです。
フリーテーマは最早この世に数え切れない位ありますね。
時代によってテーマも変わってきて、2014年に出されているフリーテーマはレスポンシブ,HTML5対応,CSS3対応などのテーマが増えてきているようです。

特に最近はシングルページデザインが増えてきていることからも「モバイルファースト」の考え方や見せ方の意味が重要になってきたようです。
今日はbootstrapのテンプレが多いですが、無料で使えるフラットデザインテンプレートをご紹介します。
wordpressのテンプレートでは無いので、ご注意を。


Advertisement


いまさらですが、Bootstrapについて

BootstrapはTwitter内で作られているフロンドエンドのツールですね。
以前はTwitter Bootstrapと呼ばれていましたが、今はBootstrapだけとなっています。
オープンソースなので、誰でも無料でダウンロードして使えることと、CSSなどがライブラリの様に定義されていて、誰でも簡単に適用ができることから非常に人気が出てます。
レスポンシブ対応、リッチなUIなどが実装されているだけでなく、デザイナーに頼らずとも結構きれいなデザインが使えるので、特にエンジニアには嬉しい限りですね。

と言う訳で今日は見た目も良いシングルページデザインのテンプレートです。

Full Width Pics

サンプル | 詳細とダウンロード

Full Width PicsはBootstrapを使って組まれているテンプレート。
1年前から流行っているOnePageデザインを簡単に作ることができます。
ロゴやイメージは勿論、ヘッダメニューも簡単に変更することができます。

Flat Asphalt

サンプル | 詳細とダウンロード

Flat Asphaltはスタイリッシュ且つモダンな感じがするフラットデザインのHTMLテンプレート。
タブレットなどの端末にも対応しています。独自のJqueryプラグインなども用意しているそうです。

Agency

サンプル | 詳細とダウンロード

Agencyはブートストラップを使ったテーマ。ポートフォリオなどのモーダルで見せたりとonepageで様々な事例を紹介することなどが可能です。ソーシャル系のリンクや問い合わせフォームも確保できているので、使いやすいかも。

nebula

サンプル | 詳細とダウンロード

nebulaは、横にスライドしながら使うことが出来るデザインです。
TOPに動画を張り込むことができるので、スタートアップっぽいデザインが簡単に作れそうだ。

Walk & Ride

サンプル | 詳細とダウンロード

WalkRideは、幅広いモバイル端末に対応し、目的に応じて非常に簡単にデザインを変更できるとの事。

XEON

サンプル | 詳細とダウンロード

XEONは、Bootstrap 3.0で構築された最も優れたone pageデザインだと言うことです。
確かに使いやすそう。

Halcyon Days

サンプル | 詳細とダウンロード

今回の中でひょっとしたら一番良いかも。
Halcyon Daysは、HTML5とCSS3、さらにピクセルパーフェクトで組まれたデザインです。
エフェクトも美しいですね。

Stylish Portfolio

サンプル | 詳細とダウンロード

Stylish Portfolioは、100%heightで最初に開いた時にイメージでグッとくるデザインです。
ポートフォリオテーマでもあるので、事例などを見せやすそうです。

いかがですか?
そのまま使えるんじゃない?というレベルのテンプレートも最近は結構無料で使える時代になってきましたね。
特にBootstrapであれば、本当にエンジニアだけでも、かなり見た目は整えてしまうことが可能なので、まずはスピードを優先して考えていく場合はありなんじゃないかな?と思った次第です。

よろしければ使ってみてください。
それでは。

このエントリーをはてなブックマークに追加
Tweet

WEBページ作成系の記事 Tags:bootstrap, サイト作り

投稿ナビゲーション

Previous Post: FacebookのLocal Awarenessは小売店集客のツールとなるのか。
Next Post: モバイル決済のSquare(スクエア)と仕入れサイトSuperDelivery(スーパーデリバリー)が提携。

More Related Articles

wordpessのプラグイン「Head Cleaner」が気持ちよすぎる件 WEBページ作成系の記事
発信していく人にとって、重要でとても難しいこと。 WEBページ作成系の記事
今が踏ん張り時。今週のアクセス報告 Mar. 15th – 21st. WEBページ作成系の記事
新Analytics(ユニバーサルアナリティクス)でソーシャルインタラクションが簡単に取得できるようになったので設定してみました。 WEBページ作成系の記事
今週と前月のアクセス報告!Mar. 29th – Apr. 4th.ユーザー数:104%増, PV:123%増と再始動後、最高に。 WEBページ作成系の記事
ブロガーなら利用したい画像の素材サイト4選。 WEBページ作成系の記事

検索

最近の投稿

  • 中学受験。偏差値30台から1年で60台まで引き上げる方法 | 夏まで編
  • 中学受験。偏差値30台から1年で60台まで引き上げる方法|塾選び編2
  • 中学受験。偏差値30台から1年で60台まで引き上げる方法|塾選び編
  • TikTokの話は米中貿易戦争の一環に過ぎない。
  • 簡単すぎる!画像サイズを超絶小さくする方法
  • 約4ヶ月の在宅で解った、在宅アイテムBest10
  • コロナを通して知った、フルライフと言う生き方。
  • 【永久保存版】最高の #おうちご飯 をサポートする一流のシェフレシピ8選。
  • 今年も梅雨がやってくる。コンビニ傘からのアップデート「アイカサ」を利用してみてはいかがでしょう?
  • 緊急事態宣言が解けた後に小売業者がやらなくてはならない3つの事。

アクセスランキング

  • SoundCloud(サウンドクラウド)で商用利用可、改変可の音源を探す手順...
  • 【知らなかった】161年前の今日。浦賀に来た黒船の実写真があると知って俺の中で超...
  • Stores.jpが25,000店舗を突破。ショップ一覧を検索する方法も公開!...
  • ウィルス予防に知っておきたいマスクの知識を調べさせていただきました。...
  • 2020年、アパレルのオリジナル商品を作るならチェックしておきたいサイト4選 #...
  • 【動画】まるで「みえっちん」!特定のメガネからしか見えないディスプレイが完成!...
  • 【動画】コカ・コーラのOpen Happinessがカッコよすぎて、なんかヤル気...
  • 知っておきたい検索コネタ12個とStores.jpのショップ一覧を検索表示する方...
  • 仕事とは自分の仕事を無くすこと。上司に学んだ、とても大切なメモ。...
  • オリジナル商品が簡単に自分で作れるサービス7選!...

COVID-19 特集

グッと来た動画PR達

全ての小売店に捧ぐ

Copyright © 2023 60-minutes.biz.

Powered by PressBook Blog WordPress theme