Sing AppはBootstrapをベースとしたオープンソースの管理画面テンプレートです。すっきりとしていて見やすい印象でした。基本的なコンポーネントは揃えられており、すぐに管理画面として機能してくれるみたいです。こちらのOSS版とは別に、有償版としてReactやAngular.js版が用意されています。ライセンスはMIT。 Sing App
Material Designを使用してみたいけど、時間がない、手間をかけたくない、という人にぴったりな、Material Designが採用された商用でも個人でも無料で利用できるBootstrap 4ベースの新作テンプレートを紹介します。 企業向けサイト、プロダクトのランディングページ、ポートフォリオやギャラリー、ブログ用のテンプレートが揃っています。 Material Design for Bootstrap 4 MDB- GitHub Bootstrapの特徴や基本的な使い方は、下記の記事を参考にどうぞ。 参考 Bootstrap 4の主な特徴、IE8のサポート終了、Sassに移行、CSSの単位はremとem採用 Bootstrapのグリッドシステムの基本な使い方 新しくなったBootstrap 4の基本テンプレート、ナビゲーション、コンポーネントのまとめ ではMaterial De
マテリアルデザインが人気です。単なるフラットなデザインだとどこがボタンなのか、さらにクリックした時の反応がないためアクションを起こしたのかどうかも分かりづらいと言った問題があります。マテリアルによって反応が得られるようになればユーザビリティが高くなるでしょう。 そこでBootstrapに対してマテリアルデザインを適用できるのがMaterial Kitです。雰囲気もがらっと変わるでしょう。 Material Kitの使い方 ボタンのデザイン。 マテリアルなのでマウスオーバー、クリック時にアニメーションが行われます。 リンク。 インプット。 チェックボックスやラジオボタン。 メニュー。 こういったナビゲーションメニューが作れます。 アイコン付きのタブ。 プログレスバー。 通知。 タイポグラフィ。 イメージの表示方法も多数用意されています。 モーダル。 ポップオーバー。 カレンダーを使った日付ピ
モダンなWebサイトを実現するためにはモダンなデザインフレームワークを使うべきです。そうすることで全体の統一感が生まれ、使い勝手の良いWebサイトが生まれます。継ぎはぎでは統一感を出すのは困難です。 今回はMicrosoft公式のBootstrapテーマ、winstrapを紹介します。最近のMSらしい、モダンなWebデザインが実現します。 winstrapの使い方 スクリーンショット多めで紹介します。まずはカラーリング。確かにそれっぽいですね。 カラーリングも複数パターン用意されています。 グラデーションも細かく設計されています。 枠組みだけ。 黒バックの場合。 タイポグラフィ。 アイコン。 グリッド。かなり細かい印象です。 ボタン。 チェックボックス。ラベル全体をチェックします。 トグルスイッチ。 フォーム。 テキスト入力。 コンボボックス。 ツールチップ。 ダイアログ。 タブ。 ナビゲ
Bootstrapはページ作成に役立つ機能がたくさん用意されており便利ですが、ファイルをダウンロードしたり、テンプレートを用意したりなど、始めるまでに少し手間がかかってしまいます。 そんな手間をすべて解消し、初心者の人でもプロの人でもすぐにBootstrapのテンプレートが簡単に作成・カスタマイズできる国産の無料オンラインツールを紹介します。 Bootstrap Editor Bootstrap Editorの特徴 Bootstrap Editorの機能 Bootstrap Editorの使い方 Bootstrap Editorの特徴 Bootstrapを初心者でも手軽に使えるよう開発された日本製のオンラインツールで、ダウンロードやインストールなどの準備は不要、すぐにBootstrapでさまざまなページを作成できます。 Emmetなどにも対応しているので、使い慣れた人にも便利です。 作者様
Semantic UI BootstrapはSemantic UIライクなスタイルのBootstrapテーマと、そのコンポーネント集です。Semantic UIのスタイルをBootstrapで実装出来る、というもの。Semantic UIで使われているような直感的なclass名等を取り入れた的なものではありません。基本的にはBootstrapベースとなります。逆に、Semantic UIベースでBootstrapのスタイルにしたい場合はSemantic UI側で用意されていますのでこちらをご参照下さい。Semantic UIのスタイルは気に入ってるけどBootstrapベースがいい、という方向けのリソースのご紹介でした。ライセンスはMIT。 Semantic UI Bootstrap動作サンプル
業務システムの画面やWebサービスの管理画面にBootstrapを採用するケースが増えていますが、それでもBootstrapならではの書き方を覚えないといけません。バージョンが上がるごとに書き方が変わるので習得が面倒と感じる人も多いでしょう。 そこで使ってみたいのがBootstrap用のUIビルダーです。ドラッグ&ドロップで画面が設計できれば作成も簡単ですよね。 lollytin beta 1.4 – A yummy HTML5 blockouterer! Bootstrapのデザインをドラッグ&ドロップで作っていくのですが、見た目はデフォルメされています。その分、細かいところにこだわりすぎずにさくさくと作っていくことができます。 Pingendo – web authoring with comfort PingendoはBootstrap専用のオーサリングソフトウェアです。Mac OS
こんにちは、tetsuです。 エンジニアでデザインもできる方はいますが、できない方もいるのが現状です。僕自身もできないほうに入るかと……。 ただ、システムを構築する際に、ほぼ作成しなければならないのが管理画面でしょう。デザインができないにも関わらず、管理画面のデザインを考えなければいけない。そんなときには大変ありがたい、Bootstrap3対応の管理画面のデザインテンプレートを提供してくれる方々がいます。 今回はその中から特におすすめのテンプレートを5つ、ご紹介いたします。 ライセンスについて 今回は、以下のライセンスが表記されているものを中心にピックアップしました。 ▼ MIT license 1. このソフトウェアを誰でも無償で無制限に扱って良い。ただし、著作権表示および本許諾表示をソフトウェアのすべての複製または重要な部分に記載しなければならない。 2. 作者または著作権者は、ソフト
Mobile App LandingOleose at ScoopThemes is a device-agnostic, modern responsive design that is customizable. It's designed to work well on desktops, laptops, tablets and mobile phones. LicenseCC 3.0 VersionBootstrap 3.2.0 Oleose is an eye-catching and fully responsive Bootstrap 3 Template for professional app landing page. It is developer friendly, easy to customize and includes 3 color options. I
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く