トップページphp
231コメント85KB

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

■ このスレッドは過去ログ倉庫に格納されています
0001nobodyさん2013/08/21(水) NY:AN:NY.ANID:Qa7rnBrg
IE8以下に対応したきゃ、IE専用のCSS書けば良いじゃん。
0051nobodyさん2013/09/03(火) 15:02:56.76ID:???
>>50

同意w
0052nobodyさん2013/09/03(火) 15:54:11.27ID:???
今仕事でBootstrap3を使ってる奴はデザイナー向けブログに踊らされてるきちがい
リポジトリみれば分かることだがまだ修正もしないといけないのたくさんあるのに
今使うのは人柱のようなものだ
自分のサイトで使う分にはいいが、人様のサイトを作るなら使うのはまだ早い
0053nobodyさん2013/09/03(火) 16:06:57.26ID:???
ん?デザイナーはBootstrapごときは使わないんじゃ?
0054nobodyさん2013/09/03(火) 16:13:36.84ID:???
Bootstrap 2ならともかく、今3を人様のサイト用に使うのはチャレンジャーすぎる
0055nobodyさん2013/09/03(火) 21:54:15.63ID:???
>>49
俺俺CSSライブラリって何?

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

意味がよくわからないなぁ。
0056nobodyさん2013/09/03(火) 21:55:16.18ID:???
CSSにフレームワークっていうのが
そもそも考え方としておかしいんだよね。

ただのデザイン集なのに。
0057nobodyさん2013/09/03(火) 21:57:26.06ID:raBduHGT
教えてください
PC用ではただのリスト、スマフォではドロップダウンて感じの
デザインにしたい場合、cssカスタマイズしてxs-xxxみたいなクラスを
自前で書いて、classに両方の場合のクラスを読み込ませるようにしないといけないんですか?
(極力共通のHTMLでPCスマフォ対応したい)
0058nobodyさん2013/09/03(火) 22:06:54.50ID:???
>>57
Bootstrapをディスりに来たとしか思えないw

まあ、普通に考えれば、

<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を使う。
0059nobodyさん2013/09/03(火) 22:08:39.79ID:???
Bootstrapでやる方法は知らん。

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

CSSフレームワークに期待するな。
フレームワークというよりも
ただのデザイン集だ。
用意されていなければ自分で作るしかない。
0060nobodyさん2013/09/03(火) 22:13:20.64ID:???
もともとCSSはマークアップとデザインを分離するものだから、
PC用ではリスト、スマホではドロップダウンっていのは
CSSの想定される使い方としてできるんだよ。

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

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

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

フレームワークがダメなのではなく、間違ったCSSの使い方を
しているのがBootstrapのだめなところだよ。
CSSを正しく使っているフレームワークならもちろんOKさ
0061nobodyさん2013/09/03(火) 23:51:54.77ID:???
>>58に追記

どうやって読み込むファイルを分けるかは、HTMLを動的に生成する方法を使うか、
JavaScriptで適切なCSSを読み込むか、bodyのclass属性を変更する。
0062572013/09/04(水) 00:23:29.40ID:???
>>58-61
ありがとうございます
Bootstrapの機能ではなく、CSSの基本的な機能とかJavaScriptによる
動的な方法しかないということですね
なんとなくですが、data-target="xs:hogehogeClass, lg:hagehageClass"みたいな記述をすれば
ウィンドウのサイズがXX〜XXならXXXというクラスを読み込める
みたいなのを期待してしまっていたので・・・
0063nobodyさん2013/09/04(水) 00:55:29.76ID:???
>>62
Bootstrapはフレームワークを名乗っちゃいるが
ただのデザイン集だからね。
CSSでできることしか出来ないし用意された
デザイン以外を簡単に作る方法も用意してない。

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

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

