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

もうBootstrap3使っても良いんじゃねぇ？ (276ﾚｽ)
上下前次 1-新

76(1): 2013/09/04(水) 22:54:20.23 ID:??? AA×
>>71 >>360 >>600

77: 2013/09/04(水) 22:55:10.88 ID:??? AAS
あ、headerタグの中にh1を入れるの忘れたｗ

78: 2013/09/04(水) 23:00:25.53 ID:??? AAS
無駄なdiv、無駄なspan、無駄なclass
それがbootstrapか。

79: 2013/09/04(水) 23:55:29.33 ID:??? AAS
<span class="badge size-indicator">360px</span> の指摘はしないんだな

80(1): 2013/09/05(木) 00:23:34.18 ID:??? AAS
何か指摘することでもあんの？

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

81(1): 2013/09/05(木) 01:56:46.42 ID:??? AAS
>>80
デザイン変えても360px掲げるんですか？
論理構造と視覚表現の分離は忘れましたか？
「pseudo-elementsで実装しろバーカ」が正しい指摘だ

82(1): 2013/09/05(木) 02:08:21.56 ID:??? AAS
>>81
つまりどういうこと？
360pxって視覚表現じゃないぞ？
お前が何をしろと言ってるのかさっぱりわからん。
pseudo-elementsで何を実装したいんだ？ちゃんといってみろ。

83(1): 2013/09/05(木) 02:35:40.18 ID:??? AAS
なんとなく、論理構造や視覚表現とは何かという
説明をしなくちゃならんくなりそうだな。
まあ、レス来てからにするか。

84(2): 2013/09/05(木) 03:11:10.48 ID:??? AAS
>>82-83
360pxに視覚表現以外の意味はない
>>71のCSSがあって初めて意味を成すんだから
だからHTMLではなくCSSの疑似要素でデザインすべきだと言う指摘に繋げた訳

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

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

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

85: 2013/09/05(木) 05:49:34.25 ID:??? AAS
でもまぁ海外のサイトとか見てると、これでもかってくらいDIVりまくってるしな

86: 2013/09/05(木) 09:08:20.84 ID:??? AAS
>>84
やっぱり「視覚表現」を勘違いしてるな。
まあ、説明は帰ってからしてあげるよ。
それまで考えてな。

87: 2013/09/05(木) 10:47:47.79 ID:??? AAS
セマンティックが止まらない

88: 2013/09/05(木) 12:43:22.86 ID:??? AAS
思ったが 2ch板:hp でやる話じゃね？

89: 2013/09/05(木) 13:13:57.54 ID:??? AAS
Webプログラマが使うCSSフレームワークという文脈ならあり。
セマンティック至上主義の話は板違い。

90: 84 2013/09/05(木) 13:58:33.54 ID:??? AAS
そうすね
無意味な事にヒートアップしてすんませんした
もう相手にしません

91: 2013/09/05(木) 16:24:45.26 ID:??? AAS
散々言っといて無意味なことって何よ？アホかいね。

92: 2013/09/05(木) 17:30:20.22 ID:??? AAS
これはスゴ過ぎ！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

本日分の燃料

93: 2013/09/05(木) 21:40:29.50 ID:??? AAS
CSSガイドラインを翻訳してみた
外部ﾘﾝｸ:d.hatena.ne.jp

も一つ燃料投下

94(1): 2013/09/09(月) 03:00:31.79 ID:nNe0D1vQ(1/3)調 AAS
bootstrapのmodal-headerって太すぎないですか？
設定ウインドウを作ったのですが、
画面中で最大の文字で「設定」って
そんなこと言わなくても分かるだろ！って思えます
どうやってますか？

95(1): 2013/09/09(月) 04:12:44.27 ID:??? AAS
>>94
外部ﾘﾝｸ:getbootstrap.com

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

96: 2013/09/09(月) 04:25:16.44 ID:nNe0D1vQ(2/3)調 AAS
>>95
こういうのを見ると、逆に面倒になってないか？って思うな。
CSSってそんなもんじゃないだろ？
テキストエディタでちょこちょこって買い換えれば
済むもんだろ？

97(2): 2013/09/09(月) 09:36:37.27 ID:??? AAS
なぜ規約を破る前提で語るんだよ
そこそこの完成品にするための制限としての規約なんだから
守っておけばいいし、足りなくなったり、気に入らなくなったら、
ムリしてbootstrap使う必要ないだろ

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

