Bootstrap 2.0 → 3.1.1

Bootstrap3系

現状把握

 状態:調査中  閲覧数:1,102  投稿日:2014-05-12  更新日:2014-05-14
デフォルトコード or カスタマイズ
・現在使用しているBootstrap が、「公式サイトで配布されているデフォルトコード」なのか、「カスタマイズされたもの」なのかをまず確認

カスタマイズ
・現在利用している「bootstrap.min.css」は、「公式サイトで配布されているデフォルトCSS」ではなく、「カスタマイズを施したもの」
・カスタマイズ内容 … フォント等(詳細不明)
・「min」なので、もしかしたら「Bootswatch」で配布しているカスタマイズCSSをそのまま利用しているかもしれない

Bootstrap以外
用途 現使用ライブラリ名 新候補ライブラリ名 備考 決定
テーブル - FooTable 2系導入時にレスポンシブテーブルを探した際は、満足するライブラリが見つからなかった
セレクト拡張 Chosen Select2 両者の違いはこれから要確認
キャプチャ認証 QAPTCHA 継続利用予定 探した際の記録
不特定多数投稿 SCEditor 要検討 不特定多数投稿でHTMLタグを許可 -


Bootstrap 3 のレスポンシブテーブル

 閲覧数:541 投稿日:2014-05-13 更新日:2014-05-13 

公式ドキュメント


Bootstrap 3 の「Responsive tables」に搭載されている機能
・モバイルサイズなどで画面からはみ出した場合、横スライド可能な状態で表示
Create responsive tables by wrapping any .table in .table-responsive to make them scroll horizontally up to small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.

期待値以下
・期待していた程、Bootstrap 3 のレスポンシブテーブル機能は充実していないことが判明
・上記 FooTable ライブラリ導入を決意

Bootstrap 3 のセレクト拡張

 閲覧数:426 投稿日:2014-05-13 更新日:2014-05-13 

デフォルト


デフォルトBootstrap 3 は、セレクトボックス検索不可
・要ライブラリ導入


ライブラリ


セレクト拡張ライブラリ
・Chosen
・Select2
・両者の違いは?

両者の違い
・Chosenは一部、saas/coffeeで書かれている
・Select2の方が機能/ドキュメントが充実している

結論
・Select2 導入決定

不特定多数投稿

 閲覧数:285 投稿日:2014-05-14 更新日:2014-05-15 

結論


SCEditor
・検討した結果、カスタマイズした上で継続利用することを決定

既存サービスへエディタを組み込むためには、カスタマイズするしかない
・前回探し回ったときにも感じたことだが、欲しい機能そのものだけを備えたエディタなど存在しない(多機能過ぎるのも問題なので)
・既存サービスへ組み込むためには、最終的にカスタマイズするしかない


調査内容


Redactor
・BBCode、Markdown、何れも未対応
・不特定多数投稿用途では使用不可

StackEdit
・デフォルトでYouTube動画再生未対応

BBCode or Markdown
・Markdownが流行っていることは認識している
・それなのにBBCodeを採用することは、時代の流れに逆行するようで若干の抵抗があるけれども、不特定多数投稿用途に対応するためには仕方がない

不特定多数用途でMarkdown記法
・Markdownエディタを使用すれば対応可能

選択肢
エディタ 記法 HTMLエスケープ 不特定多数投稿
Redactor HTMLタグ 必要 デフォルトでは不可
StackEdit Markdown 必要
SCEditor BBCode 必要
Markdown
・エディタがなくても書いた内容を、HTMLタグで表示可能
・しかし、不特定多数投稿用途で使用するためには、エディタが必須(エディタがないと、Markdownを知らない人はHTMLタグを利用できない)

セキュリティ目次


Twitter検索結果。「Bootstrap 2.0 → 3.1.1」に関する最新ツイート


Bootstrap 3

Bootstrap3系 テーマ / テンプレート



週間人気ページランキング / 7-26 → 8-1
順位 ページタイトル抜粋 アクセス数
1 画面キャプチャ | Chrome 拡張機能(ブラウザ) 51
2 RGB ⇔ Lab | 色変換(色) 46
3 血の色 / #b30000 / #360800 / #ff0000 | 色 31
4 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 25
5 RGBの種類 / ビットカラー | RGB(色) 24
6 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 23
7 「属性」「プロパティ」「アトリビュート」の違い | CSS 21
8 Design 0 20
9 「bgcolor」「background-color」「background」の違い | CSS 15
10 コズミックブルーが何色か分からない | 色 12
10 「overflow」効果を打ち消すスタイルシートは、「overflow: auto;」 12
11 使用していないCSSをチェックする、標準的な方法を知りたい | CSS 11
11 HSLとHSVの違い | 色変換(色) 11
12 ページ内リンクの位置を微調整するためには、Negative margin を使用する | CSS 10
13 キャラクター無料着せ替えジェネレーター Rinmaru Games / オンラインサービス | イラスト素材(デザイン) 9
13 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) 9
13 アドベンチャーゲーム系の素材をどうやって用意するの? | イラスト素材(デザイン) 9
13 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 9
13 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 9
14 黒体 / 色温度 / D65(6500K)/ D50(5000K)/ K | 色 8
2021/8/2 1:01 更新