最近のWebページで人気のある縦長ページ、CSS3アニメーション、スクロールエフェクト、大きい写真画像を使った背景、カードコンポーネントなど、UIデザインのトレンドを取り入れたBootstrapのテーマを紹介します。 Bootstrap 4ベースのものもリリースされ始めました。
![商用利用無料!Bootstrap 3, Bootstrap 4をベースに最近のUIデザインのトレンドを取り入れた新作テーマのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/2a8218afa9e013bff101bb1355ab64b3130e8031/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201503%2F2015102201.png)
Habakiri Bootstrap ベースのシンプルな WordPress テーマ。レスポンシブ、多くのカスタマイズ機能。圧縮された CSS・JS を使用する高速化対策。Microformats 対応。Sass、クラスベースの functions.php。 公式サイトを見る 先日、WordPress の公式テーマディレクトリにテーマ Habakiri が掲載されました。以前掲載された Kotetsu に続き2つ目のテーマ掲載となります。 お使いの WordPress の管理画面にログインし、テーマインストール画面で「Habakiri」と検索すればすぐにインストールできます。このサイトも Habakiri を親テーマとして使っているので、だいたいの雰囲気はわかるかなと思います。 Habakiri の特徴 WordPress テーマ Habakiri には次のような特徴があります。 Boot
コーポレートサイトやスモールビジネスから、ランディングページ、プロダクトページ、ポートフォリオやギャラリーなど、BootstrapをベースにしたWebページが簡単に作成できる無料のテーマがダウンロードできるサイトを紹介します。 テーマとして利用するだけでなく、制作のインスピレーションにもいいですね。 Peter Finlan 縦長ページにかっこいいスクロールエフェクトやアニメーションを加えた今時のWebページが実装できます。デザインも非常にかっこいいものが揃っています。
Twitter社が開発した人気のCSS/JavaScriptフレームワーク「Bootstrap」。誰でも簡単に利用できることが売りですが、一からサイトを作り上げるとなると、それなりに時間がかかってしまうかもしれません。 「Bootstrap Zero」は、そのような時に参考にしたい、高品質なBootstrap用のテンプレートコレクションサイトです。Bootstrap的ではない、美しいデザインのテーマから、Bootstrapっぽさを残したオーソドックスなテーマまで、たくさんのテーマを無料でダウンロードすることができます。 Custom Bootstrap Templates Custom Bootstrap Templatesカテゴリには、Bootstrapっぽさをできるだけなくした美しいテーマが集められています。製品/アプリの紹介サイトや、管理画面に使える、最近よく見かける形式のテーマが揃
Material Designを取り入れたBootstrapのテーマ、小さいGUIに魅力がたくさん詰まっているApple Watch、Appleのこれからの主力となるiOS 8のUI、進化して使いやすくなったフラットスタイルのコンポーネント、ユーザーに操作の楽しさと使いやすさを与えるさまざまなアニメーションなど、新しいUIを体験できる素材を紹介します。 新しいモノって見るだけでも、ワクワクしますよね。 Material Design for Bootstrap Material Design for Bootstrap -GitHub Googleが提唱する新しいUX「Material Design」をモチーフにしたBootstrap 3用のテーマ。 ナビゲーション、パネル、スライダー、ボタン、テーブル、フォーム、アイコン、タイポグラフィなど、さまざまなUIエレメントが揃っています。
無料なのにこのクオリティヤバイ!! Bootstrap Zeroはその名の通り、Bootstrapをベースにデザインされた美しいテーマが無料で配布されているサイトです。 これまでもStart BootstrapとかBootswatchとか無料のサイトが合ったのですが、無料だけあって有料のテーマと比べるとちょっとベーシック感が否めない状況でした。 ところがこのBootstrap Zeroはかなりクオリティが高いテンプレートが多いです。自分でデザインする人のためのStarterから、そのまま使えるデザイン済みのThemes、さらにFacebook風やGoogle+風、Android風などもあってかなりのクオリティっぷり! それではいくつか御覧ください。 Starter 本家のexampleにひと手間加えた感じです。 Themes こちらは気に入ったものを幾つか Admin 管理画面で使える!!
Bootstrap3の無料テーマ&テーマ集まとめ BlackTie.co http://www.blacktie.co/ 最近衝撃を受けたフリーのテーマ集。どのテーマもかっこよすぎて涙が出ます……ありがたや……ネーミングとロゴもかわいくてきゅんとしますね。 テーマ数は現在(2015年6月時点)25個あり、今後の追加も楽しみですね。 Bootswatch http://bootswatch.com/ こちらもテーマ集です。Bootstrap2の頃からありましたが、3にも対応したようです。フラットデザインにするなら「Flatly」がおすすめ。 Start Bootstrap http://startbootstrap.com/ こちらもテーマ集。管理画面用やポートフォリオ用など、いろいろな用途別に作られているのがありがたいですね(「Sponsored」のタグがついたものは有料なのでご注意!)。
Bootstrap 3対応の高性能なカラースキーム コントロールとフラットなスタイルが特徴のテーマファイルを紹介します。 1pxdeep 1pxdeep -GitHub Bootstrap 3対応のテーマファイルも続々とリリースされていますが、このテーマファイルは他にはない高性能なカラースキーム コントール機能を備えています。 使い方は、簡単です。 「Seed Color」から自分の好きなカラーを選択し、「Color Wheel」でカラーセオリーを選択します。 カラーセオリーは、下記の5つが用意されています。 accented analogue 類似色と補色を使用、目立たせながらも調和のとれた配色。 monochrome 同一の色相を使用、全体の色味を統一した配色。 complement 対照の補色を使用、調和のとれた配色。 triad 3等分した配色を使用、バランスのとれた配色。 tet
50 Awesome Twitter Bootstrap Templates フリー&プレミアムなTwitterBootstrapテーマ50 Bootstrapベースとはいえ、Bootstrap臭があまりしないテンプレートが多数まとまっています。 通常サイトや管理画面等のテンプレートがまとまっていて、活用してサクっと仕事を終えられる事もあるかも Bootstrapの便利さを享受しつつ、うまくサイトデザインする際の参考にもできそうです 関連エントリ Bootstrapのselectをカッコよくできる「Bootstrap-select」 BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」 BootstrapをベースとしたフリーのUIKit「Flat UI」 Bootstrapに270の使えるアイコンを追加できる「Elusive icons」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く