98: 2013/09/09(月) 14:18:50.54 ID:??? AAS
グリッドシステムだけ使いたいからダウンロードしたら他のコードを全部消す。
大事なものまで消してそうで怖い。

99: 2013/09/09(月) 23:51:24.43 ID:nNe0D1vQ(3/3)調 AAS
>>97
サンプルプログラムを作ってるわけじゃあるまいし
規約を守るのが仕事じゃないんだろ。

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

101: 2013/09/10(火) 00:44:07.79 ID:k9V3QcR6(1/2)調 AAS
使うのはいいけど、
ちゃんとした教育を受けた人には
気持ち悪いフレームワークなんだよな。

102: 2013/09/10(火) 01:10:20.13 ID:??? AAS
ちゃんとした教育()笑

103: 2013/09/10(火) 03:28:26.76 ID:??? AAS
Bootstrapに便利な機能を追加できるjQueryプラグインまとめ
外部ﾘﾝｸ:w3q.jp

104: 2013/09/10(火) 21:03:15.06 ID:??? AAS
ちゃんとした教育を受けた上で気持ち悪さを感じながらも
現実と折り合いをつけて使うのが大人

105(3): 2013/09/10(火) 22:07:56.46 ID:k9V3QcR6(2/2)調 AAS
現実と折り合いをつけて
諦めないと使えないのがBootstrap

106(2): 2013/09/10(火) 22:58:03.20 ID:??? AAS
>>105
ID晒して気持ち悪いフレームワーク　スレに常駐お疲れ様ですｗ
なんでまだ居るんすかｗ

107(2): 2013/09/11(水) 02:12:07.23 ID:S3z0iKLL(1/2)調 AAS
面白いからずっといますよ。

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

109(1): 2013/09/11(水) 13:39:32.80 ID:??? AAS
html5でdivを使わないレイアウトが出来ます！
なんて言ってたやつはどこいった、？

110: 2013/09/11(水) 15:43:38.48 ID:Dg7F87oK(1)調 AAS
重い腰上げて3への移行作業やってみたけど、骨が折れるわこれは…。
特にformが変わりすぎだ。

111(1): 2013/09/11(水) 18:32:16.42 ID:??? AAS
>>109
まぁほら、まだ正式勧告されてないもんだしさ。

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

112: 2013/09/11(水) 19:44:19.90 ID:??? AAS
>>111
ポカミスに1ペリカ
3.xにrow-fluidなんて定義されてないしな

113(3): 2013/09/11(水) 22:50:00.92 ID:S3z0iKLL(2/2)調 AAS
>>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のデザインそのまま使えって意味だから。
メンテナンス性が低いってことの反論にはなってないのさ。

114(2): 2013/09/11(水) 23:43:22.74 ID:??? AAS
自分は属性を当てていく感じが割りと好きだけどな。

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

115(2): 2013/09/11(水) 23:55:32.18 ID:??? AAS
>>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ボタンを変更してくれなんて依頼がきてもわずかの修正で対応できる。

116(1): 2013/09/11(水) 23:58:58.62 ID:??? AAS
>>115
HTML/CSSの本来の関係を説明してくれなくても分かってるよ。
別にここに張り付いてないで、理想通りの俺俺フレームワークを作ればいいじゃない。
応援してるよ。

117: 2013/09/11(水) 23:59:44.14 ID:??? AAS
>>115
1つだけ要望。
そんときはMITライセンスでよろしく。

118(1): 2013/09/11(水) 23:59:58.87 ID:??? AAS
>>116
俺俺フレームワークって何を作ればいいの？

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

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

119(1): 2013/09/12(木) 00:05:13.93 ID:??? AAS
>>118
は？bootstrapの作りにケチつけておいて、
フレームワークって何とは何事だ。
申し訳ないけど何かの病気か？

120: 2013/09/12(木) 00:07:32.66 ID:??? AAS
>>119
だからなんでフレームワークを作らないとダメなのって話で、
なんでbootstrapなんか作る必要があるの？って話なんだけど。

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

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

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

121(1): 2013/09/12(木) 00:09:30.25 ID:??? AAS
ていうか話ずれ過ぎだよ。

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

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

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

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

122: 2013/09/12(木) 00:13:27.01 ID:??? AAS
>>121
ゴメン、メンテ性の話は別の人間。

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

123(1): 2013/09/12(木) 00:15:16.57 ID:??? AAS
サクサク作る用途で使ってるならば、破綻はしない

ということは

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

ということです。

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

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

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

