ツイート みなさまこんにちは！最近ヨーロッパ周遊旅行に行ってきたあやちです。 今日は、「みんなの床 Advent Calendar 2014」への参加記事として、今回の旅行で訪れたヨーロッパのさまざまな場所を、床で紹介してみたいと思います！ フランス モン・サン・ミッシェル 世界遺産に登録されているモン・サン・ミッシェル。 パリから西へ360km、サン・マロ湾に浮かぶ巡礼島です。満潮になると島全体が海に囲まれて、大きなお城が海にそびえ立っているように見えるとてもきれいな場所です！ 今回は昼間しか見ることができなかったのですが、夜はライトアップされてとても幻想的になるようです！ そんなモン・サン・ミッシェルの全体像…ではなく、床の写真がこちら。 スペイン サグラダ・ファミリア こちらも世界遺産に登録されている教会です。 1882年に着工してから未だ完成していないことで有名な、建築家アントニ・

pixivのCSSで使われるクラス名ルールを読んで、僕もここ最近 CSS のコンポーネント設計について似たようなことを考えていたので書いてみる。いまのところ試案で、実際のプロジェクトで実践したことはまだない。 ここでいう「コンポーネント」とは独立したスタイルのブロックの意味で、たとえばヘッダーのナビゲーションとか画像のスライダーとかブログ記事のボディとかを指す。このアプローチの狙いとしては前出の記事とほぼ同じで、これらコンポーネントの「ルート」を明確にし、コンポーネント名が衝突しないようにすること。また管理や共有を考え、特殊な命名規則や不自然なマークアップなどはなるべく避けたいというのもある。Sass などの CSS プリプロセッサーを使う前提だけど、なくてもある程度は使える。 まずマークアップでは、コンポーネントのルートとなる要素に、クラス名と同時に data-component という