Template StashはBootstrapやWordPress、Ghostや管理画面、ランディングページ等のテーマやテンプレートを探せるWebサイトです。基本的にフリーのものを紹介している・・と思うのですが全て見たわけではないのでその辺はご了承頂ければと思います。そのままテンプレートを使う、という機会は個人的には皆無ですが需要はありそうですね。 Template Stash
上部固定のScrollspy対応ナビゲーション、アニメーションがかっこいいオフキャンバスメニュー、ブラウザの高さいっぱい・半分に画像を配置、複数のコンテンツを配置するレスポンシブ対応のコンポーネントなど、最近よく見かける人気の高いレイアウトやコンポーネントを簡単に実装できるBootstrap用のテンプレートを紹介します。 Bootstrap 実装方法のほとんどは、Bootstrapの最小限の構成に数行のHTMLと外部スタイルシートを記述するだけです。 Bootstrapの基本的な使い方は、下記の記事を参考にどうぞ。 参考 Bootstrapのグリッドシステムの基本な使い方 BootstrapのベースのCSSを使ってさまざまな要素を実装してみよう!基本要素とナビゲーションのスタイル 以下のテンプレートはApache 2.0ライセンスで、個人でも商用でも無料で利用できます。 Scrolling
プロダクトやアプリのランディングページ、ポートフォリオなど、レスポンシブ対応の縦長ページをレトロ風にデザインしたBootstrapベースのテンプレートを紹介します。 通常は有料ですが今週末まで無料なので、有料のテンプレートを使ってみたいという人はこの機会にぜひお試しください。ダウンロードはお早めに! Start -Responsive One page Template Startの特徴 レスポンシブ完全対応 縦長1ページ用のナビゲーション ポートフォリオにフィルタリング機能 レトロスタイルの素敵なデザイン コンタクトフォームはPHPで、Captcha対応 Bootstrap 3.1.1ベース Font Awesome 4.1.0 Googleフォント Startのデモ デモでは、これらの特徴をしっかりと楽しめます。
Bootstrapはここ数年人気が非常に高く、多くのWebデザイナー・制作者がレスポンシブ対応のWebサイトを作るための本当に便利なツールです。使いやすいclassを備えたモジュール式のフレームワークで、カスタマイズ性にも非常に優れています。 Bootstrapのファイルのダウンロードからファイルのセットアップ、グリッドシステムの基本的な使い方を解説した記事を紹介します。 Installing Bootstrap and the Bootstrap Grid System 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Bootstrap 3の特徴 Bootstrapのダウンロードとインストール Bootstrapのファイル構成 このチュートリアル用のファイル構成 デバイス用のclass コンテナの実装と配置 グリッドの実装 オフセッ
イラストや画像の使用が多いランディングページですが、アプリやWebサービスのページなんかではフラットデザインの先進的なLPも増えてます。 フラットデザインの場合、PSDやイラストレータを必要とせずCSSスタイルの指定だけで簡単に作れてしまうため工数の削減にもなって結構お得。さらにBootstrapなどのCSSフレームワークも使えるのでかなり楽に作れるようになってます。 見た目も奇抜なものではなく、今風(?)のカッコイイデザインなのでWeb関係以外の業種でも使えそうです。このページではBootstrapに対応した最新のランディングページテンプレートを集めてみました。 Bootstrap LPテンプレート 10選 Discover Appzone Listup Launchkit GEO Jean Roof – Responsive Landing Pages OLA Kerox Sleek
Bootstrapは人気のフレームワークですが、日本語のコンテンツを表示するために最適化されているとは言えません。フォント指定・文字サイズをはじめ、日本語をより美しく表示するためのさまざまなアプローチを取り入れたテーマ「Honoka」を紹介します。 単に使用するだけでなく、他のものでも日本語を美しく表示させるのに役立ちます。 Honoka Honoka -GitHub 日本語フォントは、たくさんのフリーフォントがあります。 2017年用、日本語のフリーフォント 259種類のまとめ Honokaの特徴 Honokaのデモ Honokaのアプローチ -Bootstrapでの日本語表示最適化 Honokaの利用方法 Honokaの特徴 Honokaは、Bootstrapでより美しく日本語を表示させることにこだわったオープンソースのテーマファイルで、これをベースにWebサイトを作成したり、既にBo
公式サイトを一通り動かしてみたときのメモ。 まずは CSS。 Hello World Bootstrap を入手する ここ から zip ファイルをダウンロードする。 HTML を書く <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="bootstrap.min.css" /> </head> <body> <h1>Hello Bootstrap!!</h1> </body> </html> HTML5 の DOCTYPE を記述する。 css ファイルを読み込むだけで使い始められる。 モバイル用に viewport を設定する meta タグを記述する。 user-scalable=n
Presenting Bootstrap Studio, a revolutionary tool that developers and designers use to create beautiful interfaces using the Bootstrap Framework. Learn more What is it? Bootstrap Studio is a desktop application which you can use to build beautiful interfaces and websites by only using drag & drop. It comes with a large collection of components like charts, maps, data tables, forms, menus, lists,
固定ヘッダ、オフキャンバス、スクロールと連動したちょっとしたアニメーション、コンテンツスライダーなど、最近よく見かけるトレンドを巧みに取り入れたレスポンシブ対応の縦長ページを実装するテンプレートを紹介します。 Bootstrapで、かっこいい縦長ページを作りたいと思ってる人はぴったりです!
コーポレートサイトやスモールビジネスから、ランディングページ、プロダクトページ、ポートフォリオやギャラリーなど、BootstrapをベースにしたWebページが簡単に作成できる無料のテーマがダウンロードできるサイトを紹介します。 テーマとして利用するだけでなく、制作のインスピレーションにもいいですね。 Peter Finlan 縦長ページにかっこいいスクロールエフェクトやアニメーションを加えた今時のWebページが実装できます。デザインも非常にかっこいいものが揃っています。
Twitter社が開発した人気のCSS/JavaScriptフレームワーク「Bootstrap」。誰でも簡単に利用できることが売りですが、一からサイトを作り上げるとなると、それなりに時間がかかってしまうかもしれません。 「Bootstrap Zero」は、そのような時に参考にしたい、高品質なBootstrap用のテンプレートコレクションサイトです。Bootstrap的ではない、美しいデザインのテーマから、Bootstrapっぽさを残したオーソドックスなテーマまで、たくさんのテーマを無料でダウンロードすることができます。 Custom Bootstrap Templates Custom Bootstrap Templatesカテゴリには、Bootstrapっぽさをできるだけなくした美しいテーマが集められています。製品/アプリの紹介サイトや、管理画面に使える、最近よく見かける形式のテーマが揃
Ifnot/PopConfirm GitHub BootstrapなサイトでPopupでconfirmを行える「PopConfirm」。 次のようにボタンをおすとY/Nが選べる確認がポップアップででます。ポップアップでもいいのですが、こちらの方が抵抗はすくないのかも 関連エントリ Bootstrap標準のModalを進化させた「Bootstrap-modal」 Bootstrap用の星型レーティング実装「Bootstrap Star Rating」 Bootstrapのポップアップを強化する「WebUI Popover」 Bootstrapなサイトで使えそうなカラーピッカー「jQuery MiniColors」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く