125(1): 2013/09/12(木) 00:26:20.96 ID:??? AAS
それはようするに見た目にこだわらなくても
いい場合にしか使えないという意味か？

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

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

126(1): 2013/09/12(木) 00:35:49.03 ID:??? AAS
>>125
bootstrapのデザインをカスタマイズすることが技術的に高いことなの？
フレームワークがピッタリはまる用途で最高の効率で使うことも"高い"と思うよ。

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

127(1): 2013/09/12(木) 00:52:05.26 ID:??? AAS
自分（アプリケーション屋）vsホームページ屋
の構図になっちゃってるね。たぶんだけど。

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

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

128: 2013/09/12(木) 01:50:52.85 ID:??? AAS
Bootstrapはメンテナンス性が悪いことが証明された。
それが何よりの収穫だ。

129: 2013/09/12(木) 01:53:02.37 ID:??? AAS
>>126
技術とメンテナンス性は話が別。

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

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

130(1): 2013/09/12(木) 01:57:03.47 ID:??? AAS
>>127
デザインは要求ごとに違うもの。

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

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

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

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

131: 2013/09/12(木) 09:06:56.14 ID:??? AAS
>ハッタリかませるほうが楽に生きれるんじゃない？

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

132: 2013/09/12(木) 09:08:26.28 ID:??? AAS
↑>>130宛てです。

133: 2013/09/12(木) 09:12:20.07 ID:Yh1boJKy(1)調 AAS
>>113
それって「フレームワーク」の意味というか意義がわかってないだけじゃね?
そんなプログラムでもなんでも当てはまる話じゃん。

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

134: 2013/09/12(木) 09:16:15.38 ID:??? AAS
一方俺は有料テーマで済ませた
外部ﾘﾝｸ:wrapbootstrap.com

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

135: 2013/09/12(木) 09:30:38.44 ID:??? AAS
>>105-107
この気持ち悪い生き物は相手にしないでください。

136(1): 2013/09/12(木) 16:35:51.53 ID:??? AAS
なにもこったことはせずにそのまま使う。
それが一番いい。

137: 2013/09/12(木) 16:50:01.66 ID:??? AAS
なんかあったのか？

138: 2013/09/12(木) 17:20:43.52 ID:??? AAS
CSSフレームワークは、クロスブラウザについて考えることが減るというのも重要なメリット。
あいかわらずIEはひどいが。

139: 2013/09/12(木) 19:28:22.61 ID:??? AAS
bootstrap使ってみてるけど、今まで毎回書き起こしてたのがバカみたいだな。
勿論、見せるためのサイトでは不便だろうけど、
機能を使ってもらうサイトなら、これは便利そう。
もうちょっと使ってみないと、落とし穴があるかもしれないけど。

140(1): 2013/09/12(木) 19:34:12.09 ID:??? AAS
>>136

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

141: 2013/09/12(木) 20:47:17.98 ID:??? AAS
SASSでクロスブラウザとかいう話なら
compassがあるよね？

外部ﾘﾝｸ: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;
}

外部ﾘﾝｸ:compass-style.org

これはフレームワーク？

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

142: 2013/09/12(木) 21:03:45.91 ID:??? AAS
嫌なら使うなこれ言うとフジテレビ同様嫌われるの(・ω・)ノ

143(1): 2013/09/12(木) 23:40:07.62 ID:LD1hnGrg(1)調 AAS
フレームワークってある程度、ルールを作ってくれるし、それに応じた書き方するもんじゃないの？
フレームワークだし。

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

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

と蒸し返し。

144(1): 2013/09/13(金) 00:04:48.64 ID:??? AAS
なんでbootstrapを使わない＝自前で用意するになるの？

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

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

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

はい、どうぞ。

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

146(1): 2013/09/13(金) 01:30:58.22 ID:??? AAS
>>145
そんなことは言ってないがまず、
俺の質問に答えろよ。

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

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

147(3): 2013/09/13(金) 01:31:29.33 ID:??? AAS
Bootstrap信者は、これ見て勉強してください。

もうCSS設計で悩まない！「CSSコーディングガイドライン」策定のための参考記事・スライド 7選
外部ﾘﾝｸ:squeeze.jp

148: 2013/09/13(金) 02:47:37.09 ID:??? AAS
>>146
みなさん　この言葉遊びしてる基地外に近づかないでください。

149(1): 2013/09/13(金) 06:42:44.06 ID:??? AAS
>>147

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

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

アホかと思った。