ま、ちゃんとしたCSSの使い方をしろってことさ。
0064nobodyさん2013/09/04(水) 01:16:29.46ID:???
みなさんはグリッドシステムそのものを批判してるの?
0065nobodyさん2013/09/04(水) 01:27:13.70ID:???
批判してるのは適材適所が理解できないサルだけだよ
0066nobodyさん2013/09/04(水) 01:46:18.39ID:???
>>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とかいうクラスなしで動くってさ。
ま、これが普通だよね。
0067nobodyさん2013/09/04(水) 09:54:02.95ID:???
今まで2人で開発してたものを公開しissueも多い状態だから挙動が変わりやすい不安定なバージョンなのに
今からBootstrap3にあわせて作っても無駄
6ヶ月は寝かせておいたほうがいい
0068nobodyさん2013/09/04(水) 10:42:12.98ID:???
>>66
どんなものかとダウンロードしてサンプル見たんだが、こんなのがHTMLにごちゃごちゃ入ってたよ。
<article id="row1">
<div class="col6">6</div>
<div class="col6 push6">6</div>
<div class="col12">12</div>
<div class="center">
0069nobodyさん2013/09/04(水) 10:46:00.14ID:???
こんなのもあった。
<div class="subgrid1">
  <div class="subcol subcol6">
    <div class="subgrid2">
      <div class="subsubcol subcol1">1</div>
       …

俺はマルチカラムレイアウトでがっつり複雑なレイアウトは作らないけど、どんなフレームワークにせよ、
こんなのと似た感じになるのはしょうがないんじゃないの?
0070nobodyさん2013/09/04(水) 10:50:41.33ID:???
ていうか何にせよ各グリッドシステム毎の表記を覚えるのがめんどくせー。
黙ってspan6とかでやってれば勝手にレスポンシブってくれるからBootstrapで充分。
0071nobodyさん2013/09/04(水) 12:20:46.01ID:???
>>57
いやームズいっすわー
Bootstrap3じゃHTMLとCSSが癒着してるからムズいっすわー
難問っすわーねぇー
http://jsfiddle.net/eGWeV/
0072nobodyさん2013/09/04(水) 12:48:59.75ID:???
>>71
メンテ不能w
0073nobodyさん2013/09/04(水) 13:07:39.42ID:???
リスト→コンボ化のために実質1ルールも追加しないといけないとかマジありえないっスよね
生意気なブートストラッパー共をSCSSでビシっと黙らせてやっちゃって下さいよー
0074nobodyさん2013/09/04(水) 20:20:03.10ID:???
>>69
セマンティックすぎワロタ
0075nobodyさん2013/09/04(水) 22:36:09.37ID:???
>>71
そういうのがあちこちのHTMLにあると
思うとぞっとするね。
0076nobodyさん2013/09/04(水) 22:54:20.23ID:???
>>71

<section class="thread">
 <header>
  正しいHTMLでデザインするとこうなる。無駄なclassは消え(必要に応じてつけてもいいが)、theadクラス以下に全てが集約される。
  <b>360px</b> <b>600px</b> <b>over..</b>
 </header>
 <ul>
  <li>
   <a href="#59">&gt;&gt;59</a>
   <p>Bootstrapでやる方法は知らん。</p>
  </li>
  <li>
   <a href="#60">&gt;&gt;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">&gt;&gt;63</a>
   <p>でもこの機能はBootstrapとは相性が悪くてね。
    Bootstrapが希望通りのデザインを用意していないのならBootstrapで定義されているクラスを
    上書きするしか無いよ。そしたらBootstrapで用意されたクラスを使っているのだから
    ○○なデザインになるはずなのになってないみたいに意味不明なことになるけどね。</p>
   <p>ま、ちゃんとしたCSSの使い方をしろってことさ。</p>
  </li>
 </ul>
</section>
0077nobodyさん2013/09/04(水) 22:55:10.88ID:???
あ、headerタグの中にh1を入れるの忘れたw
0078nobodyさん2013/09/04(水) 23:00:25.53ID:???
無駄なdiv、無駄なspan、無駄なclass
それがbootstrapか。
0079nobodyさん2013/09/04(水) 23:55:29.33ID:???
<span class="badge size-indicator">360px</span> の指摘はしないんだな
0080nobodyさん2013/09/05(木) 00:23:34.18ID:???
何か指摘することでもあんの?

