もうBootstrap3使っても良いんじゃねぇ?
IE8以下に対応したきゃ、IE専用のCSS書けば良いじゃん。 >>123 Webデザイナー(笑)不在でそこそこの見た目でやる仕事もあるからね。 社内用のWebアプリとかこだわる必要ないでしょ? それっぽいコンポーネントが揃ったフレームワークを、 それっぽい範囲で効率よく使ってるまでのこと。完璧なんて求めないよ。 細かい横槍の入りにくいほぼ独断の仕事で、優雅に技術者やれてますよ。 それはようするに見た目にこだわらなくても いい場合にしか使えないという意味か? それってさ、技術的に低くても良い場合にしか 使えないと言ってるのと同義だぞ。 見た目要求されたら、出来ませんって言うしか無いんだろう? >>125 bootstrapのデザインをカスタマイズすることが技術的に高いことなの? フレームワークがピッタリはまる用途で最高の効率で使うことも"高い"と思うよ。 bootstrapの見た目で満足できない物足りないと言う人を納得させるだけの 条件が揃って無ければ、それは出来ませんというしか無いだろうね。 その状況に陥るなら「技術的に低い」と思うよ。 フレームワークってその程度のものじゃない。 自分(アプリケーション屋)vsホームページ屋 の構図になっちゃってるね。たぶんだけど。 自分らは、bootstrap等のコンポーネント群はとても助かってるね。 「そんなのゼロから組んでたら倍かかりますよ! この部品の組み合わせで行きます」なんて、 ハッタリかませるほうが楽に生きれるんじゃない? 「bootstrapなんてフレームワークを作る必要ない」なんてさすがに見識を疑うね。 君の理想通りのフレームワークを紹介して欲しいよ・・・。 Bootstrapはメンテナンス性が悪いことが証明された。 それが何よりの収穫だ。 >>126 技術とメンテナンス性は話が別。 高い技術があればカスタマイズできるのではなく 高い技術があればメンテナンス性をあげられる。 カスタマイズなんてだれでもできること。 時間さえかければね。 >>127 デザインは要求ごとに違うもの。 だからどんな要求にも耐えられるフレームワークなんてものはないし そんなものは必要ない だからフレームワークに頼らず自分の力で 作れる技術をつけるべきである。 > 「そんなのゼロから組んでたら倍かかりますよ! > この部品の組み合わせで行きます」なんて、 最終的に決めるのは客。勝手に決めるな。 倍かかるのは技術が低いから。 技術があれば客の望んだデザインで作れる。 客に迷惑をかけているということを自覚しろ >ハッタリかませるほうが楽に生きれるんじゃない? なんで、趣旨であるこの部分を削って 他人の意見を歪曲するかねぇ… >>113 それって「フレームワーク」の意味というか意義がわかってないだけじゃね? そんなプログラムでもなんでも当てはまる話じゃん。 普通の人は、生産性の向上を享受する代わりに制約を受け入れてるわけだよw 制約が気に入らないなら使っちゃダメだわw 一方俺は有料テーマで済ませた https://wrapbootstrap.com/ 他にテーマを集めてるサイトはないかな >>105-107 この気持ち悪い生き物は相手にしないでください。 なにもこったことはせずにそのまま使う。 それが一番いい。 CSSフレームワークは、クロスブラウザについて考えることが減るというのも重要なメリット。 あいかわらずIEはひどいが。 bootstrap使ってみてるけど、今まで毎回書き起こしてたのがバカみたいだな。 勿論、見せるためのサイトでは不便だろうけど、 機能を使ってもらうサイトなら、これは便利そう。 もうちょっと使ってみないと、落とし穴があるかもしれないけど。 >>136 タイトルバー付きの小窓が欲しいんだよね。 だから、そこだけ自前で用意した。 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ならどうするの? 嫌なら使うな これ言うとフジテレビ同様嫌われるの(・ω・)ノ フレームワークってある程度、ルールを作ってくれるし、それに応じた書き方するもんじゃないの? フレームワークだし。 bootstrap使いたくないやつは使わなくていいんじゃないの? 自前で用意した方がいいんであれば自前でやればいいじゃん。 と蒸し返し。 なんでbootstrapを使わない = 自前で用意するになるの? bootstrap以外の物を使えばいいじゃん。 俺はbootstrap以外のことは何も知らないというのなら はっきりそう言ってくれ。なんなら↓これコピペしてくれるだけでいいぞ。 「俺はbootstrapの事以外何も知らない何も知ろうとしない愚か者です。」 はい、どうぞ。 >>144 お前が「bootstrapと同じ効率で全てに対応できるよう自分で組む技術を持っている」と 豪語してる人じゃないの? その話を半分信じてみんな相手してくれてることになぜ気づかないの? やっぱり痛すぎるよ???????(w >>145 そんなことは言ってないがまず、 俺の質問に答えろよ。 なんでbootstrapを使わない = 自前で用意するになるの? 俺は言ってないが、 お前が言っていることは>>143 みればわかること。 Bootstrap信者は、これ見て勉強してください。 もうCSS設計で悩まない!「CSSコーディング ガイドライン」策定のための参考記事・スライド 7選 http://squeeze.jp/blog/web-development/css-guideline/ >>146 みなさん この言葉遊びしてる基地外に近づかないでください。 >>147 基本的に、デザイナー系の人は頓珍漢なことばっかり重要視するからよく読んでないけど、 >プロパティの記述順序 >アルファベットの順に記述する。 >ベンダープレフィックスは無視する。ただし、例えば-moz接頭辞は-webkitの前に来る、などの順序は保つこと。 アホかと思った。 >>149 そういうどうでも良いレベルでしか差別化出来ないんじゃない?w >>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も使ってないね 勉強になるな〜 input要素のサイズがグリッドカラムでしか指定できないのはさすがに嫌すぎなので 2にあったinput-*は自前で追加した >>152 Bootstrapを超えるものが既にあるのに なんでBootstrapを使うのって話じゃん。 >>156 sass(cssの拡張版)+compass(クロスブラウザフレームワーク、グリッドなどあり) 用意されたものを使えるのは当然の事、 さらに自分で拡張できる。 >>147 > 大規模サイトにおける本当は怖いCSSの話 26ページのオブジェクトタイプ・・・未使用ってのが 重要なところだね。 25ページより オブジェクトタイプ ・CSSファイルを触らずに開発できる ・コピペで開発できる デメリット ・CSS設計にスキルを要する ・CSS修正による影響予測が困難。 これ、Bootstrapのことだよね・・・ Bootstrapの問題点は簡単にいえば メンテナンス性が低いということ。 目的のものを作るに時間がかかる。 >>159 それはお前の脳みそがメンテナンスされてないから。 >>155 あれ見落としてたかなー Bootstrapを比較に持ち出してる記事なんてそのページのどこにあるんだろう? 出先でモックアップを作るのに良いサイトを探してるんですがお勧めはありませんか? 2.x/3.x切り替えとキーボードショートカットに対応してたら最高です https://jetstrap.com/ http://bootply.com/ http://www.layoutit.com/ この辺は見てみました 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ボタンを変更してくれなんて依頼がきてもわずかの修正で対応できる。 彼はBootstrapに家を流され家族を殺されたんだ しょうがないさ よほどbootstrapが憎いんだろうな。 bootstrapとそのユーザへの攻撃で自分を保ってる。 そしてなぜかbootstrapとは違う厚さのSCSSが最強であると喚く。 あんた完全にぶっ壊れてるよ。 >>163 >>105-107 まだこの気狂い居るのかw で、CSS/Sassスレでも立ててもらって、そっちでやればいいんじゃね? bootstrapをわざわざ攻撃しに来ることないでしょ。 だれもSassを否定していないのに、顔真っ赤でbootstrapを叩く理由がわからない。 Sassはちゃんと設計してCSSを書くテクニックってのは分かってるから、 それはそれで別のところでやってくれればいいと思うよ。 > だれもSassを否定していないのに、顔真っ赤でbootstrapを叩く理由がわからない。 bootstrapをディスりたいからだけど? 信者いる所でやらないと面白く無いっしょw Bootstrapのメリットは CSSを知らない人でも使えることだと思う。 >>170 それただの荒らしじゃない。 ついて出てくる理屈は薄っぺらいし、本当にbootstrapに家族殺されたんだね。同情するよ。 >>170 こんなフレームワークが開発中らしいよ。 属性を与える場所について講義してこなきゃ。 Semantic UI http://semantic-ui.com/ ×信者いる所でやらないと面白く無いっしょw ○信者いる場所でやらないと誰にも相手にしてもらえないんです(>_< >>174 Bootstrapの <button type="button" class="btn btn-primary btn-lg"> より、 <div class="ui large red labeled icon button"> の方が良い理由が分からん。 第一にこれボタンじゃないし。 >>177 できの悪い「Webサイトテンプレート」も似たようなのが多い。 h*やpなどの大部分が<div class="...">で表現されてたりする。 ボタンツクール ttp://www.thiagocanudo.com.br/bootsbutton/ >>177 ですよね。 やっぱり最善は <button type="button" class="ok-button"> みたいなものか ほら、みんなこのコード読んで、 なんのボタンかわかっちゃったでしょ? いい方法思いついた! SCSSでBootstrapのクラスをwrapすればいいんだ! これでみんな幸せ!! オレ、頭イイ!!! >>181 やっとそれがでたかw 上でヒントっぽいものはでていた気がするが。 でもそれは、classに値を入れていく方式は 間違っている(セマンティックではない)を 認めたことになるよ。 SCSSを使ってセマンティックに作っておけば、 後からBootstrapでないものに変えるのも楽なんだよね。 メンテナンス性とはこういうこと。 >>182 > やっとそれがでたかw > > 上でヒントっぽいものはでていた気がするが。 いやいや、さんざんSCSS,LESS使えって出てるじゃん。 > SCSSを使ってセマンティックに作っておけば、 セマンティック派としては、たとえばTwitterボタンが必要なとき、どうやるの? > 後からBootstrapでないものに変えるのも楽なんだよね。 > メンテナンス性とはこういうこと。 メンテナンス性ってそういうことだけじゃないよ。 例えば、 ・新しいブラウザが出たときにどこまで確認が必要か ・ブラウザの新しいバージョンが出たときにどこまで確認が必要か ・第三者がメンテナンスするときの学習容易性・変更容易性 ・テスト工数 etc. >>181 > SCSSでBootstrapのクラスをwrapすればいいんだ! > これでみんな幸せ!! そうかな。 OOP黎明期に派生が持ち上げられてたとき、それでみんな幸せになったかな? OOCSS + SCSSって見た目実装継承、実際はコピペだし。 完全に冗談で言ったのに、大真面目に取られてちょっとびっくりしている… >>186 だって既にあるしな。 それを知らんのはSCSSを知らんやつだけだろうなw 使いにくいBootstrap流のやり方をやめ SCSS流のやり方で、Bootstrapのデザインだけ かっぱらっていくw >>189 なんでこんなに気持悪い生き物が地球に居るんだろ。 クソみたいな親に育てられたんだろな。 SCSSでオレオレBootstrap wrapper作る俺かっこいい Bootstrap wrapperってほどのこともないな。 classにBootstrapのクラス名を打ち込む代わりに、 class=" セマンティックな名前” って書いて セマンティックな名前 { @extend Bootstrapのクラス名 } って書くだけで終わりだし。 ここの基地外が PHPフレームワーク総合 でもご迷惑をかけてるようで申し訳ありませんwwwwwwww あの奇行種早く駆逐してくれよw 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/ OOCSSとかいう単語考えた奴は絶対オブジェクト指向理解してないと思う Bootstrap Datetime Pickerを使って見てるんだけど、これのformatで曜日を表示するにはどうすればいい? $('#datetimepicker1').datetimepicker({ format: 'yyyy年MM月dd日 hh:mm', .... 現在のformatが上記で最終的な表示を 2013年10月27日(日)とかにしたい。 >>197 javascript date formatで検索すると%aが曜日らしいから、試すといいんじゃない? >>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 どの関数読めばいいのか分からん。 そして調べられない。 これを見ろ的なサイト or キーワード教えてくださいm(__)m >>201 オライリーの比較的最近の JavaScriptの本。 >>202 ちゃんと勉強しないとダメなのか。 サイの表紙のやつでOK? >>204 一冊開いてみたけど、やりたいこと実現するのに期日までに間に合いそうにないわ。まるで検討つかない。 諦めるわ。ありがとう。 ご愁傷さんw それが現実だ。 自分の限界を知れてよかったな。 IE7でbootstarapのサイト開いて見たらTOP以外ムチャクチャなんだが 対応やめたと言ってもここまで派手に崩れるもんなの? 一応サイトは見れる、ぐらいにもできない? >>207 IE8ならまだしもIE7に対応する道理なんて無いだろ? 捨てろ捨てろ。 完全に対応しなくて良いから、完全に無視もしないで欲しい あそこまで派手に崩れないようにだけして欲しい Bootstrapはよく知らないけどようはCSSでしょ? そもそもCSSってのは文書構造と見た目を分離するものなんだからさ、 まず、Bootstrapを使っているHTMLから 全てのCSSを取り除いても、文書自体はちゃんと見れるはずだよね。 その上で、Bootstrapの代わりに独自のCSSを 読みこめばいいだけじゃない? 昔はそうやってブラウザの機能やJavaScriptを使って 適用するスタイルシートを切り替えることで 同じページの見た目をがらっと変えるってことが 流行ったんだけどな。代替スタイルシートって機能。 >>213 > 全てのCSSを取り除いても、文書自体はちゃんと見れるはずだよね。 それを見れないなんて誰も言ってないよ。 「崩れてる」と言ってるだけで。 >>214 ちゃうちゃう 「崩れてる」のはHTMLにBootstrapのCSSをつけたのをIE7で見たときだろ HTMLにCSSをつけないで「崩れてる」ならHTMLの問題 IE7で崩れないようにしたければ自分ですればーってことだろな そうそう。単にクラスに 違うスタイルを割り当てればいいだけ。 そのためのCSSなんだしさ。 3からinput, textareaにform-controlクラスを付けないと装飾が付かなくなった件について 解決策ってまだない? いちいち手動で付けるのはアホらしすぎる、ぐぐったら同様の問題が海外に何件か挙がってるが解決策が見つからない >>219 Bootstrapなんか使うからじゃん。自業自得。 Bootstrapはデザインの変更で HTMLのclassを修正しまくる必要がある CSSの設計方針とは正反対のフレームワーク。 それでも使いたいならSASSと併用しなよ。 Bootstrapは使ったことないというか、使う気ないから具体的にどうやるかはしらんけど form-controlクラスをSASSで継承してinputやtextareaの 標準スタイルとして再定義してやれば、なにもつけずにデザイン適用されるんじゃねーの? Bootrapのグリッドシステムって960pxが最大値なんですが・・・ 大抵のモニターは960pxより大きいのでスペースが無駄になります 特定の部分(広告など)はレスポンスシブではなく、ウィンドウが小さいときは表示されなくてもいいみたいに することはできないのでしょうか? read.cgi ver 07.5.1 2024/04/28 Walang Kapalit ★ | Donguri System Team 5ちゃんねる