150: 2013/09/13(金) 08:25:10.87 ID:PR3jVL4J(1)調 AAS
>>149
そういうどうでも良いレベルでしか差別化出来ないんじゃない?w

151(1): 2013/09/13(金) 08:25:44.78 ID:??? AAS
>>140
3のPanelが便利

152(1): 2013/09/13(金) 08:28:18.94 ID:??? AAS
>>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も使ってないね

勉強になるな〜

153: 2013/09/13(金) 11:59:17.21 ID:??? AAS
>>151

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

154: 2013/09/13(金) 13:07:01.65 ID:??? AAS
input要素のサイズがグリッドカラムでしか指定できないのはさすがに嫌すぎなので
2にあったinput-*は自前で追加した

155(1): 2013/09/13(金) 21:55:31.66 ID:??? AAS
>>152
Bootstrapを超えるものが既にあるのに
なんでBootstrapを使うのって話じゃん。

156(1): 2013/09/13(金) 21:58:18.44 ID:??? AAS
Bootstrapを超えるものって何？

157: 2013/09/13(金) 22:24:05.57 ID:??? AAS
>>156
sass（cssの拡張版）＋compass（クロスブラウザフレームワーク、グリッドなどあり）

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

158: 2013/09/13(金) 22:27:23.15 ID:??? AAS
>>147
> 大規模サイトにおける本当は怖いCSSの話

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

25ページより

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

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

159(1): 2013/09/13(金) 22:31:02.19 ID:??? AAS
Bootstrapの問題点は簡単にいえば
メンテナンス性が低いということ。

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

160: 2013/09/13(金) 23:50:35.58 ID:??? AAS
>>159
それはお前の脳みそがメンテナンスされてないから。

161: 2013/09/13(金) 23:51:14.42 ID:??? AAS
>>155
あれ見落としてたかなー
Bootstrapを比較に持ち出してる記事なんてそのページのどこにあるんだろう？

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

外部ﾘﾝｸ:jetstrap.com
外部ﾘﾝｸ:bootply.com
外部ﾘﾝｸ:www.layoutit.com

この辺は見てみました

163(2): 2013/09/14(土) 02:02:50.79 ID:??? AAS
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ボタンを変更してくれなんて依頼がきてもわずかの修正で対応できる。

164: 2013/09/14(土) 04:40:19.30 ID:??? AAS
世界中でお前だけだぞ、んなこと言ってんのw

165: 2013/09/14(土) 05:16:15.54 ID:??? AAS
彼はBootstrapに家を流され家族を殺されたんだ
しょうがないさ

166: 2013/09/14(土) 05:26:02.37 ID:??? AAS
よほどbootstrapが憎いんだろうな。
bootstrapとそのユーザへの攻撃で自分を保ってる。

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

167: 2013/09/14(土) 05:28:13.58 ID:??? AAS
>>163
>>105-107
まだこの気狂い居るのかｗ

168: 2013/09/14(土) 05:32:16.61 ID:??? AAS
で、CSS/Sassスレでも立ててもらって、そっちでやればいいんじゃね？
bootstrapをわざわざ攻撃しに来ることないでしょ。
だれもSassを否定していないのに、顔真っ赤でbootstrapを叩く理由がわからない。

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

169: 2013/09/14(土) 08:27:09.98 ID:??? AAS
>>163
お前に必要なのはこの文章
外部ﾘﾝｸ:anond.hatelabo.jp

170(2): 2013/09/14(土) 15:26:39.78 ID:??? AAS
> だれもSassを否定していないのに、顔真っ赤でbootstrapを叩く理由がわからない。

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

171: 2013/09/14(土) 19:43:06.54 ID:??? AAS
Bootstrapのメリットは
CSSを知らない人でも使えることだと思う。

172: 2013/09/14(土) 19:44:47.64 ID:??? AAS
>>170
それただの荒らしじゃない。
ついて出てくる理屈は薄っぺらいし、本当にbootstrapに家族殺されたんだね。同情するよ。

173: 2013/09/14(土) 19:48:41.25 ID:??? AAS
うわっわざとらしい自演だｗ

174(1): 2013/09/15(日) 19:04:33.16 ID:??? AAS
>>170
こんなフレームワークが開発中らしいよ。
属性を与える場所について講義してこなきゃ。

Semantic UI
外部ﾘﾝｸ:semantic-ui.com

175: 2013/09/15(日) 22:23:46.87 ID:??? AAS
書評: Web 制作者のための Sass の教科書
外部ﾘﾝｸ[html]:www.understandard.net

