ClockPicker - 時間入力を簡単にするBootstrapライブラリ
Bootstrapの良いところとして、十分に普及したこともあって色々な人たちがUIコンポーネントを作成しているというのがあります。標準で提供されるHTMLコンポーネントだけでなく、よりリッチな入力インタフェースが実現できます。 ということで今回はClockPickerの紹介です。カレンダー指定によって日付入力は分かりやすくなりましたが、ClockPickerによってさらに時間入力を分かりやすくできます。 ClockPickerの使い方 ClockPickerは日付同様に専用のフォーマットである時刻入力を数字を入力することなく簡単にできるようにします。細かな時間入力には向かないかも知れませんが、スケジュールなど5分単位の入力の場合は便利そうです。PCはもちろん、スマートフォンで活躍しそうです。コールバックなども備えていますのでシステムとの連携も容易です。 ClockPickerはHTML5/
Responsive Dashboard - Bootstrapベース、レスポンシブな管理画面テンプレート MOONGIFT
Bootstrapの良いところは使い手（主にエンジニア）の気持ちを理解し、その利用シーンが想定されていることでしょう。こだわったデザインにすることだってできますが、それでは応用がききません。その汎用性と見栄えのバランスを上手に保っています。 今回紹介するResponsive Dashboardもその応用例と言えます。いわゆる管理画面系のダッシュボードですが、AngularJSとjQueryに対応し、カスタマイズして利用するのが容易になっています。 Responsive Dashboardの使い方 こちらがメイン画面です。管理系で良くありがちなウィジェットがたくさんあります。メニューは左側です。 デスクトップもメニューを折り畳めます。 タブレットサイズになると自動でメニューの文字が折り畳まれます。 スマホサイズ。カラムが1列になります。 Responsive DashboardはBootst
Welcome! - Bootstrapper
Bootstrapper for Laravel This site uses a design similar to Twitter Bootstrap to allow you to refer back and forth between the two sites if needed. View the install docs to enable Bootstrapper in your Laravel project. View project on GitHub Need the old docs? Build them from GitHub here Back to top Created by Patrick Talmadge @patricktalmadge. Maintained by Patrick Rose @DrugCrazed. Package for L
Webアプリをあっという間にカッコよく！ BootstrapによるレスポンシブWebレイアウト
筆者は、このような画面を頻繁に目にします。なぜなら、デザインに疎い筆者自身がWebアプリを開発すると、このようなシンプルな画面がたくさん出来上がるからです。 そもそも業務アプリケーションでは、業務で取り扱う数多くの情報を、データベースや他システムなどから取得し、アプリケーション内でそれらの情報を、安全かつ正確に処理するためのコーディングを行う必要があります。開発規模が大きくなれば、再利用性の高い設計になるようさまざまな知恵を使う必要がありますし、取り扱う情報には機密性の高いものも含まれるため、セキュリティなどにも細心の注意を払う必要があります。そのため、どうしてもビジネスロジックの開発に注力しがちで、画面デザインやレイアウトなどのフロントエンド開発は、ついつい後回しになってしまいます。 しかしながら、Webアプリの操作性は、システムの顧客満足度を左右する重要なポイントになります。また、パソ
Maverix Bootstrap Theme - BootstrapをベースにしたMac OSX風UIテーマ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ああ、これは面白い！Bootstrapで様々なテーマが作られていますが、基本的にWebアプリケーション向けです。Webでの利用については既に多数のコンテンツが存在しますし、おそらく今後も増えていくでしょう。 そこで次に注目したいのがnode-WebKitとの組み合わせです。ネイティブアプリ風に動くWebアプリケーションの場合、求められるUIとしてはMaverix Bootstrap Themeのようになるでしょう。 Maverix Bootstrap Themeの使い方 スクリーンショット多めで紹介します。 Maverix Bootstrap Themeを使えばnode-WebKitで作ったWebアプリケーションがほぼローカルアプリケーションと変わらず使えるようになります。Web技
Bootstrapのカスタマイズが簡単にできてしまうオンラインツール -Bootstrap Live Customizer | コリス
Bootstrapの実際のページ表示を確認しながら、リアルタイムに簡単にカスタマイズできるオンラインツールを紹介します。 カスタマイズにはスタイルシートの知識はあまり必要なく、直感的にできます。もちろん知識がある人はより高度なカスタマイズが可能です。
Ruby on RailsにてBootstrap3のサンプルページを作成する | DevelopersIO
はじめに サンプルアプリ等を作成する際、デザインに悩むことは多いかと思います。 (特にデザインセンスに乏しい私のようなプログラマは・・・) このような時に、Bootstrapは強い味方となります。(今更感は強いですが・・・) またBootstrapにはデザインのサンプルが用意されているので、このサンプルをベースとしてアプリを作っていけばデザインについて悩むことを減らすことができそうです。 今回はRuby on Rails 4 にBootstrap3を適用し、サンプルにある「Starter template」と同じページを作る 手順について纏めてみたいと思います。 作業手順 以下に、今回の作業手順を書いていきます。 1.ページ作成 まずはRuby on Railsにて、今回表示するページを作成します。 コントローラ、ビューの作成 今回表示する画面のコントローラは「welcome」、ビューは「
AdminLTE·ここまで多ければ何でもできそう。多機能なBootstrapベースの管理画面テンプレート MOONGIFT
これで十分でしょ！ Bootstrapで作る管理画面は相当増えてきているようです。確かに一般ユーザ向けに提供するとBootstrap臭が出てしまいますが、管理画面であれば問題はないですよね。 ということで今回は新しいBootstrap製の管理画面テンプレートAdminLTEを紹介します。高度なウィジェットが数多く提供されていますので使い勝手良さそうですよ。 AdminLTEの画面 今回もスクリーンショット多めで紹介します。 ダッシュボード。この時点でかなりリッチ。 ボックス。これだけ多彩なパターンがあると言うのも凄いですね。 左端にはちょっとした設定を表示させています。 背景色を変えるだけでも随分印象が違います。 グラフ。 こちらもグラフ。 外部ライブラリもそつなく使いこなしています。 スパークラインも！ アラート。ちょっと飛び出しているのがいい感じです。 アイコン。 ボタン。フラット系で
Bootstrap Admin Theme - Bootstrap3に対応した管理画面テンプレート
これは知っておいて損はないでしょう！ Bootstrapの便利な使いどころとして管理画面があります。管理画面は限られた関係者しか使いませんのでBootstrap臭がしても気にすることはありません。それなりの表示がすぐに実現できるのは使い勝手を向上します。 しかしそんな適当な範囲を超えて実用性のある管理画面を実現できるBootstrapテンプレートがBootstrap Admin Themeです。Bootstarp 3系に対応していますので最新のウィジェットもばりばり使えるでしょう。 Bootstrap Admin Themeの主なページとしては、 ログイン ダッシュボード カレンダー グラフ ボタン/アイコン WYSIWYGエディタ フォーム/ウィザード テーブル その他ウィジェット が用意されています。これだけあれば後は組み合わせるだけで（Bootstrap本来の機能も使いつつ）リッチな
Server Monitoring Dashboard - サーバ管理画面に使えるBootstrapテンプレート
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました サーバ管理者と言えばコンソールを叩いてサーバのステータスをチェックして…というのは過去の話なのかも知れません。何台ものサーバ、常時モニタリングを考えたならばサーバ管理用ダッシュボードの存在は重要です。 そこで自作のダッシュボードを作成する際にテンプレートにできそうなのがServer Monitoring Dashboardです。すっきりとしたUIで見やすいサーバの状況管理ができそうです。 1つのデータ表示、テーブルでの一覧表示、各ステータス別のリフレッシュボタン、ページネーションなど概ね必要そうな機能が揃っています。後はデータを蓄積できればグラフにしても良さそうです。 このテンプレートはサーバ用ですが、多少変更すればサービス向けの独自ステータス監視にも使えるかと思います。テンプレー
bootstrapuikit.com
ประวัติเทียบประกันรถยนต์เป็นเรื่องที่มีความสำคัญในการเลือกประกันภัยที่เหมาะสมสำหรับคุณ การที่มีความเข้าใจเกี่ยวกับประวัติการเปรียบเทียบประกันรถยนต์จะช่วยให้คุณทราบถึงวิวัฒนาการและความเปลี่ยนแปลงในวงการประกันภัยรถยนต์ตลอดกาล ต่อไปนี้เป็นภาพรวมของประวัติเทียบประกันรถยนต์ เกิดขึ้นในยุคแรกของอุตสาหกรรม ประวัติการเปรียบเทียบประกันรถยนต์มีต้นกำเนิดในยุคแรกของอุตสาหกรรมรถยนต์ เมื่อรถยนต์เริ่มพัฒนาขึ้นเป็
Pinegrow Web Editor | Website Builder for Professionals
Pinegrow, visual web editor for professionals Pinegrow lets you work faster with HTML, CSS / SASS, Bootstrap, Tailwind CSS, GreenSock Interactions, WordPress and WooCommerce. Pinegrow is available as a desktop app and as a self-hosted WordPress plugin. Pinegrow works with standard web files and easily integrates into your existing workflow.
【難しく考えすぎ！？】bootstrap臭のしないお洒落なレスポンシブWEBデザインの作り方
「Responsive Web Design JP」を運営されているA40さんのまとめ記事ここまでできる！Bootstrapで作られた国内のレスポンシブWebデザインのサイトまとめ20個が今日のGunosyで取り上げられていましたが、twitter Bootstrapを使ったレスポンシブWEBデザインのウェブサイトの事例が国内でもかなり増えてきました。 当社で制作した化粧品ブランド リボーテ -Re:beaute-様のサイトもありがたいことに、このまとめ記事に取り上げて頂いています。 いろいろなメディアに取り上げていただく中でのフィードバックとして、「twitter bootstrapがレスポンシブWEBデザインに便利なのはわかっているけど、どうやったらbootstrapっぽくないデザインにできるのかわからない」という声をよく聞きます。 僕も最初はそう思っていました。 一回触ってしまえば、
軽量でシンプルなHTMLのWYSIWYGエディタ「SCEditor」:phpspot開発日誌
SCEditor - A lightweight WYSIWYG HTML and BBCode editor - SCEditor 軽量でシンプルなHTMLのWYSIWYGエディタ「SCEditor」 ユーザインタフェースがシンプルなので、どんなサイトでも簡単に使えそうです。 Youtube動画の挿入機能や顔文字の挿入機能等も便利そうです。 Bootstrapを使ったサイトでもマッチしそうなデザインです。 関連エントリ Bootstrap3のテーマをWYSIWYGでカスタマイズ可能な「Bootstrap Magic」 TwitterBootstrapベースのWYSIWYGエディタ「bootstrap-wysihtml5」 簡単にクールな他言語サイトがWYSIWYGで作れる「Edicy」
Bootstrap | Pixate
Pixate's mission is to reduce the complexity of creating apps and make that process accessible to anyone. Pixate Engine is our free dynamic user interface platform for mobile apps.'Pixate Bootstrap Sleek, intuitive, and powerful front-end framework for faster and easier mobile app development. Based on Twitter Bootstrap v2.3.1. Introduction Pixate Bootstrap is based on the popular Twitter Bootstra
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用も無料！Bootstrapをベースに最近のトレンドを取り入れた新作テンプレートのまとめ
これはスゴイぞ！Bootstrapのページ作成が積み木感覚で簡単にできてしまうジェネレーター -lollytin
Bootstrap用のさまざまなスタイルのボタンを確認しながら簡単に作成できる -BootsButton
Twitter BootstrapやSkeletonなどのCSS,JSフレームワークがプリセットされているMac用HTMLエディタ「TheMaker」850円が期間限定で無料セール中。
これはスゴ過ぎ！Bootstrap 3のインターフェイスの全てを再現したPSD素材 -Bootstrap 3 PSD