タグ

CSSとsassに関するoreskboysのブックマーク (2)

  • Sassを極める!デザイナーがすぐ実践できる基本テクニック12連発 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 前回、これからSassを始めたい人へ!導入手順をまとめてみた(Dreamweaver対応)というSassの基礎に関する記事を書かせていただきました。 そこで今回は、もう一歩つっこんでもっと使いこなせるようになろう!という趣旨のもと、ちょっと使えるようになったからっていい気になっている僕がSassのテクニックやら関数をまとめてご紹介いたします! たくさんある機能の中から、今回は比較的簡単で実用性の高いものをチョイスしました。 目指せSassマスター!WEBデザイナーもコーダーもすぐに実践したくなるSassの基テクニック12連発もくじ もくじ テクニック1 アンパサンド(&) テクニック2 演算 テクニック3 round() テクニック4 rgba() テクニック5 コメントアウト テクニック6 変数 テ

    Sassを極める!デザイナーがすぐ実践できる基本テクニック12連発 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • SMACSSにBEMを取り入れたクラス名の命名規則 | SONICMOOV LAB

    はじめに みなさまこんにちは!おはようございます! マークアップエンジニアのうさこでございます! またお前か・・・という声が聞こえてきそうですね・・・?花粉なんて爆発してしまえばいいと思っている今日この頃でございます。 さて・・・今回はコーディングをする際にきっと頭を抱える方も多いのでは・・・ クラス名の命名規則についてです!! クラス名の命名・・・地味で単純な作業ですが、悩み始めると止まらず時間のロスに繋がっているのは紛れも無い事実なのです。。 目次 考え方 基形 Prefix Block Element Modifier 注意点 さいごに 参考URL 考え方 目標はやはりこの4つとなります! 予測しやすい 再利用しやすい 保守しやすい 拡張しやすい なぜ SMACSS と BEM なのか BEMBlock や Element の考え方は素敵すぎるのですが、クラス名がものすごく冗

    SMACSSにBEMを取り入れたクラス名の命名規則 | SONICMOOV LAB
  • 1