Bootstrapで作ると似たデザインになってしまうのでは? と、使用するのを躊躇している人は間違い。使い方はあなた次第です。 Bootstrapを使用して制作され、さまざまなアイデアが盛り込まれた洗練されたデザインのWebサイトを紹介します。
Bootstrapで実装したページをスマホなどの幅が狭いスクリーンで表示した際に、横からオフキャンバスのナビゲーションをアニメーションでスライド表示させるJSとCSSのパックを紹介します。 Off Canvas -Bootstrap Bootstrap Offcanvasの使い方 Step 1: 外部ファイル 当スタイルシートとスクリプトを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="../dist/css/bootstrap.offcanvas.min.css"/> </head> <body> ... <script src="../dist/js/bootstrap.offcanvas.js"></script> </body> Step 2: HTML まずは、オフキャンバスのナビゲーションを開くボタン。 <butt
Bootstrap-fullscreen-select | Custom select element for Mobile interfaces. selectボックスをスマホネイティブ風にフルスクリーン化する「Bootstrap-fullscreen-select」 UIのテーマはAndroid,iOS,Mac風のテーマから選べるようです。タッチ系の端末では相性が良さそうです。 関連エントリ selectボックスにアイコンを付けて分かりやすくできるjQueryプラグイン「wSelect」 項目の多いselectをインクリメンタル検索形式に変換できるjQueryプラグイン「flexselect」 階層的なselectボックスを実装できる「folderselect.js」
フォームローラーでほぐし続けた結果...ようやくわかった効果とメリット3つ #Amazonプライムデー
デザインでシステムの品質が決まるわけではありません。しかし、それでも全くデザインされていないシステムよりも見た目が整っている方が安心して使えるでしょう。それは管理画面でも同様です。 通常、管理画面は利用者が限定的なため、デザインが適当になってしまいます。そんな寂しい管理画面もDevOOPSを使えば一気に見た目が向上するでしょう。 DevOOPSの使い方 DevOOPSには多くのテンプレートが用意されています。これらを組み合わせるだけで格好良い管理画面ができあがりそうです。Bootstrapベースなので、カスタマイズもそれほど難しくはないと思います。 DevOOPSはHTML5/JavaScript製、GPL v3のオープンソース・ソフトウェアです。 devoopsme/devoops
コーポレートサイトやスモールビジネスから、ランディングページ、プロダクトページ、ポートフォリオやギャラリーなど、BootstrapをベースにしたWebページが簡単に作成できる無料のテーマがダウンロードできるサイトを紹介します。 テーマとして利用するだけでなく、制作のインスピレーションにもいいですね。 Peter Finlan 縦長ページにかっこいいスクロールエフェクトやアニメーションを加えた今時のWebページが実装できます。デザインも非常にかっこいいものが揃っています。
Bootstrap-checkbox ON/OFF形式のiOSっぽいチェックボックスが実装できるBootstrapプラグイン。 スマホサイトでも使いやすそうですし、スマホに慣れたユーザの人にはこのUIの方が一般的な時代なのかも 関連エントリ Bootstrapなサイトで使えそうなカラーピッカー「jQuery MiniColors」 Bootstrap用の星型レーティング実装「Bootstrap Star Rating」 BootstrapのDropdownを使うなら必ず知っておきたい「Bootstrap Enhancement Dropdowns」 Bootstrapのポップアップを強化する「WebUI Popover」 Bootstrapのように多数のコンポーネントが詰まったUIツールキット「Titon Toolkit」 Bootstrap標準のModalを進化させた「Bootstrap
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」
jQuery-Validation-Bootstrap-tooltip Demo 入力値にエラーがある場合にツールチップを表示できる「jQuery-Validation-Bootstrap-tooltip」。 入力値をリアルタイムにバリデートしてエラーがある場合にツールチップを表示するというUIが実装可能です 関連エントリ Bootstrap標準のModalを進化させた「Bootstrap-modal」 Bootstrap用、横スライド式メニュー等の追加コンポーネントが使える「Jasny Bootstrap」 移動、拡縮、最小化、最大化が可能なBootstrap用モーダルダイアログ実装jQueryプラグイン「jsPanel」 Bootstrapなサイトで使えそうなカラーピッカー「jQuery MiniColors」 Bootstrap用の星型レーティング実装「Bootstrap Star
Twitter CPIのTwitterアカウントでは、サイト、サーバー管理者のための重要なセキュリティ情報や、サイト運営者のためのヒント、お得なキャンペーン情報をお知らせしています。 Follow @cpiadjp Tweets by cpiadjp 掲載内容について、当社は情報の掲載には細心の注意を払っておりますが、完全性などについて保証を行うものではありませんので予めご了承ください。 掲載されている情報をご利用いただいた際に、損害が発生・誘発した場合や、情報自体の真偽性・合法性・道徳性・著作権の許諾等について問題が発生した場合などについて、当社は一切の責任を負いません。掲載されている情報を利用したサイト製作については、ご自身の責任において行ってください。
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Bootstrapを使ってWebサイトを手早く作っている人は多いと思います。しかしデフォルトのままではBootstrapの味が強く残ってしまいます。しかし色や線の太さを変えるだけでも印象はずいぶん変わるものです。 そこで使ってみたいのがClucklesです。Clucklesはリアルタイムプレビュー付きのBoostrapテーマエディタです。 Clucklesの使い方 Clucklesを使えば独自のスタイル設定によってBootstrapの構造全体を壊してしまったなんて間違いが防げそうです。プレビューもあるので、その場で色や結果を確認しつつ、テーマを作れるでしょう。設定はJSONで出力もできるので繰り返し変更するのも容易です。 ClucklesはHTML5/JavaScript製のオープ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く