もうBootstrap3使っても良いんじゃねぇ？

**nobodyさん** · 2013/08/21(水) NY:AN:NY.AN

IE8以下に対応したきゃ、IE専用のCSS書けば良いじゃん。

**nobodyさん** · 2013/08/21(水) NY:AN:NY.AN

　　　　　　　.　 - ‐ -　､
　　　　／　　　　　　＼
　　　　 /　　　　　　　ヽ
.　　　 ,i'　　　　　　　　　 ',　　　　　　　どぉ～だいみんな！
　　　 ;i'　　　　　　　　 _...._　 |
　　　｢l　　ｒ ―- ､　　ｒ'　- ┘ ｈ　　　　　　　　　糞　ス　レ　だ　ろ　？
　　　|.i'　　"_..二. 〉　ｚ@ﾆ=　 |.|
.　　　|l　　　　　 i′　￣　｀　 |j　　　　　　　　　―┐　　　＿　　　＿　　　＿　　　＿　 ┃┃
.　　　｀!　　　　 r′ __ぅ　　　 l＿＿＿　　　　　 __ノ　オ　´ 　 `ー'´　　`ー'´ 　 `ー'´　　｀　･　･
.　　　　',　　　 /;';';';';',:, ）　　 ,'＼　＼ミﾆヽ､
.　　　　 ',　　（ｉﾆ＝ﾃ７　　　,'　　｝、　＼ミ二ﾆ
　　　　　 ;,　　ヾ二フ　　 ,'　　/::＼　＼ミﾆ
　　　／ヾ､ , , , , , , , , , ,i'　　/ﾆ三＼　＼ミ
　　ィ（　　　 `(´.）';';';';';ジ　／二三二＼
／　＼＼　　/_二ヽ__(⌒)／二三二三二＼
＼　　＼＼（　　__i＿｀)二:三二三二三二ヽ
二＼　　＼ !　　　:　｀｝ﾆ三二三二三二三｝
三二＼　　│　￣￣ﾌ二三二三二三二ﾆ/
二:三二＼/ﾄ､ _｀￣ﾉ´二:三二三二三二／
ﾆ二三二/　　　｀Ｔ´＼三三三三三ﾆ‐''"
.二三二/　　　　 |

**nobodyさん** · 2013/08/26(月) NY:AN:NY.AN

新規ならいいけど既存のを置き換える気力はないな

**nobodyさん** · 2013/08/28(水) NY:AN:NY.AN

昨日から2→3を始めた、置換えは気が遠くなるが2で止めたままにしとくのも先が無いんでやるしかない。

2の時にGrid systemを12→30にしてたんだけど3からはCustomizeページでcolumns数を変更出来なくなったから
それをどうすっかな・・・

**nobodyさん** · 2013/08/28(水) NY:AN:NY.AN

そもそもBootstrapの設計が悪いんだよ。
ウェブで推奨されるセマンティックなやり方とは
逆行する時代遅れの設計。

適用するスタイルに合わせてclass名を
バンバン追加していくスタイル。
これじゃメンテナンス性が悪すぎる。

修正時にあちこちHTMLを変更する羽目になる。
classに入れるクラス名は原則一つ
デザインの修正でHTMLは修正しない。全部CSSで行う。

それが昔から目指していた
スタイルとHTMLの分離。
CSSの存在理由なのに。

**nobodyさん** · 2013/08/29(木) NY:AN:NY.AN

まーレスポンシブとか考えたらグリッドシステムが一番楽そーなんだけどね
3になって行ごとにROW入れなくてよくなったのが良い

**nobodyさん** · 2013/08/29(木) NY:AN:NY.AN

>>5
class Aの特性とclass Bの特性を持った要素はclass CとしてA+Bの内容を定義するの？

**nobodyさん** · 2013/08/29(木) NY:AN:NY.AN

巨大なCSSが出来上がるなｗ

**nobodyさん** · 2013/08/30(金) NY:AN:NY.AN

>>7
その通り。

SCSSを使ってclass Aとclass Bを定義しておいて
「class CはAとBを継承する」と書けば
その内容は簡単に定義できる。

>>8
巨大なCSSは、小さいSCSSから生成するので人間の負担はない。

それよりも人間が書かないといけない
巨大なHTMLはメンテナンス性が悪い。

CSSは一箇所に書けば終わりだが、
Bootstrapなんかを使うと、使用しているページ全てに
ごちゃごちゃ書かないといけない。

**nobodyさん** · 2013/08/30(金) NY:AN:NY.AN

>>9
じゃ、3つのクラスの組み合わせが発生する場合、3C1+3C2+3C3=3+3+3=9つのクラスを定義するわけだね。
3つのクラスの組み合わせが発生する場合（以下略）

**nobodyさん** · 2013/08/30(金) NY:AN:NY.AN

(誤) 3つのクラスの組み合わせが発生する場合（以下略）
(正) 4つのクラスの組み合わせが発生する場合（以下略）

**nobodyさん** · 2013/08/30(金) NY:AN:NY.AN

3C1+3C2+3C3は3+3+1=7だろ

**nobodyさん** · 2013/08/30(金) NY:AN:NY.AN

>>9
例えば、テーブル関連で言うと
table
table-bordered
table-striped
table-condensed
というクラスが定義されてるわけだけど、具体的にはどうすればいいわけ？

**nobodyさん** · 2013/08/30(金) NY:AN:NY.AN

>>13
table-hoverもある。5つのクラスの組み合わせが発生するね。

**nobodyさん** · 2013/08/30(金) NY:AN:NY.AN

>>9
SCSSは知らんけど、それができるなら
.your_own_class : extend bootstrap_class_a, bootstrap_class_b
みたいに定義してけばいいだけじゃないの？

**nobodyさん** · 2013/08/30(金) NY:AN:NY.AN

rowとかspanはDIVにしか使わない事にしてるのは当たり前？

**nobodyさん** · 2013/08/30(金) NY:AN:NY.AN

>>13
そのtable-なんたらってのは、Bootstrapが用意したクラスか・・・？
本当にダサくて時代に逆行してるな。

HTMLの話をすればこれだけでいいだろ？
<table class="hoge">
　<tr><td>a1</td><td>a2</td></tr>
　<tr><td>b1</td><td>b2</td></tr>
　<tr><td>c1</td><td>c2</td></tr>
</table>

でCSSは普通こう書くだろ？
.hoge { tableのスタイル }
.hoge tr { trのスタイル }
.hoge td { tdのスタイル }

いやさ、普通にCSSの使い方だよ？
このように書いていればマークアップとCSSが分離されていて、
HTMLを書き換えることなく、CSS＝デザインを担当するものだけで
デザインを書き換えられる。

なにも新しいことは言ってないよ。CSSが出来た時から言われているCSSの正しい使い方。
原則としてデザインを変えるときはCSSだけを弄って変えるもの。
fontタグがなくなったのもHTMLからデザインの部分はなくしましょうという流れの一つ。

borderつけたかったら、CSSを修正すればいい。
偶数行奇数行で色を変えたければ、CSSを修正すればいい。
余白を少なくしたければ、CSSを修正すればいい。

これだけなんだけど、具体的に何を聞きたいの？
CSSの書き方？それともSCSSの書き方？
デザインを変えるだけならCSSしか修正しないのが原則なんで、HTMLはこのまま修正しないよ。

**nobodyさん** · 2013/08/30(金) NY:AN:NY.AN

> 原則としてデザインを変えるときはCSSだけを弄って変えるもの。

補足。「原則として」と書いているのは、
CSSの限界によってdivやspanを入れなければ
出来ないことがたまにあるから。

HTML5とCSS3によって大きく改善されたけどね。
実際に今開発しているスマホ用サイトではほとんどdivやspanを使わずに
無駄な要素を入れることなくCSSだけで表現出来てる。

**nobodyさん** · 2013/08/30(金) NY:AN:NY.AN

>>10
> じゃ、3つのクラスの組み合わせが発生する場合、3C1+3C2+3C3=3+3+3=9つのクラスを定義するわけだね。

細かい計算は面倒なので結論だけを書くと、
定義するクラスは、HTMLで使用するクラスの数だけでよい。

HTMLで使用せずに、他のクラスのベースとしてだけ使うクラスは
クラスではなくSCSSのプレースホルダとして定義すればいい。

だから定義するクラスの数はHTMLで使用するクラスの数だけになる。

**nobodyさん** · 2013/08/31(土) NY:AN:NY.AN

一生懸命力説してる人はこれが読めないんだろうか

Sleek, intuitive, and powerful front-end framework
for faster and easier web development.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

**nobodyさん** · 2013/08/31(土) NY:AN:NY.AN

言うだけなら誰にでもできる（笑）

**nobodyさん** · 2013/08/31(土) NY:AN:NY.AN

WHY WE DON’T USE TWITTER BOOTSTRAP
http://blog.idyllic-software.com/blog/bid/235535/Why-we-don-t-use-Twitter-Bootstrap

TWITTER BOOTSTRAP - IT'S NOT ALL ROSES
http://theled.co.uk/blog/archive/2012/06/22/twitter-bootstrap---its-not-all-roses/

Please stop using Twitter Bootstrap
http://css.dzone.com/articles/please-stop-using-twitter

Why Twitter Bootstrap is bad for the internet
http://blog.guy.ht/2012/02/Why-Twitter-Bootstrap-is-bad-for-the-internet/

**nobodyさん** · 2013/08/31(土) NY:AN:NY.AN

だからBootstrapをセマンティック病患者に見せるなとあれ程言ったじゃないか

**nobodyさん** · 2013/08/31(土) NY:AN:NY.AN

セマンティックかどうかよりも
メンテナンス性が悪くなるのが嫌だな。
HTMLがごちゃごちゃするし、
デザイン変更時に全HTMLを書き換えなきゃいけないし。

**nobodyさん** · 2013/08/31(土) NY:AN:NY.AN

多分、Bootstrapをありがたがってる人って

1. 自分でデザインを作れない。（デザインなんかどうでもいい。おきせのデザインでいい）
2. CSSを簡単な物以外自分で書けない。
3. JavaScript書けない
4. とりあえず動けばいい

って人なんじゃないかって思う。

デザインを自分で好きに作りたい人は
Bootstarapをカスタマイズせずに使うなんてありえないし
カスタマイズしようと思えば、Bootstarapに合わせた書き方を
しなければいけなないという面倒くささのせいで使いたくなくなると思う。

**nobodyさん** · 2013/08/31(土) NY:AN:NY.AN

流行ってるからと飛びついた馬鹿デザイナーが勝手に幻滅してるだけだよ
>>20が理解できない奴多すぎ

**nobodyさん** · 2013/08/31(土) NY:AN:NY.AN

流行ってすらいないものに飛びつく奴も馬鹿だけどな。

フレームワークには流行り廃りはあるけれど
根本的な考え方が大きく変わることはないんだ。

マークアップとデザインの分離。それがCSSの本質。
BootstrapはそのCSSの本質に当てはまっていない。
だからバッドプラクティス。それだけの話。

**nobodyさん** · 2013/08/31(土) NY:AN:NY.AN

グリッドシステムだけあればいいんだけど

**nobodyさん** · 2013/09/01(日) 11:34:54.87

>>25

4以外全部はずれ。ただ、時間をかけずにそれなりのものをちゃっちゃと作りたいだけです。

と、いう理由でBootstrapをこれから使おうかと思ってるんですが、
夢物語だと知って放りなげるかもしれません。

個人的には>>28と、あと、お手軽なテーマでもあればそれで十分だったりします。

**nobodyさん** · 2013/09/01(日) 11:44:59.64

どう考えてもBootstrapは逆に時間がかかるだろ。

将来修正はしません
ファイルの数は10個ぐらいですってなら
まだわかるけどな。

**nobodyさん** · 2013/09/01(日) 11:51:06.60

Bootstrapってプロトタイプつくためのもんだろ。
だれが使っても同じデザインにならないようなものを
プロダクトで採用できるかってーの。

捨てるためのフレームワークだよ。
それをわかってない奴は馬鹿だけどな。

**nobodyさん** · 2013/09/01(日) 13:06:25.58

働き者の馬鹿ほど時間を掛けてフルスクラッチしたがる
でBootstrapより使い物にならんオレオレフレームワークの誕生って訳だ

**nobodyさん** · 2013/09/01(日) 19:11:48.74

そもそもCSSにフレームワークなんていらん。
SASS（SCSS）というCSSを改良した文法があればいい。
あとはCSSの正しい使い方通りに使うだけ。

**nobodyさん** · 2013/09/02(月) 10:29:54.87

将来修正しませんじゃなくて、
「こういう感じでいいなら早く一定レベル以上のデザインを提供できますよ、
こだわりたいなら、当然お金と時間がかかりますよ」
ってやるのが商売ってもんで、
それをやらずに何でも客のいいなりに毎回フルスクラッチなんてばからしくてやってられません。

やってる会社だらけなので、商売やりにくいですけどね…

**nobodyさん** · 2013/09/02(月) 12:48:43.17

Bootstrap + LESSでいいじゃない

**nobodyさん** · 2013/09/02(月) 17:15:37.11

>>33
いやだから全員がイチからCSS書くのヤだからFWがあるわけで。

**nobodyさん** · 2013/09/02(月) 17:48:44.34

Bootstrap使ってる奴は、いろんなの作ってきて結果的にBootstrap使ってたり
趣味で使ってたりする奴だろ。

このスレでBootstrapは面倒とか、メンテ性が良くない、とかツマラナイ事言ってないで
建設的な意見をしろよ。俺も。

**nobodyさん** · 2013/09/02(月) 17:54:12.27

社内ツールのWebアプリ書く時に、デザインをほぼ考慮しなくて良いのでBootstrapは大変重宝している。

**nobodyさん** · 2013/09/02(月) 18:18:06.47

Bootstrapをdisってる人って、サイトテンプレートなんかも認めないんだろうな。
どっちかというと、サイトテンプレートの方が酷いのが多いけどね。

**nobodyさん** · 2013/09/02(月) 21:05:12.81

>>36
Bootstrapのような変なフレームワークはいらん。
正しくCSSを使っているフレームワークならいいよ。

**nobodyさん** · 2013/09/02(月) 21:06:56.50

>>39
> Bootstrapをdisってる人って、サイトテンプレートなんかも認めないんだろうな。

なんで？？？

勝手に決め付けるなよ。

頭おかしいんじゃないのか？

正しくCSSを使っているなら問題ない。
Bootstrapは間違ったCSSだからクソなんだよ。

何が正しくて何が間違っているかの定義は
CSSはデザインを分離するものであるという
CSSが出来た理由に合っているかどうかだ。

**nobodyさん** · 2013/09/02(月) 21:08:24.58

>>37
> このスレでBootstrapは面倒とか、メンテ性が良くない、とかツマラナイ事言ってないで
> 建設的な意見をしろよ。俺も。

SCSSってでてるじゃん。

class属性に値を詰め込む方法ではなくて
class属性に入れるクラス名は原則一つ。

これでやれって。

**nobodyさん** · 2013/09/02(月) 22:00:51.17

>>42

W3Cのhtml4あたりの勧告やDTDを読んでらっしゃい。
そこはhtml5になってもかわらないよ、恐らく。

**nobodyさん** · 2013/09/02(月) 22:11:02.51

>>43
そりゃそうだよなぁ。
CSSができたのはHTML4からだからなぁ。

**nobodyさん** · 2013/09/02(月) 23:01:58.92

一部の欠点をもってして利点を全否定する馬鹿は手に負えん
開発速度を最重要視したフレームワークだぜこれ
そのために十数年前から口やかましく言われてる禁じ手をあえて採用してるんだろ
全員がメンテナンス性やデザインを重視するなら他のを選んでるっての

**nobodyさん** · 2013/09/03(火) 00:23:37.37

>>45
Bootstrapが開発速度を重視しているからって、
他のやり方よりも開発速度が速いことにはならないんだが。
つまりSCSSでも開発速度は速い。

開発速度には普通メンテナンス速度も含まれるわけだが
この点でBootstrapは遅い。

そして君が言う通り禁じてというかダメなやり方を採用しており
メンテナンス性やデザイン性を重視するときに使えない。

**nobodyさん** · 2013/09/03(火) 10:27:24.34

>>46
メンテナンス性は、SCSSとかLESS使えよ

**nobodyさん** · 2013/09/03(火) 10:57:11.53

>>46
はいはいSCSS一番でございます

フレームワークの要旨を説明してるのに
なんで下層レイヤーの言語と比較するようなアホな論争に持ってこうとしてるんだか
フレームワーク同士の比較なら建設的なんだがな

**nobodyさん** · 2013/09/03(火) 10:57:45.13

>>46
俺俺CSSライブラリが使われてるのをメンテする方が大変だけどな。

**nobodyさん** · 2013/09/03(火) 11:00:26.04

まあ、Webデザイナーとかコーダーとか言われる人たちの素晴らしいデザインには使えないかもしれないが、センスの
かけらもない一プログラマには有用だよ。俺みたいな。

**nobodyさん** · 2013/09/03(火) 15:02:56.76

>>50

同意ｗ

**nobodyさん** · 2013/09/03(火) 15:54:11.27

今仕事でBootstrap3を使ってる奴はデザイナー向けブログに踊らされてるきちがい
リポジトリみれば分かることだがまだ修正もしないといけないのたくさんあるのに
今使うのは人柱のようなものだ
自分のサイトで使う分にはいいが、人様のサイトを作るなら使うのはまだ早い

**nobodyさん** · 2013/09/03(火) 16:06:57.26

ん？デザイナーはBootstrapごときは使わないんじゃ？

**nobodyさん** · 2013/09/03(火) 16:13:36.84

Bootstrap 2ならともかく、今3を人様のサイト用に使うのはチャレンジャーすぎる

**nobodyさん** · 2013/09/03(火) 21:54:15.63

>>49
俺俺CSSライブラリって何？

CSSってさ、デザインだよ？
つまりオリジナルのデザインは
すべて俺俺CSSライブラリってこと？

意味がよくわからないなぁ。

**nobodyさん** · 2013/09/03(火) 21:55:16.18

CSSにフレームワークっていうのが
そもそも考え方としておかしいんだよね。

ただのデザイン集なのに。

**nobodyさん** · 2013/09/03(火) 21:57:26.06

教えてください
PC用ではただのリスト、スマフォではドロップダウンて感じの
デザインにしたい場合、cssカスタマイズしてxs-xxxみたいなクラスを
自前で書いて、classに両方の場合のクラスを読み込ませるようにしないといけないんですか？
(極力共通のHTMLでPCスマフォ対応したい)

**nobodyさん** · 2013/09/03(火) 22:06:54.50

>>57
Bootstrapをディスりに来たとしか思えないｗ

まあ、普通に考えれば、

<ul class="some-list">
　<li> 1
　<li> 2
　<li> 3
</ul>

ってかいて、

1. スタイルシートを2つ用意する
2. bodyにクラスを指定する

のどちらかでやるだろうな。

1の方法は pc.css と smartphone.css 作って
それぞれ読み込むファイルを分ける。

2の方法はCSSは一つでbodyタグにクラスを設定することで
body.pc .some-list {}
body.smartphone .some-list {}
という風に定義できるようになる。

どうやって読み込むファイルを分けるかは、HTMLを動的に生成する方法。

そしてもう一つ。発想を変えてPC版、スマホ版という区別ではなく
画面の大きさなどで区別する方法。つまり CSS3 Media Queriesを使う。

**nobodyさん** · 2013/09/03(火) 22:08:39.79

Bootstrapでやる方法は知らん。

Bootstrapが標準でPC用ではリスト
スマホではドロップダウンにしてくれる
デザインを用意してくれているのなら
それを使えばいいだけだが。

CSSフレームワークに期待するな。
フレームワークというよりも
ただのデザイン集だ。
用意されていなければ自分で作るしかない。

**nobodyさん** · 2013/09/03(火) 22:13:20.64

もともとCSSはマークアップとデザインを分離するものだから、
PC用ではリスト、スマホではドロップダウンっていのは
CSSの想定される使い方としてできるんだよ。

HTMLには、デザインであるリストやドロップダウンという
内容を書かない。

CSSに書くことで、同じHTMLでデザインを変えることが出来る。

だけどBootstrapはデザインをHTMLに固定化させてしまうから難しくなる。
BootstrapはCSSの間違った使い方をしてるからこうなるのも仕方ない。

フレームワークがダメなのではなく、間違ったCSSの使い方を
しているのがBootstrapのだめなところだよ。
CSSを正しく使っているフレームワークならもちろんOKさ

**nobodyさん** · 2013/09/03(火) 23:51:54.77

>>58に追記

どうやって読み込むファイルを分けるかは、HTMLを動的に生成する方法を使うか、
JavaScriptで適切なCSSを読み込むか、bodyのclass属性を変更する。

57 · 2013/09/04(水) 00:23:29.40

>>58-61
ありがとうございます
Bootstrapの機能ではなく、CSSの基本的な機能とかJavaScriptによる
動的な方法しかないということですね
なんとなくですが、data-target="xs:hogehogeClass, lg:hagehageClass"みたいな記述をすれば
ウィンドウのサイズがXX～XXならXXXというクラスを読み込める
みたいなのを期待してしまっていたので・・・

**nobodyさん** · 2013/09/04(水) 00:55:29.76

>>62
Bootstrapはフレームワークを名乗っちゃいるが
ただのデザイン集だからね。
CSSでできることしか出来ないし用意された
デザイン以外を簡単に作る方法も用意してない。

> ウィンドウのサイズがXX～XXならXXXというクラスを読み込める
ウインドウサイズが～というのがCSS3 Media Queriesだよ。
HTMLに書いているのは同じクラスだけど、そのクラスに
適用されるデザインをウインドウサイズなどで変えることが出来る。

でもこの機能はBootstrapとは相性が悪くてね。
Bootstrapが希望通りのデザインを用意していないのなら
Bootstrapで定義されているクラスを上書きするしか無いよ。
そしたらBootstrapで用意されたクラスを使っているのだから
○○なデザインになるはずなのになってないみたいに意味不明なことになるけどね。

ま、ちゃんとしたCSSの使い方をしろってことさ。

**nobodyさん** · 2013/09/04(水) 01:16:29.46

みなさんはグリッドシステムそのものを批判してるの？

**nobodyさん** · 2013/09/04(水) 01:27:13.70

批判してるのは適材適所が理解できないサルだけだよ

**nobodyさん** · 2013/09/04(水) 01:46:18.39

>>64
使ったこと無いがSCSSのグリッドシステムあるだろ

http://www.profoundgrid.com/
Semantic
The grid keeps your markup semantic and
works without any "grid_x" classes.
Unless you want to use them, in which case they are included.

grid_xとかいうクラスなしで動くってさ。
ま、これが普通だよね。

**nobodyさん** · 2013/09/04(水) 09:54:02.95

今まで2人で開発してたものを公開しissueも多い状態だから挙動が変わりやすい不安定なバージョンなのに
今からBootstrap3にあわせて作っても無駄
6ヶ月は寝かせておいたほうがいい

**nobodyさん** · 2013/09/04(水) 10:42:12.98

>>66
どんなものかとダウンロードしてサンプル見たんだが、こんなのがHTMLにごちゃごちゃ入ってたよ。
<article id="row1">
<div class="col6">6</div>
<div class="col6 push6">6</div>
<div class="col12">12</div>
<div class="center">

**nobodyさん** · 2013/09/04(水) 10:46:00.14

こんなのもあった。
<div class="subgrid1">
　　<div class="subcol subcol6">
　　　　<div class="subgrid2">
　　　　　　<div class="subsubcol subcol1">1</div>
　　　　　　　…

俺はマルチカラムレイアウトでがっつり複雑なレイアウトは作らないけど、どんなフレームワークにせよ、
こんなのと似た感じになるのはしょうがないんじゃないの？

**nobodyさん** · 2013/09/04(水) 10:50:41.33

ていうか何にせよ各グリッドシステム毎の表記を覚えるのがめんどくせー。
黙ってspan6とかでやってれば勝手にレスポンシブってくれるからBootstrapで充分。

**nobodyさん** · 2013/09/04(水) 12:20:46.01

>>57
いやームズいっすわー
Bootstrap3じゃHTMLとCSSが癒着してるからムズいっすわー
難問っすわーねぇー
http://jsfiddle.net/eGWeV/

**nobodyさん** · 2013/09/04(水) 12:48:59.75

>>71
メンテ不能w

**nobodyさん** · 2013/09/04(水) 13:07:39.42

リスト→コンボ化のために実質1ルールも追加しないといけないとかマジありえないっスよね
生意気なブートストラッパー共をSCSSでビシっと黙らせてやっちゃって下さいよー

**nobodyさん** · 2013/09/04(水) 20:20:03.10

>>69
セマンティックすぎワロタ

**nobodyさん** · 2013/09/04(水) 22:36:09.37

>>71
そういうのがあちこちのHTMLにあると
思うとぞっとするね。

**nobodyさん** · 2013/09/04(水) 22:54:20.23

>>71

<section class="thread">
　<header>
　　正しいHTMLでデザインするとこうなる。無駄なclassは消え(必要に応じてつけてもいいが)、theadクラス以下に全てが集約される。
　　<b>360px</b> <b>600px</b> <b>over..</b>
　</header>
　<ul>
　　<li>
　　　<a href="#59">>>59</a>
　　　<p>Bootstrapでやる方法は知らん。</p>
　　</li>
　　<li>
　　　<a href="#60">>>60</a>
　　　<p>もともとCSSはマークアップとデザインを分離するものだから、PC用ではリスト、
　　　　　スマホではドロップダウンっていのはCSSの想定される使い方としてできるんだよ。</p>
　　　<p>HTMLには、デザインであるリストやドロップダウンという内容を書かない。</p>
　　　<p>だけどBootstrapはデザインをHTMLに固定化させてしまうから難しくなる。
　　　BootstrapはCSSの間違った使い方をしてるからこうなるのも仕方ない。 </p>
　　　<p>フレームワークがダメなのではなく、間違ったCSSの使い方をしているのが
　　　　Bootstrapのだめなところだよ。CSSを正しく使っているフレームワークならもちろんOKさ </p>
　　</li>
　　<li>
　　　<a href="#63">>>63</a>
　　　<p>でもこの機能はBootstrapとは相性が悪くてね。
　　　　Bootstrapが希望通りのデザインを用意していないのならBootstrapで定義されているクラスを
　　　　上書きするしか無いよ。そしたらBootstrapで用意されたクラスを使っているのだから
　　　　○○なデザインになるはずなのになってないみたいに意味不明なことになるけどね。</p>
　　　<p>ま、ちゃんとしたCSSの使い方をしろってことさ。</p>
　　</li>
　</ul>
</section>

**nobodyさん** · 2013/09/04(水) 22:55:10.88

あ、headerタグの中にh1を入れるの忘れたｗ

**nobodyさん** · 2013/09/04(水) 23:00:25.53

無駄なdiv、無駄なspan、無駄なclass
それがbootstrapか。

**nobodyさん** · 2013/09/04(水) 23:55:29.33

<span class="badge size-indicator">360px</span> の指摘はしないんだな

**nobodyさん** · 2013/09/05(木) 00:23:34.18

何か指摘することでもあんの？

当たり前だけどSCSSはメディアクエリーにも対応。

**nobodyさん** · 2013/09/05(木) 01:56:46.42

>>80
デザイン変えても360px掲げるんですか？
論理構造と視覚表現の分離は忘れましたか？
「pseudo-elementsで実装しろバーカ」が正しい指摘だ

**nobodyさん** · 2013/09/05(木) 02:08:21.56

>>81
つまりどういうこと？
360pxって視覚表現じゃないぞ？
お前が何をしろと言ってるのかさっぱりわからん。
pseudo-elementsで何を実装したいんだ？ちゃんといってみろ。

**nobodyさん** · 2013/09/05(木) 02:35:40.18

なんとなく、論理構造や視覚表現とは何かという
説明をしなくちゃならんくなりそうだな。
まあ、レス来てからにするか。

**nobodyさん** · 2013/09/05(木) 03:11:10.48

>>82-83
360pxに視覚表現以外の意味はない
>>71のCSSがあって初めて意味を成すんだから
だからHTMLではなくCSSの疑似要素でデザインすべきだと言う指摘に繋げた訳

あなたには360pxが何か意味のある内容だと思えたのかな？
いやそう思ったんだからマークアップしたんだよね
意味がないものをマークアップするなんてセマンティックを理解してない証拠になっちゃうんだから

で初めに戻るけど360pxをどうしてb要素でマークアップしたの？
.thread クラスに属する<b>360px</b>って何？
そこを説明して下さい

と言うか>>71を書いたの俺だから先に言うけど
メディアクエリのデバッグ目的で置いただけなんだけどね

**nobodyさん** · 2013/09/05(木) 05:49:34.25

でもまぁ海外のサイトとか見てると、これでもかってくらいDIVりまくってるしな

**nobodyさん** · 2013/09/05(木) 09:08:20.84

>>84
やっぱり「視覚表現」を勘違いしてるな。
まあ、説明は帰ってからしてあげるよ。
それまで考えてな。

**nobodyさん** · 2013/09/05(木) 10:47:47.79

セマンティックが止まらない

**nobodyさん** · 2013/09/05(木) 12:43:22.86

思ったが http://toro.2ch.net/hp/ でやる話じゃね？

**nobodyさん** · 2013/09/05(木) 13:13:57.54

Webプログラマが使うCSSフレームワークという文脈ならあり。
セマンティック至上主義の話は板違い。

84 · 2013/09/05(木) 13:58:33.54

そうすね
無意味な事にヒートアップしてすんませんした
もう相手にしません

**nobodyさん** · 2013/09/05(木) 16:24:45.26

散々言っといて無意味なことって何よ？アホかいね。

**nobodyさん** · 2013/09/05(木) 17:30:20.22

これはスゴ過ぎ！Bootstrap 3のインターフェイスの全てを再現したPSD素材 -Bootstrap 3 PSD
ＨＴＴＰ：／／coliss.com/articles/freebies/freebies-bootstrap-3-psd.html

Bootstrap3のテーマをWYSIWYGでカスタマイズ可能な「Bootstrap Magic」
ＨＴＴＰ：／／phpspot.org/blog/archives/2013/09/bootstrap3wysiw.html

本日分の燃料

**nobodyさん** · 2013/09/05(木) 21:40:29.50

CSSガイドラインを翻訳してみた
http://d.hatena.ne.jp/kiwanami/20130905/1378353853

も一つ燃料投下

**nobodyさん** · 2013/09/09(月) 03:00:31.79

bootstrapのmodal-headerって太すぎないですか？
設定ウインドウを作ったのですが、
画面中で最大の文字で「設定」って
そんなこと言わなくても分かるだろ！って思えます
どうやってますか？

**nobodyさん** · 2013/09/09(月) 04:12:44.27

>>94
http://getbootstrap.com/customize/#variables-modals

@modal-title-padding で15pxも取ってあるのか
高dpiを意識してるんかな

**nobodyさん** · 2013/09/09(月) 04:25:16.44

>>95
こういうのを見ると、逆に面倒になってないか？って思うな。
CSSってそんなもんじゃないだろ？
テキストエディタでちょこちょこって買い換えれば
済むもんだろ？

**nobodyさん** · 2013/09/09(月) 09:36:37.27

なぜ規約を破る前提で語るんだよ
そこそこの完成品にするための制限としての規約なんだから
守っておけばいいし、足りなくなったり、気に入らなくなったら、
ムリしてbootstrap使う必要ないだろ

このスレは本質と全然違うところでしか議論が進んでない

**nobodyさん** · 2013/09/09(月) 14:18:50.54

グリッドシステムだけ使いたいからダウンロードしたら他のコードを全部消す。
大事なものまで消してそうで怖い。

**nobodyさん** · 2013/09/09(月) 23:51:24.43

>>97
サンプルプログラムを作ってるわけじゃあるまいし
規約を守るのが仕事じゃないんだろ。

**nobodyさん** · 2013/09/09(月) 23:53:50.77

>>97
無理して使うこと無い　は、本当にそのとおり。
自分のセマンティック精神に合わなきゃ使わなくていい。
ちょいとしたWebアプリがPCでもiPadでもそれっぽく作れるから、
自分は用途に応じて使うよ。

**nobodyさん** · 2013/09/10(火) 00:44:07.79

使うのはいいけど、
ちゃんとした教育を受けた人には
気持ち悪いフレームワークなんだよな。

**nobodyさん** · 2013/09/10(火) 01:10:20.13

ちゃんとした教育()笑

**nobodyさん** · 2013/09/10(火) 03:28:26.76

Bootstrapに便利な機能を追加できるjQueryプラグインまとめ
ttp://w3q.jp/t/4438

**nobodyさん** · 2013/09/10(火) 21:03:15.06

ちゃんとした教育を受けた上で気持ち悪さを感じながらも
現実と折り合いをつけて使うのが大人

**nobodyさん** · 2013/09/10(火) 22:07:56.46

現実と折り合いをつけて
諦めないと使えないのがBootstrap

**nobodyさん** · 2013/09/10(火) 22:58:03.20

>>105
ID晒して気持ち悪いフレームワーク　スレに常駐お疲れ様ですｗ
なんでまだ居るんすかｗ

**nobodyさん** · 2013/09/11(水) 02:12:07.23

面白いからずっといますよ。

**nobodyさん** · 2013/09/11(水) 13:15:40.30

要所要所にclassを適用していくという方式で
メンテ性が下がる理由がよくわからん…。
ソース量が妙に増えるのは欠点だが、Bootstrapにあわせた
マークアップルールを考えればそれでいいだけな気もするし、
所詮一つの道具に過ぎないこれがそれぞれの自分流にあわなきゃ
使わなければいいだけなはずなんだがな。

**nobodyさん** · 2013/09/11(水) 13:39:32.80

html5でdivを使わないレイアウトが出来ます！
なんて言ってたやつはどこいった、？

**nobodyさん** · 2013/09/11(水) 15:43:38.48

重い腰上げて3への移行作業やってみたけど、骨が折れるわこれは…。
特にformが変わりすぎだ。

**nobodyさん** · 2013/09/11(水) 18:32:16.42

>>109
まぁほら、まだ正式勧告されてないもんだしさ。

ところで、3でrow-fluidがremove対象だってのに
row-fluidってしないとリキッドレイアウトできんのだけど。
containerも同じく。
2と間違えていれたか？

**nobodyさん** · 2013/09/11(水) 19:44:19.90

>>111
ポカミスに1ペリカ
3.xにrow-fluidなんて定義されてないしな

**nobodyさん** · 2013/09/11(水) 22:50:00.92

>>108
> 要所要所にclassを適用していくという方式で
> メンテ性が下がる理由がよくわからん…。

例えば、btnと書いたらどういうデザインになる？
まあ、”あの”デザインだよね。

もしsuccessボタンにしたかったどうする？
class="btn btn-success"だよね？

この時、角丸やめたいなって持ったらどうする？
class="btn btn-success btn-solid" かい？

右から左へのグラデーションに変えたいと思ったら？
class="btn btn-success btn-solid btn-gradation-left-to-right" かい？

グラデーションが黒から白へ、だけど、最後真っ白ではなくグレーだったら・・・

ほらね、あっという間に破綻するでしょ？

ここで、よくある反論は、Bootstrapのデザインそのまま使えだろうね。
でもそれって、メンテナンス性が低くてメンテナンスするコストが高いから
Bootstrapのデザインそのまま使えって意味だから。
メンテナンス性が低いってことの反論にはなってないのさ。

**nobodyさん** · 2013/09/11(水) 23:43:22.74

自分は属性を当てていく感じが割りと好きだけどな。

セマンティック君は学者だったらまだいいけど、
一介のユーザがそれだと痛いだけだよ。

**nobodyさん** · 2013/09/11(水) 23:55:32.18

>>114
属性を割り当てていく場所が違うんだよ。

classに属性を割り当てるのではなく、
CSSに属性を割り当てていく感じで作る。

>>113の例をCSSに属性を割り当てる感じにしたものを
具体的に書くと、

HTMLがこうで、

<button class="success-button">succsss</button>

SCSSがこう

.success-button {
　@extend btn;
　@extend btn-solid;
　@extend btn-gradation-left-to-right;

　//その他のCSSスタイル
　padding: 5px;
}

これならどんなスタイルであってHTMLを編集する必要性は少なくなるし、
急に全ページのsuccessボタンを変更してくれなんて依頼がきてもわずかの修正で対応できる。

**nobodyさん** · 2013/09/11(水) 23:58:58.62

>>115
HTML/CSSの本来の関係を説明してくれなくても分かってるよ。
別にここに張り付いてないで、理想通りの俺俺フレームワークを作ればいいじゃない。
応援してるよ。

**nobodyさん** · 2013/09/11(水) 23:59:44.14

>>115
1つだけ要望。
そんときはMITライセンスでよろしく。

**nobodyさん** · 2013/09/11(水) 23:59:58.87

>>116
俺俺フレームワークって何を作ればいいの？

昔からウェブサイトのデザインは
自分で作るものだと思ってるけど？

デザインの話じゃないんだよね？

**nobodyさん** · 2013/09/12(木) 00:05:13.93

>>118
は？bootstrapの作りにケチつけておいて、
フレームワークって何とは何事だ。
申し訳ないけど何かの病気か？

**nobodyさん** · 2013/09/12(木) 00:07:32.66

>>119
だからなんでフレームワークを作らないとダメなのって話で、
なんでbootstrapなんか作る必要があるの？って話なんだけど。

それにフレームワークを作る必要があったとしても、
別に俺俺で作る必要もないよね？

既にあるものを探してくればいいじゃん？

Bootstrapは探して見つけたくせに
なんでそれ以外を探すことが出来ないのかな？

**nobodyさん** · 2013/09/12(木) 00:09:30.25

ていうか話ずれ過ぎだよ。

> メンテ性が下がる理由がよくわからん…。

って書いてあるから、
メンテナンス性は本当に下がるよって
説明したのに。

わからなかったんでしょ？

> HTML/CSSの本来の関係を説明してくれなくても分かってるよ。
なぜかわかってるって言い直してるし。変な人だね。

**nobodyさん** · 2013/09/12(木) 00:13:27.01

>>121
ゴメン、メンテ性の話は別の人間。

bootstrapのデザインが気に食わなかったら
CSSフレームワークとしてbootstrapを使うことはないよ。
tutorial、sampleに毛の生えた程度のレベルで
サクサク作る用途で使ってるから、君の上げた例のような破綻はしないよ。

**nobodyさん** · 2013/09/12(木) 00:15:16.57

サクサク作る用途で使ってるならば、破綻はしない

ということは

サクサク作る用途以外ならば、破綻する

ということです。

仕事ってサクサク作る用途ですかね？
勉強している学生君ならまだいいけどさ。

**nobodyさん** · 2013/09/12(木) 00:22:01.97

>>123
Webデザイナー(笑)不在でそこそこの見た目でやる仕事もあるからね。
社内用のWebアプリとかこだわる必要ないでしょ？
それっぽいコンポーネントが揃ったフレームワークを、
それっぽい範囲で効率よく使ってるまでのこと。完璧なんて求めないよ。

細かい横槍の入りにくいほぼ独断の仕事で、優雅に技術者やれてますよ。

**nobodyさん** · 2013/09/12(木) 00:26:20.96

それはようするに見た目にこだわらなくても
いい場合にしか使えないという意味か？

それってさ、技術的に低くても良い場合にしか
使えないと言ってるのと同義だぞ。

見た目要求されたら、出来ませんって言うしか無いんだろう？

**nobodyさん** · 2013/09/12(木) 00:35:49.03

>>125
bootstrapのデザインをカスタマイズすることが技術的に高いことなの？
フレームワークがピッタリはまる用途で最高の効率で使うことも"高い"と思うよ。

bootstrapの見た目で満足できない物足りないと言う人を納得させるだけの
条件が揃って無ければ、それは出来ませんというしか無いだろうね。
その状況に陥るなら「技術的に低い」と思うよ。
フレームワークってその程度のものじゃない。

**nobodyさん** · 2013/09/12(木) 00:52:05.26

自分（アプリケーション屋）vsホームページ屋
の構図になっちゃってるね。たぶんだけど。

自分らは、bootstrap等のコンポーネント群はとても助かってるね。
「そんなのゼロから組んでたら倍かかりますよ！
　この部品の組み合わせで行きます」なんて、
ハッタリかませるほうが楽に生きれるんじゃない？
「bootstrapなんてフレームワークを作る必要ない」なんてさすがに見識を疑うね。

君の理想通りのフレームワークを紹介して欲しいよ・・・。

**nobodyさん** · 2013/09/12(木) 01:50:52.85

Bootstrapはメンテナンス性が悪いことが証明された。
それが何よりの収穫だ。

**nobodyさん** · 2013/09/12(木) 01:53:02.37

>>126
技術とメンテナンス性は話が別。

高い技術があればカスタマイズできるのではなく
高い技術があればメンテナンス性をあげられる。

カスタマイズなんてだれでもできること。
時間さえかければね。

**nobodyさん** · 2013/09/12(木) 01:57:03.47

>>127
デザインは要求ごとに違うもの。

だからどんな要求にも耐えられるフレームワークなんてものはないし
そんなものは必要ない

だからフレームワークに頼らず自分の力で
作れる技術をつけるべきである。

> 「そんなのゼロから組んでたら倍かかりますよ！
> 　この部品の組み合わせで行きます」なんて、

最終的に決めるのは客。勝手に決めるな。
倍かかるのは技術が低いから。
技術があれば客の望んだデザインで作れる。
客に迷惑をかけているということを自覚しろ

**nobodyさん** · 2013/09/12(木) 09:06:56.14

>ハッタリかませるほうが楽に生きれるんじゃない？

なんで、趣旨であるこの部分を削って
他人の意見を歪曲するかねぇ…

**nobodyさん** · 2013/09/12(木) 09:08:26.28

↑>>130宛てです。

**nobodyさん** · 2013/09/12(木) 09:12:20.07

>>113
それって「フレームワーク」の意味というか意義がわかってないだけじゃね?
そんなプログラムでもなんでも当てはまる話じゃん。

普通の人は、生産性の向上を享受する代わりに制約を受け入れてるわけだよw
制約が気に入らないなら使っちゃダメだわw

**nobodyさん** · 2013/09/12(木) 09:16:15.38

一方俺は有料テーマで済ませた
https://wrapbootstrap.com/

他にテーマを集めてるサイトはないかな

**nobodyさん** · 2013/09/12(木) 09:30:38.44

>>105-107
この気持ち悪い生き物は相手にしないでください。

**nobodyさん** · 2013/09/12(木) 16:35:51.53

なにもこったことはせずにそのまま使う。
それが一番いい。

**nobodyさん** · 2013/09/12(木) 16:50:01.66

なんかあったのか？

**nobodyさん** · 2013/09/12(木) 17:20:43.52

CSSフレームワークは、クロスブラウザについて考えることが減るというのも重要なメリット。
あいかわらずIEはひどいが。

**nobodyさん** · 2013/09/12(木) 19:28:22.61

bootstrap使ってみてるけど、今まで毎回書き起こしてたのがバカみたいだな。
勿論、見せるためのサイトでは不便だろうけど、
機能を使ってもらうサイトなら、これは便利そう。
もうちょっと使ってみないと、落とし穴があるかもしれないけど。

**nobodyさん** · 2013/09/12(木) 19:34:12.09

>>136

タイトルバー付きの小窓が欲しいんだよね。
だから、そこだけ自前で用意した。

**nobodyさん** · 2013/09/12(木) 20:47:17.98

SASSでクロスブラウザとかいう話なら
compassがあるよね？

http://compass-style.org/

例えば、.simple { @include border-radius(4px, 4px); } って書くだけでこういう風に出力される。

.simple {
　-webkit-border-radius: 4px 4px;
　-moz-border-radius: 4px / 4px;
　-khtml-border-radius: 4px / 4px;
　border-radius: 4px / 4px;
}

http://compass-style.org/reference/compass/css3/border_radius/

これはフレームワーク？

それと言うことをしたい場合、Bootstrapならどうするの？

**nobodyさん** · 2013/09/12(木) 21:03:45.91

嫌なら使うなこれ言うとフジテレビ同様嫌われるの(・ω・)ノ

**nobodyさん** · 2013/09/12(木) 23:40:07.62

フレームワークってある程度、ルールを作ってくれるし、それに応じた書き方するもんじゃないの？
フレームワークだし。

bootstrap使いたくないやつは使わなくていいんじゃないの？

自前で用意した方がいいんであれば自前でやればいいじゃん。

と蒸し返し。

**nobodyさん** · 2013/09/13(金) 00:04:48.64

なんでbootstrapを使わない＝自前で用意するになるの？

bootstrap以外の物を使えばいいじゃん。

俺はbootstrap以外のことは何も知らないというのなら
はっきりそう言ってくれ。なんなら↓これコピペしてくれるだけでいいぞ。

「俺はbootstrapの事以外何も知らない何も知ろうとしない愚か者です。」

はい、どうぞ。

**nobodyさん** · 2013/09/13(金) 01:26:43.50

>>144
お前が「bootstrapと同じ効率で全てに対応できるよう自分で組む技術を持っている」と
豪語してる人じゃないの？
その話を半分信じてみんな相手してくれてることになぜ気づかないの？
やっぱり痛すぎるよ？？？？？？？（ｗ

**nobodyさん** · 2013/09/13(金) 01:30:58.22

>>145
そんなことは言ってないがまず、
俺の質問に答えろよ。

なんでbootstrapを使わない＝自前で用意するになるの？

俺は言ってないが、
お前が言っていることは>>143みればわかること。

**nobodyさん** · 2013/09/13(金) 01:31:29.33

Bootstrap信者は、これ見て勉強してください。

もうCSS設計で悩まない！「CSSコーディングガイドライン」策定のための参考記事・スライド 7選
http://squeeze.jp/blog/web-development/css-guideline/

**nobodyさん** · 2013/09/13(金) 02:47:37.09

>>146
みなさん　この言葉遊びしてる基地外に近づかないでください。

**nobodyさん** · 2013/09/13(金) 06:42:44.06

>>147

基本的に、デザイナー系の人は頓珍漢なことばっかり重要視するからよく読んでないけど、

>プロパティの記述順序
>アルファベットの順に記述する。
>ベンダープレフィックスは無視する。ただし、例えば-moz接頭辞は-webkitの前に来る、などの順序は保つこと。

アホかと思った。

**nobodyさん** · 2013/09/13(金) 08:25:10.87

>>149
そういうどうでも良いレベルでしか差別化出来ないんじゃない?w

**nobodyさん** · 2013/09/13(金) 08:25:44.78

>>140
3のPanelが便利

**nobodyさん** · 2013/09/13(金) 08:28:18.94

>>147
> コーディング規約を作ろう
規約大事だよね。Bootstrapを使うならBootstrapが規約だね

> CSSガイドラインを翻訳してみた
オブジェクト指向流行ってるよね。Bootstrapもその一つだね

> 「Google HTML/CSS Style Guide」を適当に和訳してみた
.btn-small はイケてないよね…
.btn-147dick { max-height: 9.6cm; } とか真面目に自作すべき

> メンテナブルCSS
規約大事だよね。Bootstrapを使うなら略

> 大規模サイトにおける本当は怖いCSSの話
Bootstrapスタイルは技術がない人だと困るんだって
>>76スタイルは時間喰いすぎなんだって
バランスが大事なんだね

> 今必要なCSSアーキテクチャ
OOCSSもSMACSSも目的は同じでアプローチが違うんだね。Bootstrapは前者かな

> IDを使わないCSSの設計
シングルトンパターンと一緒で乱用すべきじゃないよね。Bootstrapも使ってないね

勉強になるな～

**nobodyさん** · 2013/09/13(金) 11:59:17.21

>>151

これを使えばいいのか、ありがとう。

**nobodyさん** · 2013/09/13(金) 13:07:01.65

input要素のサイズがグリッドカラムでしか指定できないのはさすがに嫌すぎなので
2にあったinput-*は自前で追加した

**nobodyさん** · 2013/09/13(金) 21:55:31.66

>>152
Bootstrapを超えるものが既にあるのに
なんでBootstrapを使うのって話じゃん。

**nobodyさん** · 2013/09/13(金) 21:58:18.44

Bootstrapを超えるものって何？

**nobodyさん** · 2013/09/13(金) 22:24:05.57

>>156
sass（cssの拡張版）＋compass（クロスブラウザフレームワーク、グリッドなどあり）

用意されたものを使えるのは当然の事、
さらに自分で拡張できる。

**nobodyさん** · 2013/09/13(金) 22:27:23.15

>>147
> 大規模サイトにおける本当は怖いCSSの話

26ページのオブジェクトタイプ・・・未使用ってのが
重要なところだね。

25ページより

オブジェクトタイプ
・CSSファイルを触らずに開発できる
・コピペで開発できる
デメリット
・CSS設計にスキルを要する
・CSS修正による影響予測が困難。

これ、Bootstrapのことだよね・・・

**nobodyさん** · 2013/09/13(金) 22:31:02.19

Bootstrapの問題点は簡単にいえば
メンテナンス性が低いということ。

目的のものを作るに時間がかかる。

**nobodyさん** · 2013/09/13(金) 23:50:35.58

>>159
それはお前の脳みそがメンテナンスされてないから。

**nobodyさん** · 2013/09/13(金) 23:51:14.42

>>155
あれ見落としてたかなー
Bootstrapを比較に持ち出してる記事なんてそのページのどこにあるんだろう？

**nobodyさん** · 2013/09/14(土) 00:23:36.86

出先でモックアップを作るのに良いサイトを探してるんですがお勧めはありませんか？
2.x/3.x切り替えとキーボードショートカットに対応してたら最高です

https://jetstrap.com/
http://bootply.com/
http://www.layoutit.com/

この辺は見てみました

**nobodyさん** · 2013/09/14(土) 02:02:50.79

Bootstrapのメンテナンス性が低い理由は明確に書いてある。

>>114
属性を割り当てていく場所が違うんだよ。

classに属性を割り当てるのではなく、
CSSに属性を割り当てていく感じで作る。

>>113の例をCSSに属性を割り当てる感じにしたものを
具体的に書くと、

HTMLがこうで、

<button class="success-button">succsss</button>

SCSSがこう

.success-button {
　@extend btn;
　@extend btn-solid;
　@extend btn-gradation-left-to-right;

　//その他のCSSスタイル
　padding: 5px;
}

これならどんなスタイルであってHTMLを編集する必要性は少なくなるし、
急に全ページのsuccessボタンを変更してくれなんて依頼がきてもわずかの修正で対応できる。

**nobodyさん** · 2013/09/14(土) 04:40:19.30

世界中でお前だけだぞ、んなこと言ってんのw

**nobodyさん** · 2013/09/14(土) 05:16:15.54

彼はBootstrapに家を流され家族を殺されたんだ
しょうがないさ

**nobodyさん** · 2013/09/14(土) 05:26:02.37

よほどbootstrapが憎いんだろうな。
bootstrapとそのユーザへの攻撃で自分を保ってる。

そしてなぜかbootstrapとは違う厚さのSCSSが最強であると喚く。
あんた完全にぶっ壊れてるよ。

**nobodyさん** · 2013/09/14(土) 05:28:13.58

>>163
>>105-107
まだこの気狂い居るのかｗ

**nobodyさん** · 2013/09/14(土) 05:32:16.61

で、CSS/Sassスレでも立ててもらって、そっちでやればいいんじゃね？
bootstrapをわざわざ攻撃しに来ることないでしょ。
だれもSassを否定していないのに、顔真っ赤でbootstrapを叩く理由がわからない。

Sassはちゃんと設計してCSSを書くテクニックってのは分かってるから、
それはそれで別のところでやってくれればいいと思うよ。

**nobodyさん** · 2013/09/14(土) 08:27:09.98

>>163
お前に必要なのはこの文章
http://anond.hatelabo.jp/20130913224601

**nobodyさん** · 2013/09/14(土) 15:26:39.78

> だれもSassを否定していないのに、顔真っ赤でbootstrapを叩く理由がわからない。

bootstrapをディスりたいからだけど？
信者いる所でやらないと面白く無いっしょｗ

**nobodyさん** · 2013/09/14(土) 19:43:06.54

Bootstrapのメリットは
CSSを知らない人でも使えることだと思う。

**nobodyさん** · 2013/09/14(土) 19:44:47.64

>>170
それただの荒らしじゃない。
ついて出てくる理屈は薄っぺらいし、本当にbootstrapに家族殺されたんだね。同情するよ。

**nobodyさん** · 2013/09/14(土) 19:48:41.25

うわっわざとらしい自演だｗ

**nobodyさん** · 2013/09/15(日) 19:04:33.16

>>170
こんなフレームワークが開発中らしいよ。
属性を与える場所について講義してこなきゃ。

Semantic UI
http://semantic-ui.com/

**nobodyさん** · 2013/09/15(日) 22:23:46.87

書評: Web 制作者のための Sass の教科書
http://www.understandard.net/css/css016.html

**nobodyさん** · 2013/09/16(月) 09:12:13.59

×信者いる所でやらないと面白く無いっしょｗ
○信者いる場所でやらないと誰にも相手にしてもらえないんです(>_<

**nobodyさん** · 2013/09/17(火) 11:50:36.21

>>174
Bootstrapの
<button type="button" class="btn btn-primary btn-lg">
より、
<div class="ui large red labeled icon button">
の方が良い理由が分からん。
第一にこれボタンじゃないし。

**nobodyさん** · 2013/09/17(火) 15:10:29.39

>>177
できの悪い「Webサイトテンプレート」も似たようなのが多い。
h*やpなどの大部分が<div class="...">で表現されてたりする。

**nobodyさん** · 2013/09/17(火) 19:22:04.78

ボタンツクール
ttp://www.thiagocanudo.com.br/bootsbutton/

**nobodyさん** · 2013/09/18(水) 00:19:23.69

>>177
ですよね。

やっぱり最善は
<button type="button" class="ok-button">
みたいなものか

ほら、みんなこのコード読んで、
なんのボタンかわかっちゃったでしょ？

**nobodyさん** · 2013/09/18(水) 10:10:24.87

いい方法思いついた！

SCSSでBootstrapのクラスをwrapすればいいんだ！
これでみんな幸せ！！

オレ、頭イイ！！！

**nobodyさん** · 2013/09/19(木) 00:53:30.97

>>181
やっとそれがでたかｗ

上でヒントっぽいものはでていた気がするが。

でもそれは、classに値を入れていく方式は
間違っている（セマンティックではない）を
認めたことになるよ。

SCSSを使ってセマンティックに作っておけば、
後からBootstrapでないものに変えるのも楽なんだよね。

メンテナンス性とはこういうこと。

**nobodyさん** · 2013/09/19(木) 07:45:53.86

>>182
あとで変えるってアホじゃん

**nobodyさん** · 2013/09/19(木) 13:25:13.23

>>182
> やっとそれがでたかｗ
>
> 上でヒントっぽいものはでていた気がするが。
いやいや、さんざんSCSS,LESS使えって出てるじゃん。

> SCSSを使ってセマンティックに作っておけば、
セマンティック派としては、たとえばTwitterボタンが必要なとき、どうやるの？

> 後からBootstrapでないものに変えるのも楽なんだよね。
> メンテナンス性とはこういうこと。
メンテナンス性ってそういうことだけじゃないよ。
例えば、
・新しいブラウザが出たときにどこまで確認が必要か
・ブラウザの新しいバージョンが出たときにどこまで確認が必要か
・第三者がメンテナンスするときの学習容易性・変更容易性
・テスト工数
etc.

**nobodyさん** · 2013/09/19(木) 13:27:15.14

>>181
> SCSSでBootstrapのクラスをwrapすればいいんだ！
> これでみんな幸せ！！
そうかな。
OOP黎明期に派生が持ち上げられてたとき、それでみんな幸せになったかな？
OOCSS + SCSSって見た目実装継承、実際はコピペだし。

**181** · 2013/09/19(木) 17:54:45.45

完全に冗談で言ったのに、大真面目に取られてちょっとびっくりしている…

**nobodyさん** · 2013/09/19(木) 21:50:21.06

>>186
だって既にあるしな。
それを知らんのはSCSSを知らんやつだけだろうなｗ

使いにくいBootstrap流のやり方をやめ
SCSS流のやり方で、Bootstrapのデザインだけ
かっぱらっていくｗ

**nobodyさん** · 2013/09/19(木) 22:45:47.76

こいつまだいるのか・・・

**nobodyさん** · 2013/09/19(木) 23:32:05.62

ずっといるよｗ
諦めな。

**nobodyさん** · 2013/09/20(金) 05:50:21.85

>>189
なんでこんなに気持悪い生き物が地球に居るんだろ。
クソみたいな親に育てられたんだろな。

**nobodyさん** · 2013/09/21(土) 02:10:00.56

こちらも荒らして欲しいってさｗ

Bootstrap
http://kohada.2ch.net/test/read.cgi/php/1379623411/

**nobodyさん** · 2013/09/25(水) 14:45:29.76

SCSSでオレオレBootstrap wrapper作る俺かっこいい

**nobodyさん** · 2013/09/26(木) 00:31:20.22

Bootstrap wrapperってほどのこともないな。

classにBootstrapのクラス名を打ち込む代わりに、

class=" セマンティックな名前” って書いて

セマンティックな名前 {
　@extend Bootstrapのクラス名
}

って書くだけで終わりだし。

**nobodyさん** · 2013/09/26(木) 10:36:01.18

ここの基地外が PHPフレームワーク総合でもご迷惑をかけてるようで申し訳ありませんwwwwwwww
あの奇行種早く駆逐してくれよｗ

**nobodyさん** · 2013/09/26(木) 15:07:16.74

Bootflat 1.0.1

BOOTFLAT is an open source Flat UI KIT based on Twitter Bootstrap 3 css framework. It provides a faster, easier and less repetitive way for web developers to create elegant web app.

http://www.flathemes.com/

**nobodyさん** · 2013/10/11(金) 10:19:21.84

OOCSSとかいう単語考えた奴は絶対オブジェクト指向理解してないと思う

**nobodyさん** · 2013/10/27(日) 03:00:08.04

Bootstrap Datetime Pickerを使って見てるんだけど、これのformatで曜日を表示するにはどうすればいい？
$('#datetimepicker1').datetimepicker({
format: 'yyyy年MM月dd日 hh:mm',
....
現在のformatが上記で最終的な表示を
2013年10月27日(日)とかにしたい。

**nobodyさん** · 2013/10/27(日) 03:33:07.54

>>197
javascript date formatで検索すると%aが曜日らしいから、試すといいんじゃない？

**nobodyさん** · 2013/10/27(日) 18:17:19.87

>>198
ありがとう。しかしだめだったぜ・・・orz
以下４通り試してみたけど、表示は文字列がそのまま出力されてしまった・・・
format: 'yyyy年MM月dd日 hh:mm a',
format: 'yyyy年MM月dd日 hh:mm aa',
format: 'yyyy年MM月dd日 hh:mm %a',
format: 'yyyy年MM月dd日 hh:mm %aa',

**nobodyさん** · 2013/10/27(日) 18:26:47.46

出来ないならできないで、自分で関数拡張すればいいだけじゃん。