CSSのクラス名なにつけるよって話
CSSのクラス名とかどんなんつけよう・・・
よく見るパターンとしては、以下のパターン。
- 要素の意味
- 見た目
見た目でつけるのはNG。「要素の意味」でつけるべきだと思う。
見た目で命名した例
<p class="text-red">エラーが発生しました</p>
上記例でいうと、文字色を青に変えたい場合にclass名自体を変更する必要がでてきたり、
赤字＋太字にしたい場合に新たなclassを追加で付与したりする必要があるなどダサイことこのうえない。
要素の意味で命名した例
<p class="error-message">エラーが発生しました</p>
追伸：
googleのスタイルガイドにもかいてあったよ
https://google.github.io/styleguide/htmlcssguide.xml#ID_and_Class_Naming
丸天 魚河岸店
情報
- 店名:魚河岸 丸天 魚河岸店
- 場所:〒410-0845 静岡県沼津市千本港町１１４−１
- WEBサイト:静岡沼津港の鮮魚料理！ 魚河岸丸天
所感
とある晴れた日の１４時半頃、沼津港にて腹ぺこだった我々は見つけてしまった。
とてつもなくどでかいかき揚げをだす「丸天」を。
2人で頼んだのは以下3点。
- 海鮮かき揚げ
- 丸天丼
- わいわい丼
かき揚げは画像の通り半端無く縦に長く、横にしてから崩しながら食べたほうがよいと店員さんにアドバイスをもらったが、横にした時点でかき揚げの上の部分が崩壊してしまい涙目。
しかし味はうまし。
丸天丼はまぐろやサーモンなどの刺し身4種ほどとえび、生しらすに桜えび等たくさんの具材と
ご飯のボリュームも多く大満足。
食べ過ぎてその日は夜飯が食べれなかった。
夜はタイ料理が食べたかったのに。
たまに東京の築地市場で海鮮丼を食べるが、築地の同価格帯海鮮丼より味・量ともに完全に上をいっていた・・・。
また行きたいですね。
