もうBootstrap3使っても良いんじゃねぇ？
■ このスレッドは過去ログ倉庫に格納されています
0001nobodyさん
2013/08/21(水) NY:AN:NY.ANID:Qa7rnBrg0147nobodyさん
2013/09/13(金) 01:31:29.33ID:???もうCSS設計で悩まない！「CSSコーディング ガイドライン」策定のための参考記事・スライド 7選
http://squeeze.jp/blog/web-development/css-guideline/
0149nobodyさん
2013/09/13(金) 06:42:44.06ID:???基本的に、デザイナー系の人は頓珍漢なことばっかり重要視するからよく読んでないけど、
>プロパティの記述順序
>アルファベットの順に記述する。
>ベンダープレフィックスは無視する。ただし、例えば-moz接頭辞は-webkitの前に来る、などの順序は保つこと。
アホかと思った。
0150nobodyさん
2013/09/13(金) 08:25:10.87ID:PR3jVL4Jそういうどうでも良いレベルでしか差別化出来ないんじゃない?w
0152nobodyさん
2013/09/13(金) 08:28:18.94ID:???> コーディング規約を作ろう
規約大事だよね。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も使ってないね
勉強になるな〜
0154nobodyさん
2013/09/13(金) 13:07:01.65ID:???2にあったinput-*は自前で追加した
0156nobodyさん
2013/09/13(金) 21:58:18.44ID:???0157nobodyさん
2013/09/13(金) 22:24:05.57ID:???sass（cssの拡張版）＋compass（クロスブラウザフレームワーク、グリッドなどあり）
用意されたものを使えるのは当然の事、
さらに自分で拡張できる。
0158nobodyさん
2013/09/13(金) 22:27:23.15ID:???> 大規模サイトにおける本当は怖いCSSの話
26ページのオブジェクトタイプ・・・未使用ってのが
重要なところだね。
25ページより
オブジェクトタイプ
・CSSファイルを触らずに開発できる
・コピペで開発できる
デメリット
・CSS設計にスキルを要する
・CSS修正による影響予測が困難。
これ、Bootstrapのことだよね・・・
0159nobodyさん
2013/09/13(金) 22:31:02.19ID:???メンテナンス性が低いということ。
目的のものを作るに時間がかかる。
0161nobodyさん
2013/09/13(金) 23:51:14.42ID:???あれ見落としてたかなー
Bootstrapを比較に持ち出してる記事なんてそのページのどこにあるんだろう？
0162nobodyさん
2013/09/14(土) 00:23:36.86ID:???2.x/3.x切り替えとキーボードショートカットに対応してたら最高です
https://jetstrap.com/
http://bootply.com/
http://www.layoutit.com/
この辺は見てみました
0163nobodyさん
2013/09/14(土) 02:02:50.79ID:???>>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ボタンを変更してくれなんて依頼がきてもわずかの修正で対応できる。
0164nobodyさん
2013/09/14(土) 04:40:19.30ID:???0165nobodyさん
2013/09/14(土) 05:16:15.54ID:???しょうがないさ
0166nobodyさん
2013/09/14(土) 05:26:02.37ID:???bootstrapとそのユーザへの攻撃で自分を保ってる。
そしてなぜかbootstrapとは違う厚さのSCSSが最強であると喚く。
あんた完全にぶっ壊れてるよ。
0168nobodyさん
2013/09/14(土) 05:32:16.61ID:???bootstrapをわざわざ攻撃しに来ることないでしょ。
だれもSassを否定していないのに、顔真っ赤でbootstrapを叩く理由がわからない。
Sassはちゃんと設計してCSSを書くテクニックってのは分かってるから、
それはそれで別のところでやってくれればいいと思うよ。
0169nobodyさん
2013/09/14(土) 08:27:09.98ID:???お前に必要なのはこの文章
http://anond.hatelabo.jp/20130913224601
0170nobodyさん
2013/09/14(土) 15:26:39.78ID:???bootstrapをディスりたいからだけど？
信者いる所でやらないと面白く無いっしょｗ
0171nobodyさん
2013/09/14(土) 19:43:06.54ID:???CSSを知らない人でも使えることだと思う。
0172nobodyさん
2013/09/14(土) 19:44:47.64ID:???それただの荒らしじゃない。
ついて出てくる理屈は薄っぺらいし、本当にbootstrapに家族殺されたんだね。同情するよ。
0173nobodyさん
2013/09/14(土) 19:48:41.25ID:???0174nobodyさん
2013/09/15(日) 19:04:33.16ID:???こんなフレームワークが開発中らしいよ。
属性を与える場所について講義してこなきゃ。
Semantic UI
http://semantic-ui.com/
0175nobodyさん
2013/09/15(日) 22:23:46.87ID:???http://www.understandard.net/css/css016.html
0176nobodyさん
2013/09/16(月) 09:12:13.59ID:???○信者いる場所でやらないと誰にも相手にしてもらえないんです(>_<
0177nobodyさん
2013/09/17(火) 11:50:36.21ID:???Bootstrapの
<button type="button" class="btn btn-primary btn-lg">
より、
<div class="ui large red labeled icon button">
の方が良い理由が分からん。
第一にこれボタンじゃないし。
0178nobodyさん
2013/09/17(火) 15:10:29.39ID:???できの悪い「Webサイトテンプレート」も似たようなのが多い。
h*やpなどの大部分が<div class="...">で表現されてたりする。
0179nobodyさん
2013/09/17(火) 19:22:04.78ID:???ttp://www.thiagocanudo.com.br/bootsbutton/
0180nobodyさん
2013/09/18(水) 00:19:23.69ID:???ですよね。
やっぱり最善は
<button type="button" class="ok-button">
みたいなものか
ほら、みんなこのコード読んで、
なんのボタンかわかっちゃったでしょ？
0181nobodyさん
2013/09/18(水) 10:10:24.87ID:???SCSSでBootstrapのクラスをwrapすればいいんだ！
これでみんな幸せ！！
オレ、頭イイ！！！
0182nobodyさん
2013/09/19(木) 00:53:30.97ID:???やっとそれがでたかｗ
上でヒントっぽいものはでていた気がするが。
でもそれは、classに値を入れていく方式は
間違っている（セマンティックではない）を
認めたことになるよ。
SCSSを使ってセマンティックに作っておけば、
後からBootstrapでないものに変えるのも楽なんだよね。
メンテナンス性とはこういうこと。
0184nobodyさん
2013/09/19(木) 13:25:13.23ID:???> やっとそれがでたかｗ
>
> 上でヒントっぽいものはでていた気がするが。
いやいや、さんざんSCSS,LESS使えって出てるじゃん。
> SCSSを使ってセマンティックに作っておけば、
セマンティック派としては、たとえばTwitterボタンが必要なとき、どうやるの？
> 後からBootstrapでないものに変えるのも楽なんだよね。
> メンテナンス性とはこういうこと。
メンテナンス性ってそういうことだけじゃないよ。
例えば、
・新しいブラウザが出たときにどこまで確認が必要か
・ブラウザの新しいバージョンが出たときにどこまで確認が必要か
・第三者がメンテナンスするときの学習容易性・変更容易性
・テスト工数
etc.
0185nobodyさん
2013/09/19(木) 13:27:15.14ID:???> SCSSでBootstrapのクラスをwrapすればいいんだ！
> これでみんな幸せ！！
そうかな。
OOP黎明期に派生が持ち上げられてたとき、それでみんな幸せになったかな？
OOCSS + SCSSって見た目実装継承、実際はコピペだし。
0186181
2013/09/19(木) 17:54:45.45ID:???0187nobodyさん
2013/09/19(木) 21:50:21.06ID:???だって既にあるしな。
それを知らんのはSCSSを知らんやつだけだろうなｗ
使いにくいBootstrap流のやり方をやめ
SCSS流のやり方で、Bootstrapのデザインだけ
かっぱらっていくｗ
0188nobodyさん
2013/09/19(木) 22:45:47.76ID:???0189nobodyさん
2013/09/19(木) 23:32:05.62ID:???諦めな。
0191nobodyさん
2013/09/21(土) 02:10:00.56ID:???Bootstrap
http://kohada.2ch.net/test/read.cgi/php/1379623411/
0192nobodyさん
2013/09/25(水) 14:45:29.76ID:???0193nobodyさん
2013/09/26(木) 00:31:20.22ID:???classにBootstrapのクラス名を打ち込む代わりに、
class=" セマンティックな名前” って書いて
セマンティックな名前 {
@extend Bootstrapのクラス名
}
って書くだけで終わりだし。
0194nobodyさん
2013/09/26(木) 10:36:01.18ID:???あの奇行種早く駆逐してくれよｗ
0195nobodyさん
2013/09/26(木) 15:07:16.74ID:???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/
0196nobodyさん
2013/10/11(金) 10:19:21.84ID:???0197nobodyさん
2013/10/27(日) 03:00:08.04ID:???$('#datetimepicker1').datetimepicker({
format: 'yyyy年MM月dd日 hh:mm',
....
現在のformatが上記で最終的な表示を
2013年10月27日(日)とかにしたい。
0198nobodyさん
2013/10/27(日) 03:33:07.54ID:???javascript date formatで検索すると%aが曜日らしいから、試すといいんじゃない？
0199nobodyさん
2013/10/27(日) 18:17:19.87ID:???ありがとう。しかしだめだったぜ・・・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',
0200nobodyさん
2013/10/27(日) 18:26:47.46ID:???0201nobodyさん
2013/10/27(日) 18:40:29.57ID:???どの関数読めばいいのか分からん。
そして調べられない。
これを見ろ的なサイト or キーワード教えてくださいm(__)m
0204nobodyさん
2013/10/27(日) 19:01:00.44ID:???0205617
2013/10/27(日) 19:26:53.23ID:???一冊開いてみたけど、やりたいこと実現するのに期日までに間に合いそうにないわ。まるで検討つかない。
諦めるわ。ありがとう。
0206nobodyさん
2013/10/27(日) 20:41:16.02ID:???それが現実だ。
自分の限界を知れてよかったな。
0207nobodyさん
2013/11/23(土) 11:07:44.78ID:???対応やめたと言ってもここまで派手に崩れるもんなの？
一応サイトは見れる、ぐらいにもできない？
0208nobodyさん
2013/11/30(土) 21:03:15.67ID:Wvg4k4ebIE8ならまだしもIE7に対応する道理なんて無いだろ? 捨てろ捨てろ。
0209nobodyさん
2013/12/03(火) 07:37:17.88ID:52YJHXE/0210nobodyさん
2013/12/03(火) 11:27:55.74ID:???0211nobodyさん
2013/12/09(月) 23:41:21.21ID:tyP7ww7A0212nobodyさん
2013/12/10(火) 00:40:45.15ID:YSGW/qQBあそこまで派手に崩れないようにだけして欲しい
0213nobodyさん
2013/12/10(火) 01:13:06.78ID:???そもそもCSSってのは文書構造と見た目を分離するものなんだからさ、
まず、Bootstrapを使っているHTMLから
全てのCSSを取り除いても、文書自体はちゃんと見れるはずだよね。
その上で、Bootstrapの代わりに独自のCSSを
読みこめばいいだけじゃない？
昔はそうやってブラウザの機能やJavaScriptを使って
適用するスタイルシートを切り替えることで
同じページの見た目をがらっと変えるってことが
流行ったんだけどな。代替スタイルシートって機能。
0214nobodyさん
2013/12/10(火) 10:59:34.22ID:???> 全てのCSSを取り除いても、文書自体はちゃんと見れるはずだよね。
それを見れないなんて誰も言ってないよ。
「崩れてる」と言ってるだけで。
0215nobodyさん
2013/12/10(火) 11:42:14.85ID:???ちゃうちゃう
「崩れてる」のはHTMLにBootstrapのCSSをつけたのをIE7で見たときだろ
HTMLにCSSをつけないで「崩れてる」ならHTMLの問題
0216nobodyさん
2013/12/10(火) 11:42:53.91ID:???0217nobodyさん
2013/12/10(火) 23:18:24.00ID:???違うスタイルを割り当てればいいだけ。
そのためのCSSなんだしさ。
0218nobodyさん
2013/12/14(土) 11:43:06.70ID:38r1jVZghttp://rfi.a.la9.jp/sateweb/scurl/znsc.html
お世話になります。
私、責任者の加茂と申します。以後、宜しくお願い致します。
http://www.apamanshop.com/membersite/27009206/images/kamo.jpg
浪速建設様の見解と致しましては、メールによる対応に関しましては
受付しないということで、当初より返信を行っていないようで、今後につい
てもメールや書面での対応は致しかねるというお答えでした。
http://www.karilun-yao.com/room/24127
このように現在まで６通のメールを送られたとのことですが、結果一度も
返信がないとう状況になっています。
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
私どものほうでも現在までのメール履歴は随時削除を致しております
ので実際に１１通のメールを頂戴しているか不明なところであります。
http://www.apaman-yao.jp/store/
弊社としましても今後メールでのやり取りを差し控えたく、浪速建設様
と同行の上でお会いさせていただきたい所存です。
http://rfi.a.la9.jp/hn203/set/Avatar_set/Avatar_set.html
0219nobodyさん
2013/12/28(土) 20:01:05.35ID:C8ZVWZW7解決策ってまだない？
いちいち手動で付けるのはアホらしすぎる、ぐぐったら同様の問題が海外に何件か挙がってるが解決策が見つからない
0220nobodyさん
2013/12/28(土) 20:36:16.45ID:???Bootstrapなんか使うからじゃん。自業自得。
Bootstrapはデザインの変更で
HTMLのclassを修正しまくる必要がある
CSSの設計方針とは正反対のフレームワーク。
それでも使いたいならSASSと併用しなよ。
Bootstrapは使ったことないというか、使う気ないから具体的にどうやるかはしらんけど
form-controlクラスをSASSで継承してinputやtextareaの
標準スタイルとして再定義してやれば、なにもつけずにデザイン適用されるんじゃねーの？
0221nobodyさん
2013/12/28(土) 22:17:28.48ID:???0223nobodyさん
2013/12/31(火) 12:27:52.05ID:???0224nobodyさん
2014/02/16(日) 20:11:49.76ID:Bo7kUdI7大抵のモニターは960pxより大きいのでスペースが無駄になります
特定の部分(広告など)はレスポンスシブではなく、ウィンドウが小さいときは表示されなくてもいいみたいに
することはできないのでしょうか?
0225nobodyさん
2014/02/17(月) 03:07:23.19ID:???.hidden-sm
.hidden-md
0226nobodyさん
2014/02/17(月) 15:05:53.06ID:zRgSxE6S0228nobodyさん
2014/03/01(土) 17:26:35.71ID:???http://toro.2ch.net/test/read.cgi/tech/1393660194/14
0230nobodyさん
2014/03/06(木) 10:03:35.92ID:???0231nobodyさん
2014/03/06(木) 21:12:25.88ID:???オフィシャルサイトを見なさい。
■ このスレッドは過去ログ倉庫に格納されています