デザインが優れたサイトは多くありますが、ソースを見るとがっかりする事が多々あります。そこで皆さんが「このサイトのソースは参考になる」と思われる、優れたコーディングをしているサイトを教えて下さい。
動けばえーねん
誰かひとつサイト提示しろや。晒されて炎上するかもしれんけどな
BEMのお勉強する時に参考にしてる。あと上野樹里が好きだから。
こうやって見ると、BEMの書き方って気持ち悪いな。なんか無駄が多く見える。
同意。慣れたらすごい便利なんだろうけどね…
BEMだけは完全無視してる。他の方法で十分
BEMは参考になるかもしれんが、優れたコーディングとは言えんな。パッと見ただけでも、HTML5あんまりわかってないコーディングだし。ところで、画像のファイル名もBEMっぽくしてるのは理由があるんだろうか。
じゃあ↑が見て優れていると思うサイト教えてよ
優れているサイト探すのが面倒だから、上記のサイトのコーディングで突っ込みどころを指摘するわ。
コーディングの事かと思えば一部のMETAタグにツッコむとか・・・そんな細かい部分までドヤってツッコむ奴はじめて見たわ。
うーん。BEMの参考にしかならないサイトかな。どちらかと言えばバッドノウハウが詰め込まれてる。
pPta9RCYJEsoいや、コーディングのことだろｗ教えてくれっつーから、わざわざ挙げてるのにこの程度で細かいとか言われちゃ何も書けないじゃん。.ちなみに一番言いたいのはmetaタグ前の2つな。そこさえクリアしてれば、大した指摘もされないと思うよ。
いいや、単なる揚げ足取りにしか見えない。そのmetaタグがあってもなくても業務やサイト運営に支障が起きるとは思えん。問題が起きた具体的な事例出せないだろ？.例えば「製品が増えてカテゴリ分けした時、BEMのこの書き方だとクラス名が冗長化してソースが見づらくなり、ミスの誘発に繋がる」とか「divばっか使ってHTML5の意味が無い。せめてsection使って分けろ」とかだったら分かるが、どこが違うか何がどう影響するのか具体的に書かずに揚げ足取って知った気になってドヤしてるだけじゃん。
ゴールが違うから、たぶんその論争に終わりは来ないよ。ベストを目指しているのか、ベターを提案しているのか、問題が発生しない最低限のレベルを目指しているのか、そこが両者間でずれてるんだよ。個人的には、「問題が発生していない」→「正解」っていう考え方は、笑わせんなって思うけどな。
pPta9RCYJEso揚げ足取りだと思ってるのに、具体的な事例挙げれば納得するの？たとえば、例としてあげてるこれだって>「divばっか使ってHTML5の意味が無い。せめてsection使って分けろ」HTML5なのにアウトライン意識して作ってないって書いてるじゃん。あとはHTMLのエラーで意図したレンダリングにならなかったり、JS等の挙動がおかしくなるケースはけっこうあるから、説明するまでもないだろうし。metaだってHTML5になって非推奨とされてるモノを入れてるわけだから、確実に問題が起きないという保証はないよ。.前のコメントの人の言葉を借りるなら、自分は「優れたコーディング＝非の打ち所がないベストな状態」だと認識してるから、やっぱり認識がズレてるんだと思うね。
後出しならなんだって言えるな。人に突っ込まれて「真意はこうだった」って言えば世話ない。そんなんでよく他人が作ったサイトを批判するな。iYJI1f5Mlz12もそうだけど、「笑わせんな」って言いつつ、”なぜいけないのか”を書いてないし。ただ他人のコメントに批判してるだけ。具体的に書かない理由は面倒なんかじゃなくて、知らないから。よしんば知ってたとしても意見を出さないのは批判の矛先が自分に向けられるのが嫌だから。要は卑怯なんだよな、この手の批判しかできない奴って。.そもそも「おすすめのサイト教えて」のトピで他人が挙げたサイト批判して自分は出さないほど愚かな事はないな。
なんかいろいろ書かれましたね。勢いで書いたんですかね。でも、残念ながら、あなたが書かれたことは全部ご自身のことでもあるんですよ。.>具体的に書かない理由は面倒なんかじゃなくて、知らないから。なぜ、私が知らないことをあなたは知ってるのでしょうか。すごく謎です。あなた流に言うならば、私が知らない理由をなぜ書かないのでしょうか。更にあなた流にまとめるならば、あなたはその理由を知らないから書けないんですよね? オウム返しをされた心境はいかがですか? あなたは大した意味もなく勢いだけで同じ言葉を人に向けてるんですよ。.>そもそも「おすすめのサイト教えて」のトピで他人が挙げたサイト批判して自分は出さないほど愚かな事はないな。トピの趣旨に反して人を批判している点で、あなたはまったく同じ穴のムジナです。そんな人が何を批判できるんだろうか。繰り返しますが、あなたが批判しているのは、全部ご自身のことじゃないですか。愚かです。実に愚か。私と同じくらい。
醜い議論が起きてるし、評価の仕方も多岐に渡るから、そんなサイトは存在しないでOK？
pPta9RCYJEso最初から同じこと指摘してんだし、真意もクソもないよ。あとはこれを批判と捉えるか、改善点だと捉えるかだよね。後者として捉えたほうが、見識を広める意味でもいいと思う。.コーディングを総合的に評価するにはCSS設計も評価しないといけないし、それにはディレクトリ構造やサイトの規模だって把握しなきゃならない。これを何サイトも検証してたら、普通に面倒じゃないか？個人的にCSS設計にコレという正解はないと捉えてるから（OOCSS、BEM、SMACSSとか色々あるけど、どれが優れてるとか一概には言えない。）、他の人から見ても分かりやすいHTMLに限定して答えてるだけ。
CSS勉強したてのころ、erosite.comだったかそんな名前のサイトがソース綺麗すぎて参考にしてた。案外アダルト系は技術レベルが高い。DMMとか見てみては。あ、もちろん一般の方を。
お金かけてるからなー。
自動生成のソース見ればええよ
有名なレスポンシブサイトだけどここ。いつか真似しようと想います。
ここ参考になるよwww.xanthir.com
みんなの回答 6 件
動けばえーねん
BEMのお勉強する時に参考にしてる。あと上野樹里が好きだから。
SHEEN - CASIO
http://sheen.jp/CSS勉強したてのころ、erosite.comだったかそんな名前のサイトがソース綺麗すぎて参考にしてた。
案外アダルト系は技術レベルが高い。DMMとか見てみては。
あ、もちろん一般の方を。
自動生成のソース見ればええよ
有名なレスポンシブサイトだけどここ。いつか真似しようと想います。
NHKスタジオパーク
http://www.nhk.or.jp/studiopark/ここ参考になるよ
www.xanthir.com
関連するトピックス