当たり前だけどSCSSはメディアクエリーにも対応。
0081nobodyさん2013/09/05(木) 01:56:46.42ID:???
>>80
デザイン変えても360px掲げるんですか?
論理構造と視覚表現の分離は忘れましたか?
「pseudo-elementsで実装しろバーカ」が正しい指摘だ
0082nobodyさん2013/09/05(木) 02:08:21.56ID:???
>>81
つまりどういうこと?
360pxって視覚表現じゃないぞ?
お前が何をしろと言ってるのかさっぱりわからん。
pseudo-elementsで何を実装したいんだ?ちゃんといってみろ。
0083nobodyさん2013/09/05(木) 02:35:40.18ID:???
なんとなく、論理構造や視覚表現とは何かという
説明をしなくちゃならんくなりそうだな。
まあ、レス来てからにするか。
0084nobodyさん2013/09/05(木) 03:11:10.48ID:???
>>82-83
360pxに視覚表現以外の意味はない
>>71のCSSがあって初めて意味を成すんだから
だからHTMLではなくCSSの疑似要素でデザインすべきだと言う指摘に繋げた訳

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

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

と言うか>>71を書いたの俺だから先に言うけど
メディアクエリのデバッグ目的で置いただけなんだけどね
0085nobodyさん2013/09/05(木) 05:49:34.25ID:???
でもまぁ海外のサイトとか見てると、これでもかってくらいDIVりまくってるしな
0086nobodyさん2013/09/05(木) 09:08:20.84ID:???
>>84
やっぱり「視覚表現」を勘違いしてるな。
まあ、説明は帰ってからしてあげるよ。
それまで考えてな。
0087nobodyさん2013/09/05(木) 10:47:47.79ID:???
セマンティックが止まらない
0088nobodyさん2013/09/05(木) 12:43:22.86ID:???
思ったが http://toro.2ch.net/hp/ でやる話じゃね?
0089nobodyさん2013/09/05(木) 13:13:57.54ID:???
Webプログラマが使うCSSフレームワークという文脈ならあり。
セマンティック至上主義の話は板違い。
0090842013/09/05(木) 13:58:33.54ID:???
そうすね
無意味な事にヒートアップしてすんませんした
もう相手にしません
0091nobodyさん2013/09/05(木) 16:24:45.26ID:???
散々言っといて無意味なことって何よ?アホかいね。
0092nobodyさん2013/09/05(木) 17:30:20.22ID:???
これはスゴ過ぎ!Bootstrap 3のインターフェイスの全てを再現したPSD素材 -Bootstrap 3 PSD
HTTP://coliss.com/articles/freebies/freebies-bootstrap-3-psd.html

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


本日分の燃料
0093nobodyさん2013/09/05(木) 21:40:29.50ID:???
CSSガイドラインを翻訳してみた
http://d.hatena.ne.jp/kiwanami/20130905/1378353853

も一つ燃料投下
0094nobodyさん2013/09/09(月) 03:00:31.79ID:nNe0D1vQ
bootstrapのmodal-headerって太すぎないですか?
設定ウインドウを作ったのですが、
画面中で最大の文字で「設定」って
そんなこと言わなくても分かるだろ!って思えます
どうやってますか?
0095nobodyさん2013/09/09(月) 04:12:44.27ID:???
>>94
http://getbootstrap.com/customize/#variables-modals

@modal-title-padding で15pxも取ってあるのか
高dpiを意識してるんかな
0096nobodyさん2013/09/09(月) 04:25:16.44ID:nNe0D1vQ
>>95
こういうのを見ると、逆に面倒になってないか?って思うな。
CSSってそんなもんじゃないだろ?
テキストエディタでちょこちょこって買い換えれば
済むもんだろ?
0097nobodyさん2013/09/09(月) 09:36:37.27ID:???
なぜ規約を破る前提で語るんだよ
そこそこの完成品にするための制限としての規約なんだから
守っておけばいいし、足りなくなったり、気に入らなくなったら、
ムリしてbootstrap使う必要ないだろ

