■ このスレッドは過去ログ倉庫に格納されています
もうBootstrap3使っても良いんじゃねぇ?
- 1 :nobodyさん:2013/08/21(水) NY:AN:NY.AN ID:Qa7rnBrg.net
- IE8以下に対応したきゃ、IE専用のCSS書けば良いじゃん。
- 2 :nobodyさん:2013/08/21(水) NY:AN:NY.AN ID:???.net
- . - ‐ - 、
/ \
/ ヽ
. ,i' ', どぉ〜だいみんな!
;i' _...._ |
「l r ―- 、 r' - ┘ h 糞 ス レ だ ろ ?
|.i' "_..二. 〉 z@ニ= |.|
. |l i′  ̄ ` |j ―┐ _ _ _ _ ┃┃
. `! r′ __ぅ l___ __ノ オ ´ `ー'´ `ー'´ `ー'´ ` ・ ・
. ', /;';';';';',:, ) ,'\ \ミニヽ、
. ', (iニ=テ7 ,' }、 \ミ二ニ
;, ヾ二フ ,' /::\ \ミニ
/ ヾ、 , , , , , , , , , ,i' /ニ三\ \ミ
ィ ( `(´.)';';';';';ジ /二三二\
/ \\ /_二ヽ__(⌒)/二三二三二\
\ \\( __i_ `)二:三二三二三二ヽ
二\ \ ! : `}ニ三二三二三二三}
三二\ │  ̄  ̄ フ二三二三二三二ニ/
二:三二\/ト、 _` ̄ノ´二:三二三二三二/
ニ二三二/ `T´\三三三三三ニ‐''"
.二三二/ |
- 3 :nobodyさん:2013/08/26(月) NY:AN:NY.AN ID:Sugz5moD.net
- 新規ならいいけど既存のを置き換える気力はないな
- 4 :nobodyさん:2013/08/28(水) NY:AN:NY.AN ID:???.net
- 昨日から2→3を始めた、置換えは気が遠くなるが2で止めたままにしとくのも先が無いんでやるしかない。
2の時にGrid systemを12→30にしてたんだけど3からはCustomizeページでcolumns数を変更出来なくなったから
それをどうすっかな・・・
- 5 :nobodyさん:2013/08/28(水) NY:AN:NY.AN ID:???.net
- そもそもBootstrapの設計が悪いんだよ。
ウェブで推奨されるセマンティックなやり方とは
逆行する時代遅れの設計。
適用するスタイルに合わせてclass名を
バンバン追加していくスタイル。
これじゃメンテナンス性が悪すぎる。
修正時にあちこちHTMLを変更する羽目になる。
classに入れるクラス名は原則一つ
デザインの修正でHTMLは修正しない。全部CSSで行う。
それが昔から目指していた
スタイルとHTMLの分離。
CSSの存在理由なのに。
- 6 :nobodyさん:2013/08/29(木) NY:AN:NY.AN ID:???.net
- まーレスポンシブとか考えたらグリッドシステムが一番楽そーなんだけどね
3になって行ごとにROW入れなくてよくなったのが良い
- 7 :nobodyさん:2013/08/29(木) NY:AN:NY.AN ID:???.net
- >>5
class Aの特性とclass Bの特性を持った要素はclass CとしてA+Bの内容を定義するの?
- 8 :nobodyさん:2013/08/29(木) NY:AN:NY.AN ID:???.net
- 巨大なCSSが出来上がるなw
- 9 :nobodyさん:2013/08/30(金) NY:AN:NY.AN ID:???.net
- >>7
その通り。
SCSSを使ってclass Aとclass Bを定義しておいて
「class CはAとBを継承する」と書けば
その内容は簡単に定義できる。
>>8
巨大なCSSは、小さいSCSSから生成するので人間の負担はない。
それよりも人間が書かないといけない
巨大なHTMLはメンテナンス性が悪い。
CSSは一箇所に書けば終わりだが、
Bootstrapなんかを使うと、使用しているページ全てに
ごちゃごちゃ書かないといけない。
- 10 :nobodyさん:2013/08/30(金) NY:AN:NY.AN ID:???.net
- >>9
じゃ、3つのクラスの組み合わせが発生する場合、3C1+3C2+3C3=3+3+3=9つのクラスを定義するわけだね。
3つのクラスの組み合わせが発生する場合(以下略)
- 11 :nobodyさん:2013/08/30(金) NY:AN:NY.AN ID:???.net
- (誤) 3つのクラスの組み合わせが発生する場合(以下略)
(正) 4つのクラスの組み合わせが発生する場合(以下略)
- 12 :nobodyさん:2013/08/30(金) NY:AN:NY.AN ID:???.net
- 3C1+3C2+3C3は3+3+1=7だろ
- 13 :nobodyさん:2013/08/30(金) NY:AN:NY.AN ID:???.net
- >>9
例えば、テーブル関連で言うと
table
table-bordered
table-striped
table-condensed
というクラスが定義されてるわけだけど、具体的にはどうすればいいわけ?
- 14 :nobodyさん:2013/08/30(金) NY:AN:NY.AN ID:???.net
- >>13
table-hoverもある。5つのクラスの組み合わせが発生するね。
- 15 :nobodyさん:2013/08/30(金) NY:AN:NY.AN ID:???.net
- >>9
SCSSは知らんけど、それができるなら
.your_own_class : extend bootstrap_class_a, bootstrap_class_b
みたいに定義してけばいいだけじゃないの?
- 16 :nobodyさん:2013/08/30(金) NY:AN:NY.AN ID:???.net
- rowとかspanはDIVにしか使わない事にしてるのは当たり前?
- 17 :nobodyさん:2013/08/30(金) NY:AN:NY.AN ID:???.net
- >>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はこのまま修正しないよ。
- 18 :nobodyさん:2013/08/30(金) NY:AN:NY.AN ID:???.net
- > 原則としてデザインを変えるときはCSSだけを弄って変えるもの。
補足。「原則として」と書いているのは、
CSSの限界によってdivやspanを入れなければ
出来ないことがたまにあるから。
HTML5とCSS3によって大きく改善されたけどね。
実際に今開発しているスマホ用サイトではほとんどdivやspanを使わずに
無駄な要素を入れることなくCSSだけで表現出来てる。
- 19 :nobodyさん:2013/08/30(金) NY:AN:NY.AN ID:???.net
- >>10
> じゃ、3つのクラスの組み合わせが発生する場合、3C1+3C2+3C3=3+3+3=9つのクラスを定義するわけだね。
細かい計算は面倒なので結論だけを書くと、
定義するクラスは、HTMLで使用するクラスの数だけでよい。
HTMLで使用せずに、他のクラスのベースとしてだけ使うクラスは
クラスではなくSCSSのプレースホルダとして定義すればいい。
だから定義するクラスの数はHTMLで使用するクラスの数だけになる。
- 20 :nobodyさん:2013/08/31(土) NY:AN:NY.AN ID:???.net
- 一生懸命力説してる人はこれが読めないんだろうか
Sleek, intuitive, and powerful front-end framework
for faster and easier web development.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
- 21 :nobodyさん:2013/08/31(土) NY:AN:NY.AN ID:???.net
- 言うだけなら誰にでもできる(笑)
- 22 :nobodyさん:2013/08/31(土) NY:AN:NY.AN ID:???.net
- 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/
- 23 :nobodyさん:2013/08/31(土) NY:AN:NY.AN ID:???.net
- だからBootstrapをセマンティック病患者に見せるなとあれ程言ったじゃないか
- 24 :nobodyさん:2013/08/31(土) NY:AN:NY.AN ID:???.net
- セマンティックかどうかよりも
メンテナンス性が悪くなるのが嫌だな。
HTMLがごちゃごちゃするし、
デザイン変更時に全HTMLを書き換えなきゃいけないし。
- 25 :nobodyさん:2013/08/31(土) NY:AN:NY.AN ID:???.net
- 多分、Bootstrapをありがたがってる人って
1. 自分でデザインを作れない。(デザインなんかどうでもいい。おきせのデザインでいい)
2. CSSを簡単な物以外自分で書けない。
3. JavaScript書けない
4. とりあえず動けばいい
って人なんじゃないかって思う。
デザインを自分で好きに作りたい人は
Bootstarapをカスタマイズせずに使うなんてありえないし
カスタマイズしようと思えば、Bootstarapに合わせた書き方を
しなければいけなないという面倒くささのせいで使いたくなくなると思う。
- 26 :nobodyさん:2013/08/31(土) NY:AN:NY.AN ID:???.net
- 流行ってるからと飛びついた馬鹿デザイナーが勝手に幻滅してるだけだよ
>>20が理解できない奴多すぎ
- 27 :nobodyさん:2013/08/31(土) NY:AN:NY.AN ID:???.net
- 流行ってすらいないものに飛びつく奴も馬鹿だけどな。
フレームワークには流行り廃りはあるけれど
根本的な考え方が大きく変わることはないんだ。
マークアップとデザインの分離。それがCSSの本質。
BootstrapはそのCSSの本質に当てはまっていない。
だからバッドプラクティス。それだけの話。
- 28 :nobodyさん:2013/08/31(土) NY:AN:NY.AN ID:???.net
- グリッドシステムだけあればいいんだけど
- 29 :nobodyさん:2013/09/01(日) 11:34:54.87 ID:???.net
- >>25
4以外全部はずれ。ただ、時間をかけずにそれなりのものをちゃっちゃと作りたいだけです。
と、いう理由でBootstrapをこれから使おうかと思ってるんですが、
夢物語だと知って放りなげるかもしれません。
個人的には>>28と、あと、お手軽なテーマでもあればそれで十分だったりします。
- 30 :nobodyさん:2013/09/01(日) 11:44:59.64 ID:???.net
- どう考えてもBootstrapは逆に時間がかかるだろ。
将来修正はしません
ファイルの数は10個ぐらいですってなら
まだわかるけどな。
- 31 :nobodyさん:2013/09/01(日) 11:51:06.60 ID:???.net
- Bootstrapってプロトタイプつくためのもんだろ。
だれが使っても同じデザインにならないようなものを
プロダクトで採用できるかってーの。
捨てるためのフレームワークだよ。
それをわかってない奴は馬鹿だけどな。
- 32 :nobodyさん:2013/09/01(日) 13:06:25.58 ID:???.net
- 働き者の馬鹿ほど時間を掛けてフルスクラッチしたがる
でBootstrapより使い物にならんオレオレフレームワークの誕生って訳だ
- 33 :nobodyさん:2013/09/01(日) 19:11:48.74 ID:???.net
- そもそもCSSにフレームワークなんていらん。
SASS(SCSS)というCSSを改良した文法があればいい。
あとはCSSの正しい使い方通りに使うだけ。
- 34 :nobodyさん:2013/09/02(月) 10:29:54.87 ID:???.net
- 将来修正しませんじゃなくて、
「こういう感じでいいなら早く一定レベル以上のデザインを提供できますよ、
こだわりたいなら、当然お金と時間がかかりますよ」
ってやるのが商売ってもんで、
それをやらずに何でも客のいいなりに毎回フルスクラッチなんてばからしくてやってられません。
やってる会社だらけなので、商売やりにくいですけどね…
- 35 :nobodyさん:2013/09/02(月) 12:48:43.17 ID:???.net
- Bootstrap + LESSでいいじゃない
- 36 :nobodyさん:2013/09/02(月) 17:15:37.11 ID:???.net
- >>33
いやだから全員がイチからCSS書くのヤだからFWがあるわけで。
- 37 :nobodyさん:2013/09/02(月) 17:48:44.34 ID:???.net
- Bootstrap使ってる奴は、いろんなの作ってきて結果的にBootstrap使ってたり
趣味で使ってたりする奴だろ。
このスレでBootstrapは面倒とか、メンテ性が良くない、とかツマラナイ事言ってないで
建設的な意見をしろよ。俺も。
- 38 :nobodyさん:2013/09/02(月) 17:54:12.27 ID:???.net
- 社内ツールのWebアプリ書く時に、デザインをほぼ考慮しなくて良いのでBootstrapは大変重宝している。
- 39 :nobodyさん:2013/09/02(月) 18:18:06.47 ID:???.net
- Bootstrapをdisってる人って、サイトテンプレートなんかも認めないんだろうな。
どっちかというと、サイトテンプレートの方が酷いのが多いけどね。
- 40 :nobodyさん:2013/09/02(月) 21:05:12.81 ID:???.net
- >>36
Bootstrapのような変なフレームワークはいらん。
正しくCSSを使っているフレームワークならいいよ。
- 41 :nobodyさん:2013/09/02(月) 21:06:56.50 ID:???.net
- >>39
> Bootstrapをdisってる人って、サイトテンプレートなんかも認めないんだろうな。
なんで???
勝手に決め付けるなよ。
頭おかしいんじゃないのか?
正しくCSSを使っているなら問題ない。
Bootstrapは間違ったCSSだからクソなんだよ。
何が正しくて何が間違っているかの定義は
CSSはデザインを分離するものであるという
CSSが出来た理由に合っているかどうかだ。
- 42 :nobodyさん:2013/09/02(月) 21:08:24.58 ID:???.net
- >>37
> このスレでBootstrapは面倒とか、メンテ性が良くない、とかツマラナイ事言ってないで
> 建設的な意見をしろよ。俺も。
SCSSってでてるじゃん。
class属性に値を詰め込む方法ではなくて
class属性に入れるクラス名は原則一つ。
これでやれって。
- 43 :nobodyさん:2013/09/02(月) 22:00:51.17 ID:???.net
- >>42
W3Cのhtml4あたりの勧告やDTDを読んでらっしゃい。
そこはhtml5になってもかわらないよ、恐らく。
- 44 :nobodyさん:2013/09/02(月) 22:11:02.51 ID:???.net
- >>43
そりゃそうだよなぁ。
CSSができたのはHTML4からだからなぁ。
- 45 :nobodyさん:2013/09/02(月) 23:01:58.92 ID:???.net
- 一部の欠点をもってして利点を全否定する馬鹿は手に負えん
開発速度を最重要視したフレームワークだぜこれ
そのために十数年前から口やかましく言われてる禁じ手をあえて採用してるんだろ
全員がメンテナンス性やデザインを重視するなら他のを選んでるっての
- 46 :nobodyさん:2013/09/03(火) 00:23:37.37 ID:???.net
- >>45
Bootstrapが開発速度を重視しているからって、
他のやり方よりも開発速度が速いことにはならないんだが。
つまりSCSSでも開発速度は速い。
開発速度には普通メンテナンス速度も含まれるわけだが
この点でBootstrapは遅い。
そして君が言う通り禁じてというかダメなやり方を採用しており
メンテナンス性やデザイン性を重視するときに使えない。
- 47 :nobodyさん:2013/09/03(火) 10:27:24.34 ID:???.net
- >>46
メンテナンス性は、SCSSとかLESS使えよ
- 48 :nobodyさん:2013/09/03(火) 10:57:11.53 ID:???.net
- >>46
はいはいSCSS一番でございます
フレームワークの要旨を説明してるのに
なんで下層レイヤーの言語と比較するようなアホな論争に持ってこうとしてるんだか
フレームワーク同士の比較なら建設的なんだがな
- 49 :nobodyさん:2013/09/03(火) 10:57:45.13 ID:???.net
- >>46
俺俺CSSライブラリが使われてるのをメンテする方が大変だけどな。
- 50 :nobodyさん:2013/09/03(火) 11:00:26.04 ID:???.net
- まあ、Webデザイナーとかコーダーとか言われる人たちの素晴らしいデザインには使えないかもしれないが、センスの
かけらもない一プログラマには有用だよ。俺みたいな。
- 51 :nobodyさん:2013/09/03(火) 15:02:56.76 ID:???.net
- >>50
同意w
- 52 :nobodyさん:2013/09/03(火) 15:54:11.27 ID:???.net
- 今仕事でBootstrap3を使ってる奴はデザイナー向けブログに踊らされてるきちがい
リポジトリみれば分かることだがまだ修正もしないといけないのたくさんあるのに
今使うのは人柱のようなものだ
自分のサイトで使う分にはいいが、人様のサイトを作るなら使うのはまだ早い
- 53 :nobodyさん:2013/09/03(火) 16:06:57.26 ID:???.net
- ん?デザイナーはBootstrapごときは使わないんじゃ?
- 54 :nobodyさん:2013/09/03(火) 16:13:36.84 ID:???.net
- Bootstrap 2ならともかく、今3を人様のサイト用に使うのはチャレンジャーすぎる
- 55 :nobodyさん:2013/09/03(火) 21:54:15.63 ID:???.net
- >>49
俺俺CSSライブラリって何?
CSSってさ、デザインだよ?
つまりオリジナルのデザインは
すべて俺俺CSSライブラリってこと?
意味がよくわからないなぁ。
- 56 :nobodyさん:2013/09/03(火) 21:55:16.18 ID:???.net
- CSSにフレームワークっていうのが
そもそも考え方としておかしいんだよね。
ただのデザイン集なのに。
- 57 :nobodyさん:2013/09/03(火) 21:57:26.06 ID:raBduHGT.net
- 教えてください
PC用ではただのリスト、スマフォではドロップダウンて感じの
デザインにしたい場合、cssカスタマイズしてxs-xxxみたいなクラスを
自前で書いて、classに両方の場合のクラスを読み込ませるようにしないといけないんですか?
(極力共通のHTMLでPCスマフォ対応したい)
- 58 :nobodyさん:2013/09/03(火) 22:06:54.50 ID:???.net
- >>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を使う。
- 59 :nobodyさん:2013/09/03(火) 22:08:39.79 ID:???.net
- Bootstrapでやる方法は知らん。
Bootstrapが標準でPC用ではリスト
スマホではドロップダウンにしてくれる
デザインを用意してくれているのなら
それを使えばいいだけだが。
CSSフレームワークに期待するな。
フレームワークというよりも
ただのデザイン集だ。
用意されていなければ自分で作るしかない。
- 60 :nobodyさん:2013/09/03(火) 22:13:20.64 ID:???.net
- もともとCSSはマークアップとデザインを分離するものだから、
PC用ではリスト、スマホではドロップダウンっていのは
CSSの想定される使い方としてできるんだよ。
HTMLには、デザインであるリストやドロップダウンという
内容を書かない。
CSSに書くことで、同じHTMLでデザインを変えることが出来る。
だけどBootstrapはデザインをHTMLに固定化させてしまうから難しくなる。
BootstrapはCSSの間違った使い方をしてるからこうなるのも仕方ない。
フレームワークがダメなのではなく、間違ったCSSの使い方を
しているのがBootstrapのだめなところだよ。
CSSを正しく使っているフレームワークならもちろんOKさ
- 61 :nobodyさん:2013/09/03(火) 23:51:54.77 ID:???.net
- >>58に追記
どうやって読み込むファイルを分けるかは、HTMLを動的に生成する方法を使うか、
JavaScriptで適切なCSSを読み込むか、bodyのclass属性を変更する。
- 62 :57:2013/09/04(水) 00:23:29.40 ID:???.net
- >>58-61
ありがとうございます
Bootstrapの機能ではなく、CSSの基本的な機能とかJavaScriptによる
動的な方法しかないということですね
なんとなくですが、data-target="xs:hogehogeClass, lg:hagehageClass"みたいな記述をすれば
ウィンドウのサイズがXX〜XXならXXXというクラスを読み込める
みたいなのを期待してしまっていたので・・・
- 63 :nobodyさん:2013/09/04(水) 00:55:29.76 ID:???.net
- >>62
Bootstrapはフレームワークを名乗っちゃいるが
ただのデザイン集だからね。
CSSでできることしか出来ないし用意された
デザイン以外を簡単に作る方法も用意してない。
> ウィンドウのサイズがXX〜XXならXXXというクラスを読み込める
ウインドウサイズが〜というのがCSS3 Media Queriesだよ。
HTMLに書いているのは同じクラスだけど、そのクラスに
適用されるデザインをウインドウサイズなどで変えることが出来る。
でもこの機能はBootstrapとは相性が悪くてね。
Bootstrapが希望通りのデザインを用意していないのなら
Bootstrapで定義されているクラスを上書きするしか無いよ。
そしたらBootstrapで用意されたクラスを使っているのだから
○○なデザインになるはずなのになってないみたいに意味不明なことになるけどね。
ま、ちゃんとしたCSSの使い方をしろってことさ。
- 64 :nobodyさん:2013/09/04(水) 01:16:29.46 ID:???.net
- みなさんはグリッドシステムそのものを批判してるの?
- 65 :nobodyさん:2013/09/04(水) 01:27:13.70 ID:???.net
- 批判してるのは適材適所が理解できないサルだけだよ
- 66 :nobodyさん:2013/09/04(水) 01:46:18.39 ID:???.net
- >>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とかいうクラスなしで動くってさ。
ま、これが普通だよね。
- 67 :nobodyさん:2013/09/04(水) 09:54:02.95 ID:???.net
- 今まで2人で開発してたものを公開しissueも多い状態だから挙動が変わりやすい不安定なバージョンなのに
今からBootstrap3にあわせて作っても無駄
6ヶ月は寝かせておいたほうがいい
- 68 :nobodyさん:2013/09/04(水) 10:42:12.98 ID:???.net
- >>66
どんなものかとダウンロードしてサンプル見たんだが、こんなのがHTMLにごちゃごちゃ入ってたよ。
<article id="row1">
<div class="col6">6</div>
<div class="col6 push6">6</div>
<div class="col12">12</div>
<div class="center">
- 69 :nobodyさん:2013/09/04(水) 10:46:00.14 ID:???.net
- こんなのもあった。
<div class="subgrid1">
<div class="subcol subcol6">
<div class="subgrid2">
<div class="subsubcol subcol1">1</div>
…
俺はマルチカラムレイアウトでがっつり複雑なレイアウトは作らないけど、どんなフレームワークにせよ、
こんなのと似た感じになるのはしょうがないんじゃないの?
- 70 :nobodyさん:2013/09/04(水) 10:50:41.33 ID:???.net
- ていうか何にせよ各グリッドシステム毎の表記を覚えるのがめんどくせー。
黙ってspan6とかでやってれば勝手にレスポンシブってくれるからBootstrapで充分。
- 71 :nobodyさん:2013/09/04(水) 12:20:46.01 ID:???.net
- >>57
いやームズいっすわー
Bootstrap3じゃHTMLとCSSが癒着してるからムズいっすわー
難問っすわーねぇー
http://jsfiddle.net/eGWeV/
- 72 :nobodyさん:2013/09/04(水) 12:48:59.75 ID:???.net
- >>71
メンテ不能w
- 73 :nobodyさん:2013/09/04(水) 13:07:39.42 ID:???.net
- リスト→コンボ化のために実質1ルールも追加しないといけないとかマジありえないっスよね
生意気なブートストラッパー共をSCSSでビシっと黙らせてやっちゃって下さいよー
- 74 :nobodyさん:2013/09/04(水) 20:20:03.10 ID:???.net
- >>69
セマンティックすぎワロタ
- 75 :nobodyさん:2013/09/04(水) 22:36:09.37 ID:???.net
- >>71
そういうのがあちこちのHTMLにあると
思うとぞっとするね。
- 76 :nobodyさん:2013/09/04(水) 22:54:20.23 ID:???.net
- >>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>
- 77 :nobodyさん:2013/09/04(水) 22:55:10.88 ID:???.net
- あ、headerタグの中にh1を入れるの忘れたw
- 78 :nobodyさん:2013/09/04(水) 23:00:25.53 ID:???.net
- 無駄なdiv、無駄なspan、無駄なclass
それがbootstrapか。
- 79 :nobodyさん:2013/09/04(水) 23:55:29.33 ID:???.net
- <span class="badge size-indicator">360px</span> の指摘はしないんだな
- 80 :nobodyさん:2013/09/05(木) 00:23:34.18 ID:???.net
- 何か指摘することでもあんの?
当たり前だけどSCSSはメディアクエリーにも対応。
- 81 :nobodyさん:2013/09/05(木) 01:56:46.42 ID:???.net
- >>80
デザイン変えても360px掲げるんですか?
論理構造と視覚表現の分離は忘れましたか?
「pseudo-elementsで実装しろバーカ」が正しい指摘だ
- 82 :nobodyさん:2013/09/05(木) 02:08:21.56 ID:???.net
- >>81
つまりどういうこと?
360pxって視覚表現じゃないぞ?
お前が何をしろと言ってるのかさっぱりわからん。
pseudo-elementsで何を実装したいんだ?ちゃんといってみろ。
- 83 :nobodyさん:2013/09/05(木) 02:35:40.18 ID:???.net
- なんとなく、論理構造や視覚表現とは何かという
説明をしなくちゃならんくなりそうだな。
まあ、レス来てからにするか。
- 84 :nobodyさん:2013/09/05(木) 03:11:10.48 ID:???.net
- >>82-83
360pxに視覚表現以外の意味はない
>>71のCSSがあって初めて意味を成すんだから
だからHTMLではなくCSSの疑似要素でデザインすべきだと言う指摘に繋げた訳
あなたには360pxが何か意味のある内容だと思えたのかな?
いやそう思ったんだからマークアップしたんだよね
意味がないものをマークアップするなんてセマンティックを理解してない証拠になっちゃうんだから
で初めに戻るけど360pxをどうしてb要素でマークアップしたの?
.thread クラスに属する<b>360px</b>って何?
そこを説明して下さい
と言うか>>71を書いたの俺だから先に言うけど
メディアクエリのデバッグ目的で置いただけなんだけどね
- 85 :nobodyさん:2013/09/05(木) 05:49:34.25 ID:???.net
- でもまぁ海外のサイトとか見てると、これでもかってくらいDIVりまくってるしな
- 86 :nobodyさん:2013/09/05(木) 09:08:20.84 ID:???.net
- >>84
やっぱり「視覚表現」を勘違いしてるな。
まあ、説明は帰ってからしてあげるよ。
それまで考えてな。
- 87 :nobodyさん:2013/09/05(木) 10:47:47.79 ID:???.net
- セマンティックが止まらない
- 88 :nobodyさん:2013/09/05(木) 12:43:22.86 ID:???.net
- 思ったが http://toro.2ch.net/hp/ でやる話じゃね?
- 89 :nobodyさん:2013/09/05(木) 13:13:57.54 ID:???.net
- Webプログラマが使うCSSフレームワークという文脈ならあり。
セマンティック至上主義の話は板違い。
- 90 :84:2013/09/05(木) 13:58:33.54 ID:???.net
- そうすね
無意味な事にヒートアップしてすんませんした
もう相手にしません
- 91 :nobodyさん:2013/09/05(木) 16:24:45.26 ID:???.net
- 散々言っといて無意味なことって何よ?アホかいね。
- 92 :nobodyさん:2013/09/05(木) 17:30:20.22 ID:???.net
- これはスゴ過ぎ!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
本日分の燃料
- 93 :nobodyさん:2013/09/05(木) 21:40:29.50 ID:???.net
- CSSガイドラインを翻訳してみた
http://d.hatena.ne.jp/kiwanami/20130905/1378353853
も一つ燃料投下
- 94 :nobodyさん:2013/09/09(月) 03:00:31.79 ID:nNe0D1vQ.net
- bootstrapのmodal-headerって太すぎないですか?
設定ウインドウを作ったのですが、
画面中で最大の文字で「設定」って
そんなこと言わなくても分かるだろ!って思えます
どうやってますか?
- 95 :nobodyさん:2013/09/09(月) 04:12:44.27 ID:???.net
- >>94
http://getbootstrap.com/customize/#variables-modals
@modal-title-padding で15pxも取ってあるのか
高dpiを意識してるんかな
- 96 :nobodyさん:2013/09/09(月) 04:25:16.44 ID:nNe0D1vQ.net
- >>95
こういうのを見ると、逆に面倒になってないか?って思うな。
CSSってそんなもんじゃないだろ?
テキストエディタでちょこちょこって買い換えれば
済むもんだろ?
- 97 :nobodyさん:2013/09/09(月) 09:36:37.27 ID:???.net
- なぜ規約を破る前提で語るんだよ
そこそこの完成品にするための制限としての規約なんだから
守っておけばいいし、足りなくなったり、気に入らなくなったら、
ムリしてbootstrap使う必要ないだろ
このスレは本質と全然違うところでしか議論が進んでない
- 98 :nobodyさん:2013/09/09(月) 14:18:50.54 ID:???.net
- グリッドシステムだけ使いたいからダウンロードしたら他のコードを全部消す。
大事なものまで消してそうで怖い。
- 99 :nobodyさん:2013/09/09(月) 23:51:24.43 ID:nNe0D1vQ.net
- >>97
サンプルプログラムを作ってるわけじゃあるまいし
規約を守るのが仕事じゃないんだろ。
- 100 :nobodyさん:2013/09/09(月) 23:53:50.77 ID:???.net
- >>97
無理して使うこと無い は、本当にそのとおり。
自分のセマンティック精神に合わなきゃ使わなくていい。
ちょいとしたWebアプリがPCでもiPadでもそれっぽく作れるから、
自分は用途に応じて使うよ。
- 101 :nobodyさん:2013/09/10(火) 00:44:07.79 ID:k9V3QcR6.net
- 使うのはいいけど、
ちゃんとした教育を受けた人には
気持ち悪いフレームワークなんだよな。
- 102 :nobodyさん:2013/09/10(火) 01:10:20.13 ID:???.net
- ちゃんとした教育()笑
- 103 :nobodyさん:2013/09/10(火) 03:28:26.76 ID:???.net
- Bootstrapに便利な機能を追加できるjQueryプラグインまとめ
ttp://w3q.jp/t/4438
- 104 :nobodyさん:2013/09/10(火) 21:03:15.06 ID:???.net
- ちゃんとした教育を受けた上で気持ち悪さを感じながらも
現実と折り合いをつけて使うのが大人
- 105 :nobodyさん:2013/09/10(火) 22:07:56.46 ID:k9V3QcR6.net
- 現実と折り合いをつけて
諦めないと使えないのがBootstrap
- 106 :nobodyさん:2013/09/10(火) 22:58:03.20 ID:???.net
- >>105
ID晒して気持ち悪いフレームワーク スレに常駐お疲れ様ですw
なんでまだ居るんすかw
- 107 :nobodyさん:2013/09/11(水) 02:12:07.23 ID:S3z0iKLL.net
- 面白いからずっといますよ。
- 108 :nobodyさん:2013/09/11(水) 13:15:40.30 ID:???.net
- 要所要所にclassを適用していくという方式で
メンテ性が下がる理由がよくわからん…。
ソース量が妙に増えるのは欠点だが、Bootstrapにあわせた
マークアップルールを考えればそれでいいだけな気もするし、
所詮一つの道具に過ぎないこれがそれぞれの自分流にあわなきゃ
使わなければいいだけなはずなんだがな。
- 109 :nobodyさん:2013/09/11(水) 13:39:32.80 ID:???.net
- html5でdivを使わないレイアウトが出来ます!
なんて言ってたやつはどこいった、?
- 110 :nobodyさん:2013/09/11(水) 15:43:38.48 ID:Dg7F87oK.net
- 重い腰上げて3への移行作業やってみたけど、骨が折れるわこれは…。
特にformが変わりすぎだ。
- 111 :nobodyさん:2013/09/11(水) 18:32:16.42 ID:???.net
- >>109
まぁほら、まだ正式勧告されてないもんだしさ。
ところで、3でrow-fluidがremove対象だってのに
row-fluidってしないとリキッドレイアウトできんのだけど。
containerも同じく。
2と間違えていれたか?
- 112 :nobodyさん:2013/09/11(水) 19:44:19.90 ID:???.net
- >>111
ポカミスに1ペリカ
3.xにrow-fluidなんて定義されてないしな
- 113 :nobodyさん:2013/09/11(水) 22:50:00.92 ID:S3z0iKLL.net
- >>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 :nobodyさん:2013/09/11(水) 23:43:22.74 ID:???.net
- 自分は属性を当てていく感じが割りと好きだけどな。
セマンティック君は学者だったらまだいいけど、
一介のユーザがそれだと痛いだけだよ。
- 115 :nobodyさん:2013/09/11(水) 23:55:32.18 ID:???.net
- >>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 :nobodyさん:2013/09/11(水) 23:58:58.62 ID:???.net
- >>115
HTML/CSSの本来の関係を説明してくれなくても分かってるよ。
別にここに張り付いてないで、理想通りの俺俺フレームワークを作ればいいじゃない。
応援してるよ。
- 117 :nobodyさん:2013/09/11(水) 23:59:44.14 ID:???.net
- >>115
1つだけ要望。
そんときはMITライセンスでよろしく。
- 118 :nobodyさん:2013/09/11(水) 23:59:58.87 ID:???.net
- >>116
俺俺フレームワークって何を作ればいいの?
昔からウェブサイトのデザインは
自分で作るものだと思ってるけど?
デザインの話じゃないんだよね?
- 119 :nobodyさん:2013/09/12(木) 00:05:13.93 ID:???.net
- >>118
は?bootstrapの作りにケチつけておいて、
フレームワークって何とは何事だ。
申し訳ないけど何かの病気か?
- 120 :nobodyさん:2013/09/12(木) 00:07:32.66 ID:???.net
- >>119
だからなんでフレームワークを作らないとダメなのって話で、
なんでbootstrapなんか作る必要があるの?って話なんだけど。
それにフレームワークを作る必要があったとしても、
別に俺俺で作る必要もないよね?
既にあるものを探してくればいいじゃん?
Bootstrapは探して見つけたくせに
なんでそれ以外を探すことが出来ないのかな?
- 121 :nobodyさん:2013/09/12(木) 00:09:30.25 ID:???.net
- ていうか話ずれ過ぎだよ。
> メンテ性が下がる理由がよくわからん…。
って書いてあるから、
メンテナンス性は本当に下がるよって
説明したのに。
わからなかったんでしょ?
> HTML/CSSの本来の関係を説明してくれなくても分かってるよ。
なぜかわかってるって言い直してるし。変な人だね。
- 122 :nobodyさん:2013/09/12(木) 00:13:27.01 ID:???.net
- >>121
ゴメン、メンテ性の話は別の人間。
bootstrapのデザインが気に食わなかったら
CSSフレームワークとしてbootstrapを使うことはないよ。
tutorial、sampleに毛の生えた程度のレベルで
サクサク作る用途で使ってるから、君の上げた例のような破綻はしないよ。
- 123 :nobodyさん:2013/09/12(木) 00:15:16.57 ID:???.net
- サクサク作る用途で使ってるならば、破綻はしない
ということは
サクサク作る用途以外ならば、破綻する
ということです。
仕事ってサクサク作る用途ですかね?
勉強している学生君ならまだいいけどさ。
- 124 :nobodyさん:2013/09/12(木) 00:22:01.97 ID:???.net
- >>123
Webデザイナー(笑)不在でそこそこの見た目でやる仕事もあるからね。
社内用のWebアプリとかこだわる必要ないでしょ?
それっぽいコンポーネントが揃ったフレームワークを、
それっぽい範囲で効率よく使ってるまでのこと。完璧なんて求めないよ。
細かい横槍の入りにくいほぼ独断の仕事で、優雅に技術者やれてますよ。
- 125 :nobodyさん:2013/09/12(木) 00:26:20.96 ID:???.net
- それはようするに見た目にこだわらなくても
いい場合にしか使えないという意味か?
それってさ、技術的に低くても良い場合にしか
使えないと言ってるのと同義だぞ。
見た目要求されたら、出来ませんって言うしか無いんだろう?
- 126 :nobodyさん:2013/09/12(木) 00:35:49.03 ID:???.net
- >>125
bootstrapのデザインをカスタマイズすることが技術的に高いことなの?
フレームワークがピッタリはまる用途で最高の効率で使うことも"高い"と思うよ。
bootstrapの見た目で満足できない物足りないと言う人を納得させるだけの
条件が揃って無ければ、それは出来ませんというしか無いだろうね。
その状況に陥るなら「技術的に低い」と思うよ。
フレームワークってその程度のものじゃない。
- 127 :nobodyさん:2013/09/12(木) 00:52:05.26 ID:???.net
- 自分(アプリケーション屋)vsホームページ屋
の構図になっちゃってるね。たぶんだけど。
自分らは、bootstrap等のコンポーネント群はとても助かってるね。
「そんなのゼロから組んでたら倍かかりますよ!
この部品の組み合わせで行きます」なんて、
ハッタリかませるほうが楽に生きれるんじゃない?
「bootstrapなんてフレームワークを作る必要ない」なんてさすがに見識を疑うね。
君の理想通りのフレームワークを紹介して欲しいよ・・・。
- 128 :nobodyさん:2013/09/12(木) 01:50:52.85 ID:???.net
- Bootstrapはメンテナンス性が悪いことが証明された。
それが何よりの収穫だ。
- 129 :nobodyさん:2013/09/12(木) 01:53:02.37 ID:???.net
- >>126
技術とメンテナンス性は話が別。
高い技術があればカスタマイズできるのではなく
高い技術があればメンテナンス性をあげられる。
カスタマイズなんてだれでもできること。
時間さえかければね。
- 130 :nobodyさん:2013/09/12(木) 01:57:03.47 ID:???.net
- >>127
デザインは要求ごとに違うもの。
だからどんな要求にも耐えられるフレームワークなんてものはないし
そんなものは必要ない
だからフレームワークに頼らず自分の力で
作れる技術をつけるべきである。
> 「そんなのゼロから組んでたら倍かかりますよ!
> この部品の組み合わせで行きます」なんて、
最終的に決めるのは客。勝手に決めるな。
倍かかるのは技術が低いから。
技術があれば客の望んだデザインで作れる。
客に迷惑をかけているということを自覚しろ
- 131 :nobodyさん:2013/09/12(木) 09:06:56.14 ID:???.net
- >ハッタリかませるほうが楽に生きれるんじゃない?
なんで、趣旨であるこの部分を削って
他人の意見を歪曲するかねぇ…
- 132 :nobodyさん:2013/09/12(木) 09:08:26.28 ID:???.net
- ↑>>130宛てです。
- 133 :nobodyさん:2013/09/12(木) 09:12:20.07 ID:Yh1boJKy.net
- >>113
それって「フレームワーク」の意味というか意義がわかってないだけじゃね?
そんなプログラムでもなんでも当てはまる話じゃん。
普通の人は、生産性の向上を享受する代わりに制約を受け入れてるわけだよw
制約が気に入らないなら使っちゃダメだわw
- 134 :nobodyさん:2013/09/12(木) 09:16:15.38 ID:???.net
- 一方俺は有料テーマで済ませた
https://wrapbootstrap.com/
他にテーマを集めてるサイトはないかな
- 135 :nobodyさん:2013/09/12(木) 09:30:38.44 ID:???.net
- >>105-107
この気持ち悪い生き物は相手にしないでください。
- 136 :nobodyさん:2013/09/12(木) 16:35:51.53 ID:???.net
- なにもこったことはせずにそのまま使う。
それが一番いい。
- 137 :nobodyさん:2013/09/12(木) 16:50:01.66 ID:???.net
- なんかあったのか?
- 138 :nobodyさん:2013/09/12(木) 17:20:43.52 ID:???.net
- CSSフレームワークは、クロスブラウザについて考えることが減るというのも重要なメリット。
あいかわらずIEはひどいが。
- 139 :nobodyさん:2013/09/12(木) 19:28:22.61 ID:???.net
- bootstrap使ってみてるけど、今まで毎回書き起こしてたのがバカみたいだな。
勿論、見せるためのサイトでは不便だろうけど、
機能を使ってもらうサイトなら、これは便利そう。
もうちょっと使ってみないと、落とし穴があるかもしれないけど。
- 140 :nobodyさん:2013/09/12(木) 19:34:12.09 ID:???.net
- >>136
タイトルバー付きの小窓が欲しいんだよね。
だから、そこだけ自前で用意した。
- 141 :nobodyさん:2013/09/12(木) 20:47:17.98 ID:???.net
- 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ならどうするの?
- 142 :nobodyさん:2013/09/12(木) 21:03:45.91 ID:???.net
- 嫌なら使うな これ言うとフジテレビ同様嫌われるの(・ω・)ノ
- 143 :nobodyさん:2013/09/12(木) 23:40:07.62 ID:LD1hnGrg.net
- フレームワークってある程度、ルールを作ってくれるし、それに応じた書き方するもんじゃないの?
フレームワークだし。
bootstrap使いたくないやつは使わなくていいんじゃないの?
自前で用意した方がいいんであれば自前でやればいいじゃん。
と蒸し返し。
- 144 :nobodyさん:2013/09/13(金) 00:04:48.64 ID:???.net
- なんでbootstrapを使わない = 自前で用意するになるの?
bootstrap以外の物を使えばいいじゃん。
俺はbootstrap以外のことは何も知らないというのなら
はっきりそう言ってくれ。なんなら↓これコピペしてくれるだけでいいぞ。
「俺はbootstrapの事以外何も知らない何も知ろうとしない愚か者です。」
はい、どうぞ。
- 145 :nobodyさん:2013/09/13(金) 01:26:43.50 ID:???.net
- >>144
お前が「bootstrapと同じ効率で全てに対応できるよう自分で組む技術を持っている」と
豪語してる人じゃないの?
その話を半分信じてみんな相手してくれてることになぜ気づかないの?
やっぱり痛すぎるよ???????(w
- 146 :nobodyさん:2013/09/13(金) 01:30:58.22 ID:???.net
- >>145
そんなことは言ってないがまず、
俺の質問に答えろよ。
なんでbootstrapを使わない = 自前で用意するになるの?
俺は言ってないが、
お前が言っていることは>>143みればわかること。
- 147 :nobodyさん:2013/09/13(金) 01:31:29.33 ID:???.net
- Bootstrap信者は、これ見て勉強してください。
もうCSS設計で悩まない!「CSSコーディング ガイドライン」策定のための参考記事・スライド 7選
http://squeeze.jp/blog/web-development/css-guideline/
- 148 :nobodyさん:2013/09/13(金) 02:47:37.09 ID:???.net
- >>146
みなさん この言葉遊びしてる基地外に近づかないでください。
- 149 :nobodyさん:2013/09/13(金) 06:42:44.06 ID:???.net
- >>147
基本的に、デザイナー系の人は頓珍漢なことばっかり重要視するからよく読んでないけど、
>プロパティの記述順序
>アルファベットの順に記述する。
>ベンダープレフィックスは無視する。ただし、例えば-moz接頭辞は-webkitの前に来る、などの順序は保つこと。
アホかと思った。
- 150 :nobodyさん:2013/09/13(金) 08:25:10.87 ID:PR3jVL4J.net
- >>149
そういうどうでも良いレベルでしか差別化出来ないんじゃない?w
- 151 :nobodyさん:2013/09/13(金) 08:25:44.78 ID:???.net
- >>140
3のPanelが便利
- 152 :nobodyさん:2013/09/13(金) 08:28:18.94 ID:???.net
- >>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 :nobodyさん:2013/09/13(金) 11:59:17.21 ID:???.net
- >>151
これを使えばいいのか、ありがとう。
- 154 :nobodyさん:2013/09/13(金) 13:07:01.65 ID:???.net
- input要素のサイズがグリッドカラムでしか指定できないのはさすがに嫌すぎなので
2にあったinput-*は自前で追加した
- 155 :nobodyさん:2013/09/13(金) 21:55:31.66 ID:???.net
- >>152
Bootstrapを超えるものが既にあるのに
なんでBootstrapを使うのって話じゃん。
- 156 :nobodyさん:2013/09/13(金) 21:58:18.44 ID:???.net
- Bootstrapを超えるものって何?
- 157 :nobodyさん:2013/09/13(金) 22:24:05.57 ID:???.net
- >>156
sass(cssの拡張版)+compass(クロスブラウザフレームワーク、グリッドなどあり)
用意されたものを使えるのは当然の事、
さらに自分で拡張できる。
- 158 :nobodyさん:2013/09/13(金) 22:27:23.15 ID:???.net
- >>147
> 大規模サイトにおける本当は怖いCSSの話
26ページのオブジェクトタイプ・・・未使用ってのが
重要なところだね。
25ページより
オブジェクトタイプ
・CSSファイルを触らずに開発できる
・コピペで開発できる
デメリット
・CSS設計にスキルを要する
・CSS修正による影響予測が困難。
これ、Bootstrapのことだよね・・・
- 159 :nobodyさん:2013/09/13(金) 22:31:02.19 ID:???.net
- Bootstrapの問題点は簡単にいえば
メンテナンス性が低いということ。
目的のものを作るに時間がかかる。
- 160 :nobodyさん:2013/09/13(金) 23:50:35.58 ID:???.net
- >>159
それはお前の脳みそがメンテナンスされてないから。
- 161 :nobodyさん:2013/09/13(金) 23:51:14.42 ID:???.net
- >>155
あれ見落としてたかなー
Bootstrapを比較に持ち出してる記事なんてそのページのどこにあるんだろう?
- 162 :nobodyさん:2013/09/14(土) 00:23:36.86 ID:???.net
- 出先でモックアップを作るのに良いサイトを探してるんですがお勧めはありませんか?
2.x/3.x切り替えとキーボードショートカットに対応してたら最高です
https://jetstrap.com/
http://bootply.com/
http://www.layoutit.com/
この辺は見てみました
- 163 :nobodyさん:2013/09/14(土) 02:02:50.79 ID:???.net
- 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 :nobodyさん:2013/09/14(土) 04:40:19.30 ID:???.net
- 世界中でお前だけだぞ、んなこと言ってんのw
- 165 :nobodyさん:2013/09/14(土) 05:16:15.54 ID:???.net
- 彼はBootstrapに家を流され家族を殺されたんだ
しょうがないさ
- 166 :nobodyさん:2013/09/14(土) 05:26:02.37 ID:???.net
- よほどbootstrapが憎いんだろうな。
bootstrapとそのユーザへの攻撃で自分を保ってる。
そしてなぜかbootstrapとは違う厚さのSCSSが最強であると喚く。
あんた完全にぶっ壊れてるよ。
- 167 :nobodyさん:2013/09/14(土) 05:28:13.58 ID:???.net
- >>163
>>105-107
まだこの気狂い居るのかw
- 168 :nobodyさん:2013/09/14(土) 05:32:16.61 ID:???.net
- で、CSS/Sassスレでも立ててもらって、そっちでやればいいんじゃね?
bootstrapをわざわざ攻撃しに来ることないでしょ。
だれもSassを否定していないのに、顔真っ赤でbootstrapを叩く理由がわからない。
Sassはちゃんと設計してCSSを書くテクニックってのは分かってるから、
それはそれで別のところでやってくれればいいと思うよ。
- 169 :nobodyさん:2013/09/14(土) 08:27:09.98 ID:???.net
- >>163
お前に必要なのはこの文章
http://anond.hatelabo.jp/20130913224601
- 170 :nobodyさん:2013/09/14(土) 15:26:39.78 ID:???.net
- > だれもSassを否定していないのに、顔真っ赤でbootstrapを叩く理由がわからない。
bootstrapをディスりたいからだけど?
信者いる所でやらないと面白く無いっしょw
- 171 :nobodyさん:2013/09/14(土) 19:43:06.54 ID:???.net
- Bootstrapのメリットは
CSSを知らない人でも使えることだと思う。
- 172 :nobodyさん:2013/09/14(土) 19:44:47.64 ID:???.net
- >>170
それただの荒らしじゃない。
ついて出てくる理屈は薄っぺらいし、本当にbootstrapに家族殺されたんだね。同情するよ。
- 173 :nobodyさん:2013/09/14(土) 19:48:41.25 ID:???.net
- うわっわざとらしい自演だw
- 174 :nobodyさん:2013/09/15(日) 19:04:33.16 ID:???.net
- >>170
こんなフレームワークが開発中らしいよ。
属性を与える場所について講義してこなきゃ。
Semantic UI
http://semantic-ui.com/
- 175 :nobodyさん:2013/09/15(日) 22:23:46.87 ID:???.net
- 書評: Web 制作者のための Sass の教科書
http://www.understandard.net/css/css016.html
- 176 :nobodyさん:2013/09/16(月) 09:12:13.59 ID:???.net
- ×信者いる所でやらないと面白く無いっしょw
○信者いる場所でやらないと誰にも相手にしてもらえないんです(>_<
- 177 :nobodyさん:2013/09/17(火) 11:50:36.21 ID:???.net
- >>174
Bootstrapの
<button type="button" class="btn btn-primary btn-lg">
より、
<div class="ui large red labeled icon button">
の方が良い理由が分からん。
第一にこれボタンじゃないし。
- 178 :nobodyさん:2013/09/17(火) 15:10:29.39 ID:???.net
- >>177
できの悪い「Webサイトテンプレート」も似たようなのが多い。
h*やpなどの大部分が<div class="...">で表現されてたりする。
- 179 :nobodyさん:2013/09/17(火) 19:22:04.78 ID:???.net
- ボタンツクール
ttp://www.thiagocanudo.com.br/bootsbutton/
- 180 :nobodyさん:2013/09/18(水) 00:19:23.69 ID:???.net
- >>177
ですよね。
やっぱり最善は
<button type="button" class="ok-button">
みたいなものか
ほら、みんなこのコード読んで、
なんのボタンかわかっちゃったでしょ?
- 181 :nobodyさん:2013/09/18(水) 10:10:24.87 ID:???.net
- いい方法思いついた!
SCSSでBootstrapのクラスをwrapすればいいんだ!
これでみんな幸せ!!
オレ、頭イイ!!!
- 182 :nobodyさん:2013/09/19(木) 00:53:30.97 ID:???.net
- >>181
やっとそれがでたかw
上でヒントっぽいものはでていた気がするが。
でもそれは、classに値を入れていく方式は
間違っている(セマンティックではない)を
認めたことになるよ。
SCSSを使ってセマンティックに作っておけば、
後からBootstrapでないものに変えるのも楽なんだよね。
メンテナンス性とはこういうこと。
- 183 :nobodyさん:2013/09/19(木) 07:45:53.86 ID:???.net
- >>182
あとで変えるってアホじゃん
- 184 :nobodyさん:2013/09/19(木) 13:25:13.23 ID:???.net
- >>182
> やっとそれがでたかw
>
> 上でヒントっぽいものはでていた気がするが。
いやいや、さんざんSCSS,LESS使えって出てるじゃん。
> SCSSを使ってセマンティックに作っておけば、
セマンティック派としては、たとえばTwitterボタンが必要なとき、どうやるの?
> 後からBootstrapでないものに変えるのも楽なんだよね。
> メンテナンス性とはこういうこと。
メンテナンス性ってそういうことだけじゃないよ。
例えば、
・新しいブラウザが出たときにどこまで確認が必要か
・ブラウザの新しいバージョンが出たときにどこまで確認が必要か
・第三者がメンテナンスするときの学習容易性・変更容易性
・テスト工数
etc.
- 185 :nobodyさん:2013/09/19(木) 13:27:15.14 ID:???.net
- >>181
> SCSSでBootstrapのクラスをwrapすればいいんだ!
> これでみんな幸せ!!
そうかな。
OOP黎明期に派生が持ち上げられてたとき、それでみんな幸せになったかな?
OOCSS + SCSSって見た目実装継承、実際はコピペだし。
- 186 :181:2013/09/19(木) 17:54:45.45 ID:???.net
- 完全に冗談で言ったのに、大真面目に取られてちょっとびっくりしている…
- 187 :nobodyさん:2013/09/19(木) 21:50:21.06 ID:???.net
- >>186
だって既にあるしな。
それを知らんのはSCSSを知らんやつだけだろうなw
使いにくいBootstrap流のやり方をやめ
SCSS流のやり方で、Bootstrapのデザインだけ
かっぱらっていくw
- 188 :nobodyさん:2013/09/19(木) 22:45:47.76 ID:???.net
- こいつまだいるのか・・・
- 189 :nobodyさん:2013/09/19(木) 23:32:05.62 ID:???.net
- ずっといるよw
諦めな。
- 190 :nobodyさん:2013/09/20(金) 05:50:21.85 ID:???.net
- >>189
なんでこんなに気持悪い生き物が地球に居るんだろ。
クソみたいな親に育てられたんだろな。
- 191 :nobodyさん:2013/09/21(土) 02:10:00.56 ID:???.net
- こちらも荒らして欲しいってさw
Bootstrap
http://kohada.2ch.net/test/read.cgi/php/1379623411/
- 192 :nobodyさん:2013/09/25(水) 14:45:29.76 ID:???.net
- SCSSでオレオレBootstrap wrapper作る俺かっこいい
- 193 :nobodyさん:2013/09/26(木) 00:31:20.22 ID:???.net
- Bootstrap wrapperってほどのこともないな。
classにBootstrapのクラス名を打ち込む代わりに、
class=" セマンティックな名前” って書いて
セマンティックな名前 {
@extend Bootstrapのクラス名
}
って書くだけで終わりだし。
- 194 :nobodyさん:2013/09/26(木) 10:36:01.18 ID:???.net
- ここの基地外が PHPフレームワーク総合 でもご迷惑をかけてるようで申し訳ありませんwwwwwwww
あの奇行種早く駆逐してくれよw
- 195 :nobodyさん:2013/09/26(木) 15:07:16.74 ID:???.net
- 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/
- 196 :nobodyさん:2013/10/11(金) 10:19:21.84 ID:???.net
- OOCSSとかいう単語考えた奴は絶対オブジェクト指向理解してないと思う
- 197 :nobodyさん:2013/10/27(日) 03:00:08.04 ID:???.net
- Bootstrap Datetime Pickerを使って見てるんだけど、これのformatで曜日を表示するにはどうすればいい?
$('#datetimepicker1').datetimepicker({
format: 'yyyy年MM月dd日 hh:mm',
....
現在のformatが上記で最終的な表示を
2013年10月27日(日)とかにしたい。
- 198 :nobodyさん:2013/10/27(日) 03:33:07.54 ID:???.net
- >>197
javascript date formatで検索すると%aが曜日らしいから、試すといいんじゃない?
- 199 :nobodyさん:2013/10/27(日) 18:17:19.87 ID:???.net
- >>198
ありがとう。しかしだめだったぜ・・・orz
以下4通り試してみたけど、表示は文字列がそのまま出力されてしまった・・・
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 :nobodyさん:2013/10/27(日) 18:26:47.46 ID:???.net
- 出来ないならできないで、自分で関数拡張すればいいだけじゃん。
- 201 :nobodyさん:2013/10/27(日) 18:40:29.57 ID:???.net
- >>200
どの関数読めばいいのか分からん。
そして調べられない。
これを見ろ的なサイト or キーワード教えてくださいm(__)m
- 202 :nobodyさん:2013/10/27(日) 18:44:43.62 ID:???.net
- >>201
オライリーの比較的最近の
JavaScriptの本。
- 203 :nobodyさん:2013/10/27(日) 18:53:58.19 ID:???.net
- >>202
ちゃんと勉強しないとダメなのか。
サイの表紙のやつでOK?
- 204 :nobodyさん:2013/10/27(日) 19:01:00.44 ID:???.net
- それも含めて、何冊かよめ。
- 205 :617:2013/10/27(日) 19:26:53.23 ID:???.net
- >>204
一冊開いてみたけど、やりたいこと実現するのに期日までに間に合いそうにないわ。まるで検討つかない。
諦めるわ。ありがとう。
- 206 :nobodyさん:2013/10/27(日) 20:41:16.02 ID:???.net
- ご愁傷さんw
それが現実だ。
自分の限界を知れてよかったな。
- 207 :nobodyさん:2013/11/23(土) 11:07:44.78 ID:???.net
- IE7でbootstarapのサイト開いて見たらTOP以外ムチャクチャなんだが
対応やめたと言ってもここまで派手に崩れるもんなの?
一応サイトは見れる、ぐらいにもできない?
- 208 :nobodyさん:2013/11/30(土) 21:03:15.67 ID:Wvg4k4eb.net
- >>207
IE8ならまだしもIE7に対応する道理なんて無いだろ? 捨てろ捨てろ。
- 209 :nobodyさん:2013/12/03(火) 07:37:17.88 ID:52YJHXE/.net
- 対応しなくて良いから崩れないようにして欲しい
- 210 :nobodyさん:2013/12/03(火) 11:27:55.74 ID:???.net
- そんな無茶な
- 211 :nobodyさん:2013/12/09(月) 23:41:21.21 ID:tyP7ww7A.net
- 崩れないようにする=対応するだろjk
- 212 :nobodyさん:2013/12/10(火) 00:40:45.15 ID:YSGW/qQB.net
- 完全に対応しなくて良いから、完全に無視もしないで欲しい
あそこまで派手に崩れないようにだけして欲しい
- 213 :nobodyさん:2013/12/10(火) 01:13:06.78 ID:???.net
- Bootstrapはよく知らないけどようはCSSでしょ?
そもそもCSSってのは文書構造と見た目を分離するものなんだからさ、
まず、Bootstrapを使っているHTMLから
全てのCSSを取り除いても、文書自体はちゃんと見れるはずだよね。
その上で、Bootstrapの代わりに独自のCSSを
読みこめばいいだけじゃない?
昔はそうやってブラウザの機能やJavaScriptを使って
適用するスタイルシートを切り替えることで
同じページの見た目をがらっと変えるってことが
流行ったんだけどな。代替スタイルシートって機能。
- 214 :nobodyさん:2013/12/10(火) 10:59:34.22 ID:???.net
- >>213
> 全てのCSSを取り除いても、文書自体はちゃんと見れるはずだよね。
それを見れないなんて誰も言ってないよ。
「崩れてる」と言ってるだけで。
- 215 :nobodyさん:2013/12/10(火) 11:42:14.85 ID:???.net
- >>214
ちゃうちゃう
「崩れてる」のはHTMLにBootstrapのCSSをつけたのをIE7で見たときだろ
HTMLにCSSをつけないで「崩れてる」ならHTMLの問題
- 216 :nobodyさん:2013/12/10(火) 11:42:53.91 ID:???.net
- IE7で崩れないようにしたければ自分ですればーってことだろな
- 217 :nobodyさん:2013/12/10(火) 23:18:24.00 ID:???.net
- そうそう。単にクラスに
違うスタイルを割り当てればいいだけ。
そのためのCSSなんだしさ。
- 218 :nobodyさん:2013/12/14(土) 11:43:06.70 ID:38r1jVZg.net
-
http://rfi.a.la9.jp/sateweb/scurl/znsc.html
お世話になります。
私、責任者の加茂と申します。以後、宜しくお願い致します。
http://www.apamanshop.com/membersite/27009206/images/kamo.jpg
浪速建設様の見解と致しましては、メールによる対応に関しましては
受付しないということで、当初より返信を行っていないようで、今後につい
てもメールや書面での対応は致しかねるというお答えでした。
http://www.karilun-yao.com/room/24127
このように現在まで6通のメールを送られたとのことですが、結果一度も
返信がないとう状況になっています。
http://rfi.a.la9.jp/hn203/k203/k.png
http://rfi.a.la9.jp/hn203/k203/k203_1.png
http://rfi.a.la9.jp/hn203/k203/k203_2.png
私どものほうでも現在までのメール履歴は随時削除を致しております
ので実際に11通のメールを頂戴しているか不明なところであります。
http://www.apaman-yao.jp/store/
弊社としましても今後メールでのやり取りを差し控えたく、浪速建設様
と同行の上でお会いさせていただきたい所存です。
http://rfi.a.la9.jp/hn203/set/Avatar_set/Avatar_set.html
- 219 :nobodyさん:2013/12/28(土) 20:01:05.35 ID:C8ZVWZW7.net
- 3からinput, textareaにform-controlクラスを付けないと装飾が付かなくなった件について
解決策ってまだない?
いちいち手動で付けるのはアホらしすぎる、ぐぐったら同様の問題が海外に何件か挙がってるが解決策が見つからない
- 220 :nobodyさん:2013/12/28(土) 20:36:16.45 ID:???.net
- >>219
Bootstrapなんか使うからじゃん。自業自得。
Bootstrapはデザインの変更で
HTMLのclassを修正しまくる必要がある
CSSの設計方針とは正反対のフレームワーク。
それでも使いたいならSASSと併用しなよ。
Bootstrapは使ったことないというか、使う気ないから具体的にどうやるかはしらんけど
form-controlクラスをSASSで継承してinputやtextareaの
標準スタイルとして再定義してやれば、なにもつけずにデザイン適用されるんじゃねーの?
- 221 :nobodyさん:2013/12/28(土) 22:17:28.48 ID:???.net
- http://i.imgur.com/EkSCeSj.jpg
- 222 :nobodyさん:2013/12/29(日) 15:31:15.77 ID:???.net
- >>220
素直にLessと併用しろよ
- 223 :nobodyさん:2013/12/31(火) 12:27:52.05 ID:???.net
- ポストBootstrapみたいなのでないもんだね
- 224 :nobodyさん:2014/02/16(日) 20:11:49.76 ID:Bo7kUdI7.net
- Bootrapのグリッドシステムって960pxが最大値なんですが・・・
大抵のモニターは960pxより大きいのでスペースが無駄になります
特定の部分(広告など)はレスポンスシブではなく、ウィンドウが小さいときは表示されなくてもいいみたいに
することはできないのでしょうか?
- 225 :nobodyさん:2014/02/17(月) 03:07:23.19 ID:???.net
- .hidden-xs
.hidden-sm
.hidden-md
- 226 :nobodyさん:2014/02/17(月) 15:05:53.06 ID:zRgSxE6S.net
- 最強のフロントエンドエンジニアsasaplus1様だ!
- 227 :nobodyさん:2014/02/19(水) 17:19:56.10 ID:???.net
- >>224
カスタマイズすれば?
本来BootstrapってLessのライブラリだからな
- 228 :nobodyさん:2014/03/01(土) 17:26:35.71 ID:???.net
- オブジェクト指向は愚かな考え。排便メソッドを実装した人間クラスから美少女クラスが作れない。
http://toro.2ch.net/test/read.cgi/tech/1393660194/14
- 229 :nobodyさん:2014/03/01(土) 18:20:35.21 ID:???.net
- >>228
マルチポスト
- 230 :nobodyさん:2014/03/06(木) 10:03:35.92 ID:???.net
- 導入で役に立つ参考書を教えて下さい。
- 231 :nobodyさん:2014/03/06(木) 21:12:25.88 ID:???.net
- こんな進化が早いプロジェクトの本買ってもゴミだよw
オフィシャルサイトを見なさい。
- 232 :nobodyさん:2014/08/07(木) 17:45:55.59 ID:???.net
- よくある質問かもしれまんせが、
http://getbootstrap.com/examples/navbar-fixed-top/
のように固定ナビゲーションバーを表示した時に
スクロールバーがナビゲーションに被らないようにするにはどうすればいいでしょうか?
- 233 :nobodyさん:2014/08/08(金) 22:05:23.21 ID:DTjTXaEk.net
- >>232
<body style=”padding-top: 40px">
- 234 :nobodyさん:2014/08/11(月) 13:36:36.41 ID:???.net
- >>233
レス遅くなってスンマセン。。。
確かにそれでnavbarより下に表示されるけどスクロールバーは相変わらず一番上から表示されます
ただ他のアプリとか見るとそういうのばっかりだったんで、この件は現状ままにしておきます
失礼しました
- 235 :nobodyさん:2014/08/11(月) 21:30:47.63 ID:???.net
- Bootstrapは、決められたデザインを
そのまま使うものだから。
デザインにこだわりがあるのなら
選んじゃいけないよ。
- 236 :nobodyさん:2014/08/12(火) 10:45:41.25 ID:???.net
- え? そうなの?
- 237 :nobodyさん:2014/08/13(水) 14:49:21.68 ID:???.net
- 英語のデザインの意味ならばフレームワークの仕組みをそのまま使うのは同意できるけど、
見た目の意味で言ってるなら好きにすればいいと思う。
>>235はデザイン(設計)とアート(芸術)は区別しようね。
- 238 :nobodyさん:2014/08/13(水) 14:54:59.18 ID:???.net
- Bootsrapで作られたものはみんな同じような見た目になる。
これは見た目をカスタマイズするように考慮されていないため。
- 239 :nobodyさん:2014/08/13(水) 22:45:48.65 ID:???.net
- >>238
むしろ逆だろ
カスタマイズしてないから同じになるんだけど・・・w
- 240 :nobodyさん:2014/08/14(木) 02:49:12.53 ID:???.net
- カスタマイズするなら自分で作ったほうが速いよ。
- 241 :nobodyさん:2014/08/14(木) 03:35:19.69 ID:???.net
- >>240
速さだけが問題ではない。
- 242 :nobodyさん:2014/08/14(木) 13:45:05.59 ID:???.net
- その問題は、実は言えないから書かない。
- 243 :nobodyさん:2014/08/16(土) 16:49:35.35 ID:???.net
- 日本語の解説少ない、あってもbootstrap2
解説少ないからカスタマイズとかまず無理
- 244 :nobodyさん:2014/08/17(日) 05:47:13.24 ID:???.net
- 英語読めば良いじゃん。
- 245 :nobodyさん:2014/08/17(日) 14:35:32.87 ID:idnxCvg6.net
- bootstrap.min.cssの後に自分で作ったcss読み込んでも反映してくれない
- 246 :nobodyさん:2014/08/19(火) 22:56:25.68 ID:???.net
- bootstrap2を使ってるんだけど
formのtextareaとかに
スマホから入力してるとクソ重い
皆はこういうのはどう対策してますか?
- 247 :nobodyさん:2014/08/20(水) 02:16:36.42 ID:???.net
- 最新のスマホに買い換える
- 248 :nobodyさん:2014/08/20(水) 12:59:39.66 ID:???.net
- >>247
それってサイト利用者のこと考えてないやん
- 249 :nobodyさん:2014/08/20(水) 18:26:20.16 ID:???.net
- 利用者のこと考えすぎてたら仕事にならない世の中じゃ、ポイズン
- 250 :nobodyさん:2014/08/21(木) 13:28:29.70 ID:???.net
- なんで2なんだよ
- 251 :nobodyさん:2014/08/21(木) 23:02:32.40 ID:???.net
- 利用者のことを考えたら2を選択するしか無い
- 252 :nobodyさん:2014/08/22(金) 06:52:41.37 ID:???.net
- スレチ
- 253 :nobodyさん:2014/09/11(木) 20:55:21.41 ID:???.net
- bootstrap-selectってxml構文に対応してないのか
情報が見つからなかったが拡張子htmlにしてxml宣言外したら動いた…
- 254 :nobodyさん:2014/09/11(木) 22:30:38.64 ID:???.net
- そもそもxhtmlとxml構文のhtml5は別物なのね
お目汚し失礼をば
- 255 :nobodyさん:2014/09/12(金) 21:40:14.11 ID:???.net
- XHTMLは死にました。
タグは省略していいのです。
空要素なんてものは忘れなさい。余計な/は要りません。
- 256 :nobodyさん:2014/10/03(金) 10:59:33.53 ID:hPtWdoD8.net
- Collapseコントロールの質問してもいいっすか?
<div id="hoge" class="collapse in">
<p>なんとかかんとか</p>
</div>
<button type="button" onclick="$('#hoge').collapse('show');">開く</button>
<button type="button" onclick="$('#hoge').collapse('hide');">閉じる</button>
上記のようなものをつくっております。
が、どうやら、初期状態においては、現在対象が開いているか閉じているかの判定とそれを対象とした操作がおかしいらしく、
初回ボタンクリック時は、開いてる状態で開くボタンを押すと
本来何もして欲しくないところですが、トグル動作になってしまい、閉じてしまいます。
inを消して、初期状態が閉じてる状態で、閉じるボタンを押しても同様に、開いてしまいます。
二回目以降の動作ではそのような事はおこらず、開いている状態で開くを押しても、意図したとおり何もしない
という動作になってます。
散々既出かもしれませんが、bootstrap.jsのここを直せとか
もっと別のところが間違ってるとかご指摘いただけんでしょうか
- 257 :nobodyさん:2014/10/30(木) 06:53:01.54 ID:???.net
- Bootstrapはコード上で組み合わせて使うテンプレートの一部みたいな使い方するなら、
クラス書きまくってもそんなに苦労するもんじゃないけどな
っていうか一度覚えりゃいちいちCSSとか用意しなくてもそれなりのデザインになるし、楽だわ
そもそもHTML文書自体、再利用向きのものではないから、
内容に一切変更なく大規模なデザインだけ修正を行う、みたいな事がまず発生しづらいし
去年ずっとファビョってた人は、なんつーかこう全角英数を見たら死ぬマとか、
タブとスペースインデントの違いに発狂するマみたいな感覚じゃないのかな
僕の考えた最強に綺麗なHTMLじゃないと許せない、みたいな人種も世の中には居るだろうし
なんとかとハサミは使いようってアレを理解してないなんとか
- 258 :nobodyさん:2014/10/30(木) 07:49:04.40 ID:???.net
- 亀だから見てないかもしらんが
>>256
https://github.com/twbs/bootstrap/blob/master/js/collapse.js
Collapseのドキュメントも読んでないしそもそも使用経験もないけど、
ざっと実装見た感じ、とりあえずreadyとかDOM構築後のタイミングで引数なし
でcollapse対象要素全部のcollapseメソッドコールしときゃ大丈夫になるんじゃね?
初回コール時にdataがなかったらそこで作ってるから、それ先に用意しときゃ回避できんじゃないの
- 259 :nobodyさん:2014/10/30(木) 07:55:53.72 ID:???.net
- ああ、ってかドキュメントに書いてあるじゃん。aria-expandedじゃないの?
http://getbootstrap.com/javascript/#collapse
- 260 :nobodyさん:2014/10/30(木) 08:49:09.38 ID:8n2Zwhb7.net
- >>258-259
待ってましたよ。
ありがとう。
該当のとこのドキュメント読んで試してみます。
- 261 :260:2014/10/30(木) 11:03:46.48 ID:8n2Zwhb7.net
- 試してみました。
まず、aria-expanded属性ですが、data-toggle="collapse"の記述を使ったData Attribute API経由での
場合の話で、今回のようにjQueryオブジェクトのメソッドとして直接呼ぶ場合は
関係のない話のようでした。ちょっと、乱暴ですがダメ元で試しに>>256の例だと
<button type="button" aria-expanded="true" area-controls="hoge" onclick="$('#hoge').collapse('show');">開く</button>
<button type="button" aria-expanded="true" area-controls="hoge" onclick="$('#hoge').collapse('hide');">閉じる</button>
のようにもしてみましたがダメでした。
結論としては、教えていただいたように、DOM構築後のタイミングで
collapse()を一度コールしてやる方法が良いようです。
ただ、この初回コールでトグル動作をするので、開閉の初期値を、本来の希望する初期値
と反対にしておくようにしました。
- 262 :nobodyさん:2014/11/13(木) 10:18:01.91 ID:m8mqDGI2.net
- inputフォームが細くなってしまうのは何故なのか
- 263 :nobodyさん:2014/11/14(金) 13:42:30.90 ID:???.net
- そう指定されてるから
- 264 :nobodyさん:2014/12/13(土) 06:05:34.33 ID:???.net
- bootstrap3で、formの確認画面を表示するようにしたいのですがどうしたらいいですか?
具体的なコードを示して教えて頂けると助かります。
- 265 :名無しさん@そうだ選挙に行こう:2014/12/13(土) 18:53:48.29 ID:???.net
- サーバサイド何使ってるのん
つかphpでもなんでも、入力確認画面なんては単に別のページで受け取った値を埋め込むだけではないのかと
質問の真意が伝わってない悪寒
- 266 :nobodyさん:2016/03/26(土) 09:59:48.89 ID:???.net
- Bootstrap4は?
- 267 :nobodyさん:2016/07/07(木) 17:37:11.78 ID:???.net
- js側でbootstrap3でモーダルを閉じるときは
$(‘#modal_id’).modal(‘hide’) で閉じるというのはわかりましたが
modal_idが何かわからずとにかく閉じたい場合ってどう書けばいいでしょう?
- 268 :nobodyさん:2016/07/07(木) 17:44:41.48 ID:???.net
- >>267
すんません
$(‘.modal’).modal(‘hide’) でした。
- 269 :nobodyさん:2017/11/13(月) 17:40:11.47 ID:???.net
- rowクラス使ったらページの下部に余白ができるんだけど、これ何が原因なんだろう
- 270 :nobodyさん:2017/12/30(土) 15:00:14.31 ID:YhlYw6jg.net
- 誰でも簡単にネットで稼げる方法など
参考までに、
⇒ 『半藤のブブイウイウレレ』 というサイトで見ることができます。
グーグル検索⇒『半藤のブブイウイウレレ』
9GSZ08KG46
- 271 :nobodyさん:2018/02/20(火) 04:30:56.10 ID:???.net
- ☆ 日本の、改憲を行いましょう。現在、衆議員と参議院の
両院で、改憲議員が3分の2を超えております。
『憲法改正国民投票法』、でググってみてください。国会の発議は
すでに可能です。平和は勝ち取るものです。お願い致します。☆☆
- 272 :nobodyさん:2018/11/22(木) 08:18:41.80 ID:???.net
- もうBootstrap4使っても良いんじゃねぇ?
- 273 :nobodyさん:2019/03/15(金) 14:46:54.90 ID:nXWvN92t.net
- いいよ
- 274 :nobodyさん:2019/07/31(水) 22:13:26.42 ID:KUiRITcq.net
- 2019年7月24日をもって、Bootstrap 3 のセキュリティアップデートは今後行われない。
サポート終了。
- 275 :nobodyさん:2023/02/02(木) 14:15:44.78 ID:I19/kWXkX
- 統━教會との繋か゛りが發覚した公明党高木陽介って生理的にヰラッとくるよな.顔か゛厶カつくのか、喋り方か、頭の悪さが滲み出る論理性の
なさを自信滿々に喋り倒すあたりか、何が、少子化対策は給付対象外の人には関係のない話て゛はなく、年金やらにも影響する問題だウ゛ォケ
いまだに公務員優遇年金は存続してるし消えた年金だのグリーンピアた゛の俺も俺もと食い荒らして誰も賠償してない問題はと゛うなったんだよ
いつの間にやら税た゛のとほざいて強制加入だのΝΗКみたいな送りつけ詐欺やって、俺も俺もと特殊詐欺を流行らせて.
歴史的ハ゛カの黒田東彦は金刷りまくって1兆圓もの圧倒的資産格差形成させて.もはや労働者階級が孑を産む行為自体を遺棄罪に等しくして
GPIFに株買わせまくって日銀の出囗戰略を完全に閉ざしてハ方塞か゛り.都心まで数珠つなぎでクソ航空機飛は゛して温室効果ガスに騒音に
コロナにとまき散らして人殺して私権侵害して私腹を肥やす強盜殺人の首魁斎藤鉄夫ら世界最惡の殺人腐敗組織公明党国土破壊省によって,
俺も俺もと強盗殺人を流行らせたりと.本当公明党は他人の権利を強奪して私腹を肥やすためた゛けに政治やってる史上最悪の外道集団た゛よな
創価学会員は.何百萬人も殺傷して損害を与えて私腹を肥やし続けて逮捕者まで出てる世界最悪の殺人腐敗組織公明党を
池田センセ─がロをきけて容認するとか本気て゛思ってるとしたら侮辱にもほと゛か゛あるそ゛!
hΤΤΡs://i、imgur.сom/hnli1ga.jpeg
総レス数 275
79 KB
掲示板に戻る
全部
前100
次100
最新50
read.cgi ver 2014.07.20.01.SC 2014/07/20 D ★