176: 2013/09/16(月) 09:12:13.59 ID:??? AAS
×信者いる所でやらないと面白く無いっしょｗ
○信者いる場所でやらないと誰にも相手にしてもらえないんです(>_<

177(2): 2013/09/17(火) 11:50:36.21 ID:??? AAS
>>174
Bootstrapの
<button type="button" class="btn btn-primary btn-lg">
より、
<div class="ui large red labeled icon button">
の方が良い理由が分からん。
第一にこれボタンじゃないし。

178: 2013/09/17(火) 15:10:29.39 ID:??? AAS
>>177
できの悪い「Webサイトテンプレート」も似たようなのが多い。
h*やpなどの大部分が<div class="...">で表現されてたりする。

179: 2013/09/17(火) 19:22:04.78 ID:??? AAS
ボタンツクール
外部ﾘﾝｸ:www.thiagocanudo.com.br

180: 2013/09/18(水) 00:19:23.69 ID:??? AAS
>>177
ですよね。

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

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

181(3): 2013/09/18(水) 10:10:24.87 ID:??? AAS
いい方法思いついた！

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

オレ、頭イイ！！！

182(2): 2013/09/19(木) 00:53:30.97 ID:??? AAS
>>181
やっとそれがでたかｗ

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

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

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

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

183: 2013/09/19(木) 07:45:53.86 ID:??? AAS
>>182
あとで変えるってアホじゃん

184: 2013/09/19(木) 13:25:13.23 ID:??? AAS
>>182
> やっとそれがでたかｗ
>
> 上でヒントっぽいものはでていた気がするが。
いやいや、さんざんSCSS,LESS使えって出てるじゃん。

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

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

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

186(1): 181 2013/09/19(木) 17:54:45.45 ID:??? AAS
完全に冗談で言ったのに、大真面目に取られてちょっとびっくりしている…

187: 2013/09/19(木) 21:50:21.06 ID:??? AAS
>>186
だって既にあるしな。
それを知らんのはSCSSを知らんやつだけだろうなｗ

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

188: 2013/09/19(木) 22:45:47.76 ID:??? AAS
こいつまだいるのか・・・

189(1): 2013/09/19(木) 23:32:05.62 ID:??? AAS
ずっといるよｗ
諦めな。

190: 2013/09/20(金) 05:50:21.85 ID:??? AAS
>>189
なんでこんなに気持悪い生き物が地球に居るんだろ。
クソみたいな親に育てられたんだろな。

191: 2013/09/21(土) 02:10:00.56 ID:??? AAS
こちらも荒らして欲しいってさｗ

Bootstrap
2chｽﾚ:php

192: 2013/09/25(水) 14:45:29.76 ID:??? AAS
SCSSでオレオレBootstrap wrapper作る俺かっこいい

193: 2013/09/26(木) 00:31:20.22 ID:??? AAS
Bootstrap wrapperってほどのこともないな。

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

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

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

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

194: 2013/09/26(木) 10:36:01.18 ID:??? AAS
ここの基地外が PHPフレームワーク総合でもご迷惑をかけてるようで申し訳ありませんwwwwwwww
あの奇行種早く駆逐してくれよｗ

195: 2013/09/26(木) 15:07:16.74 ID:??? AAS
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.

外部ﾘﾝｸ:www.flathemes.com

196: 2013/10/11(金) 10:19:21.84 ID:??? AAS
OOCSSとかいう単語考えた奴は絶対オブジェクト指向理解してないと思う

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

198(1): 2013/10/27(日) 03:33:07.54 ID:??? AAS
>>197
javascript date formatで検索すると%aが曜日らしいから、試すといいんじゃない？

199: 2013/10/27(日) 18:17:19.87 ID:??? AAS
>>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',

200(1): 2013/10/27(日) 18:26:47.46 ID:??? AAS
出来ないならできないで、自分で関数拡張すればいいだけじゃん。

201(1): 2013/10/27(日) 18:40:29.57 ID:??? AAS
>>200
どの関数読めばいいのか分からん。
そして調べられない。
これを見ろ的なサイト or キーワード教えてくださいm(__)m

202(1): 2013/10/27(日) 18:44:43.62 ID:??? AAS
>>201
オライリーの比較的最近の
JavaScriptの本。

上下前次 1-新書関写板覧索設栞歴

あと 74 ﾚｽあります
ｽﾚ情報赤ﾚｽ抽出画像ﾚｽ抽出歴の未読ｽﾚ

ぬこの手ぬこTOP 0.091s