このスレは本質と全然違うところでしか議論が進んでない
0098nobodyさん2013/09/09(月) 14:18:50.54ID:???
グリッドシステムだけ使いたいからダウンロードしたら他のコードを全部消す。
大事なものまで消してそうで怖い。
0099nobodyさん2013/09/09(月) 23:51:24.43ID:nNe0D1vQ
>>97
サンプルプログラムを作ってるわけじゃあるまいし
規約を守るのが仕事じゃないんだろ。
0100nobodyさん2013/09/09(月) 23:53:50.77ID:???
>>97
無理して使うこと無い は、本当にそのとおり。
自分のセマンティック精神に合わなきゃ使わなくていい。
ちょいとしたWebアプリがPCでもiPadでもそれっぽく作れるから、
自分は用途に応じて使うよ。
0101nobodyさん2013/09/10(火) 00:44:07.79ID:k9V3QcR6
使うのはいいけど、
ちゃんとした教育を受けた人には
気持ち悪いフレームワークなんだよな。
0102nobodyさん2013/09/10(火) 01:10:20.13ID:???
ちゃんとした教育()笑
0103nobodyさん2013/09/10(火) 03:28:26.76ID:???
Bootstrapに便利な機能を追加できるjQueryプラグインまとめ
ttp://w3q.jp/t/4438
0104nobodyさん2013/09/10(火) 21:03:15.06ID:???
ちゃんとした教育を受けた上で気持ち悪さを感じながらも
現実と折り合いをつけて使うのが大人
0105nobodyさん2013/09/10(火) 22:07:56.46ID:k9V3QcR6
現実と折り合いをつけて
諦めないと使えないのがBootstrap
0106nobodyさん2013/09/10(火) 22:58:03.20ID:???
>>105
ID晒して気持ち悪いフレームワーク スレに常駐お疲れ様ですw
なんでまだ居るんすかw
0107nobodyさん2013/09/11(水) 02:12:07.23ID:S3z0iKLL
面白いからずっといますよ。
0108nobodyさん2013/09/11(水) 13:15:40.30ID:???
要所要所にclassを適用していくという方式で
メンテ性が下がる理由がよくわからん…。
ソース量が妙に増えるのは欠点だが、Bootstrapにあわせた
マークアップルールを考えればそれでいいだけな気もするし、
所詮一つの道具に過ぎないこれがそれぞれの自分流にあわなきゃ
使わなければいいだけなはずなんだがな。
0109nobodyさん2013/09/11(水) 13:39:32.80ID:???
html5でdivを使わないレイアウトが出来ます!
なんて言ってたやつはどこいった、?
0110nobodyさん2013/09/11(水) 15:43:38.48ID:Dg7F87oK
重い腰上げて3への移行作業やってみたけど、骨が折れるわこれは…。
特にformが変わりすぎだ。
0111nobodyさん2013/09/11(水) 18:32:16.42ID:???
>>109
まぁほら、まだ正式勧告されてないもんだしさ。

ところで、3でrow-fluidがremove対象だってのに
row-fluidってしないとリキッドレイアウトできんのだけど。
containerも同じく。
2と間違えていれたか?
0112nobodyさん2013/09/11(水) 19:44:19.90ID:???
>>111
ポカミスに1ペリカ
3.xにrow-fluidなんて定義されてないしな
0113nobodyさん2013/09/11(水) 22:50:00.92ID:S3z0iKLL
>>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のデザインそのまま使えって意味だから。
メンテナンス性が低いってことの反論にはなってないのさ。
0114nobodyさん2013/09/11(水) 23:43:22.74ID:???
自分は属性を当てていく感じが割りと好きだけどな。

セマンティック君は学者だったらまだいいけど、
一介のユーザがそれだと痛いだけだよ。
0115nobodyさん2013/09/11(水) 23:55:32.18ID:???
>>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ボタンを変更してくれなんて依頼がきてもわずかの修正で対応できる。
0116nobodyさん2013/09/11(水) 23:58:58.62ID:???
>>115
HTML/CSSの本来の関係を説明してくれなくても分かってるよ。
別にここに張り付いてないで、理想通りの俺俺フレームワークを作ればいいじゃない。
応援してるよ。
0117nobodyさん2013/09/11(水) 23:59:44.14ID:???
>>115
1つだけ要望。
そんときはMITライセンスでよろしく。
0118nobodyさん2013/09/11(水) 23:59:58.87ID:???
>>116
俺俺フレームワークって何を作ればいいの?

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

