タグ

ブックマーク / 5log.jp (2)

  • いまどきのCSS – OOCSSとかBEMとかSMACSSとか | 5 LOG

    OOCSSとかBEMとかSMACSSとか、深く考え過ぎずに、気楽にいいとこ取りして、プロジェクトに合った使い方をしましょうって話。 重要なのはルールを決めること。 命名ルールはBEMで(ただし厳密なBEMルールではなく、BEMっぽく) シングルクラスよりマルチクラスを採用 idセレクタはCSSでは使わない 命名ルールはBEMで BEMの命名ルールを取り入れる事で、CSSBlock単位で考える事が出来るので、積極的にとりいれる ただ、実際に書いてみるとわかるのだが、厳密なBEMのルールはめんどくさいし見た目が気持ち悪いので、ゆるくしたルールを決める。 Elementは「__」(アンダースコア2つ)、Modifierは「––」(ハイフン2つ)でつなぐ これが命名ルールの基Block、Element、Modifierを2つ以上の単語で表すときはキャメルケースをつかう その方がぱっと見わか

    いまどきのCSS – OOCSSとかBEMとかSMACSSとか | 5 LOG
  • これからのWebデザインはIllustrator派が増えてくるのでは? | 5 LOG

    個人的に、今はWebデザインはイラレでやります。Photoshopは画像の調整にしか使いません。 これからは、徐々にDesigning in the browserにシフトして、ワイヤー、ラフ、パーツ制作にイラレを使用していくつもりです。 ただ、まだまだデザインカンプの作成が必須となっていて、なかなかシフト出来ないのが現状です。 なぜIllustratorか? そもそもイラレの方がレイアウトが組みやすい。 これが一番の理由なんですが。。。 いや、これ以外にも、いろいろとあって、 以前は、とにかく画像画像だったパーツ(ナビゲーションとかボタンとか見出しとか)が、CSS3で表現出来るようになり、Webフォントやアイコンフォントが主流になってきて、画像で書き出すパーツが大幅に減った。 さらに、Retina等、解像度の違うディスプレイが登場して、今後も増えてくる事を考えるとSVGの使用も増えてくる

    これからのWebデザインはIllustrator派が増えてくるのでは? | 5 LOG
  • 1