デザインの話じゃないんだよね?
0119nobodyさん2013/09/12(木) 00:05:13.93ID:???
>>118
は?bootstrapの作りにケチつけておいて、
フレームワークって何とは何事だ。
申し訳ないけど何かの病気か?
0120nobodyさん2013/09/12(木) 00:07:32.66ID:???
>>119
だからなんでフレームワークを作らないとダメなのって話で、
なんでbootstrapなんか作る必要があるの?って話なんだけど。

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

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

Bootstrapは探して見つけたくせに
なんでそれ以外を探すことが出来ないのかな?
0121nobodyさん2013/09/12(木) 00:09:30.25ID:???
ていうか話ずれ過ぎだよ。

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

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

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

> HTML/CSSの本来の関係を説明してくれなくても分かってるよ。
なぜかわかってるって言い直してるし。変な人だね。
0122nobodyさん2013/09/12(木) 00:13:27.01ID:???
>>121
ゴメン、メンテ性の話は別の人間。

bootstrapのデザインが気に食わなかったら
CSSフレームワークとしてbootstrapを使うことはないよ。
tutorial、sampleに毛の生えた程度のレベルで
サクサク作る用途で使ってるから、君の上げた例のような破綻はしないよ。
0123nobodyさん2013/09/12(木) 00:15:16.57ID:???
サクサク作る用途で使ってるならば、破綻はしない

ということは

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

ということです。


仕事ってサクサク作る用途ですかね?
勉強している学生君ならまだいいけどさ。
0124nobodyさん2013/09/12(木) 00:22:01.97ID:???
>>123
Webデザイナー(笑)不在でそこそこの見た目でやる仕事もあるからね。
社内用のWebアプリとかこだわる必要ないでしょ?
それっぽいコンポーネントが揃ったフレームワークを、
それっぽい範囲で効率よく使ってるまでのこと。完璧なんて求めないよ。

細かい横槍の入りにくいほぼ独断の仕事で、優雅に技術者やれてますよ。
0125nobodyさん2013/09/12(木) 00:26:20.96ID:???
それはようするに見た目にこだわらなくても
いい場合にしか使えないという意味か?

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

見た目要求されたら、出来ませんって言うしか無いんだろう?
0126nobodyさん2013/09/12(木) 00:35:49.03ID:???
>>125
bootstrapのデザインをカスタマイズすることが技術的に高いことなの?
フレームワークがピッタリはまる用途で最高の効率で使うことも"高い"と思うよ。

bootstrapの見た目で満足できない物足りないと言う人を納得させるだけの
条件が揃って無ければ、それは出来ませんというしか無いだろうね。
その状況に陥るなら「技術的に低い」と思うよ。
フレームワークってその程度のものじゃない。
0127nobodyさん2013/09/12(木) 00:52:05.26ID:???
自分(アプリケーション屋)vsホームページ屋
の構図になっちゃってるね。たぶんだけど。

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

君の理想通りのフレームワークを紹介して欲しいよ・・・。
0128nobodyさん2013/09/12(木) 01:50:52.85ID:???
Bootstrapはメンテナンス性が悪いことが証明された。
それが何よりの収穫だ。
0129nobodyさん2013/09/12(木) 01:53:02.37ID:???
>>126
技術とメンテナンス性は話が別。

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

カスタマイズなんてだれでもできること。
時間さえかければね。
0130nobodyさん2013/09/12(木) 01:57:03.47ID:???
>>127
デザインは要求ごとに違うもの。

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

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

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

最終的に決めるのは客。勝手に決めるな。
倍かかるのは技術が低いから。
技術があれば客の望んだデザインで作れる。
客に迷惑をかけているということを自覚しろ
0131nobodyさん2013/09/12(木) 09:06:56.14ID:???
>ハッタリかませるほうが楽に生きれるんじゃない?

なんで、趣旨であるこの部分を削って
他人の意見を歪曲するかねぇ…
0132nobodyさん2013/09/12(木) 09:08:26.28ID:???
>>130宛てです。
0133nobodyさん2013/09/12(木) 09:12:20.07ID:Yh1boJKy
>>113
それって「フレームワーク」の意味というか意義がわかってないだけじゃね?
そんなプログラムでもなんでも当てはまる話じゃん。

普通の人は、生産性の向上を享受する代わりに制約を受け入れてるわけだよw
制約が気に入らないなら使っちゃダメだわw
0134nobodyさん2013/09/12(木) 09:16:15.38ID:???
一方俺は有料テーマで済ませた
https://wrapbootstrap.com/

他にテーマを集めてるサイトはないかな
0135nobodyさん2013/09/12(木) 09:30:38.44ID:???
>>105-107
この気持ち悪い生き物は相手にしないでください。
0136nobodyさん2013/09/12(木) 16:35:51.53ID:???
なにもこったことはせずにそのまま使う。
それが一番いい。
0137nobodyさん2013/09/12(木) 16:50:01.66ID:???
なんかあったのか?
0138nobodyさん2013/09/12(木) 17:20:43.52ID:???
CSSフレームワークは、クロスブラウザについて考えることが減るというのも重要なメリット。
あいかわらずIEはひどいが。
0139nobodyさん2013/09/12(木) 19:28:22.61ID:???
bootstrap使ってみてるけど、今まで毎回書き起こしてたのがバカみたいだな。
勿論、見せるためのサイトでは不便だろうけど、
機能を使ってもらうサイトなら、これは便利そう。
もうちょっと使ってみないと、落とし穴があるかもしれないけど。
0140nobodyさん2013/09/12(木) 19:34:12.09ID:???
>>136

タイトルバー付きの小窓が欲しいんだよね。
だから、そこだけ自前で用意した。
0141nobodyさん2013/09/12(木) 20:47:17.98ID:???
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ならどうするの?
0142nobodyさん2013/09/12(木) 21:03:45.91ID:???
嫌なら使うな これ言うとフジテレビ同様嫌われるの(・ω・)ノ
0143nobodyさん2013/09/12(木) 23:40:07.62ID:LD1hnGrg
フレームワークってある程度、ルールを作ってくれるし、それに応じた書き方するもんじゃないの?
フレームワークだし。

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

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

と蒸し返し。
0144nobodyさん2013/09/13(金) 00:04:48.64ID:???
なんでbootstrapを使わない = 自前で用意するになるの?

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

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

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

はい、どうぞ。
0145nobodyさん2013/09/13(金) 01:26:43.50ID:???
>>144
お前が「bootstrapと同じ効率で全てに対応できるよう自分で組む技術を持っている」と
豪語してる人じゃないの?
その話を半分信じてみんな相手してくれてることになぜ気づかないの?
やっぱり痛すぎるよ???????(w
0146nobodyさん2013/09/13(金) 01:30:58.22ID:???
>>145
そんなことは言ってないがまず、
俺の質問に答えろよ。

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

俺は言ってないが、
お前が言っていることは>>143みればわかること。
0147nobodyさん2013/09/13(金) 01:31:29.33ID:???
Bootstrap信者は、これ見て勉強してください。

もうCSS設計で悩まない!「CSSコーディング ガイドライン」策定のための参考記事・スライド 7選
http://squeeze.jp/blog/web-development/css-guideline/
0148nobodyさん2013/09/13(金) 02:47:37.09ID:???
>>146
みなさん この言葉遊びしてる基地外に近づかないでください。
0149nobodyさん2013/09/13(金) 06:42:44.06ID:???
>>147

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

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

アホかと思った。
0150nobodyさん2013/09/13(金) 08:25:10.87ID:PR3jVL4J
>>149
そういうどうでも良いレベルでしか差別化出来ないんじゃない?w
■ このスレッドは過去ログ倉庫に格納されています