タグ

scssに関するdrunkmottyのブックマーク (4)

  • 脱初心者!Sass記法の入門 | Web Design Trends

    Sassというキーワードは知っていても、まだSassを使ってCSSを記述できていない方も多いのではないでしょうか。Sassは一昔前にブームが来て、今はあまりホットではないと思っている人が多いかもしれませんが、Web制作会社のほとんどがSassを使ってスタイルの記述を行っています。 一度導入して使い方を覚えてしまえば、もうCSSでの記述に戻れないくらい作業効率が改善されます。そこで、今回はSassをまだ導入していない人に向けて、Sassの概要、導入方法、メリット、特徴的な機能についてご紹介していきたいと思います。 Sassとは Sassとは、「Syntactically Awesome Stylesheets」の略称で、「構造的にイケてるスタイルシート」と意味です。その名の通り、SassはCSSをより構造的に整理して記述することができる、CSSの「メタ言語」です。 CSSの文法はとてもシンプ

    脱初心者!Sass記法の入門 | Web Design Trends
  • すぐに使えるSCSS入門 | DevelopersIO

    この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。 Sass/Compass知ってるいるし がっつり使ってるよという方どれぐらいいますか? 日のお題目 そんな方にはちょっと物足りないかもしれませんが、 今回は大きく分けてこの5つについて紹介します。 SCSS/Compassを利用するための環境 Sass・SCSS 設定ファイル Compass SCSS/Compassの応用 1,Sass/SCSSって? 1.1,Sassとは 簡単に言うと、 CSS3になってさらに覚えることの増えた CSSコーディングの手間を省くいてCSSを楽しくするツール。 Sass makes CSS fun again. SassはCSSをもう一度楽しくするCSSにコンパイルするためのメタ言語です。 1.2,SassとSCSSって? ちなみにSassには2つの構文があり

  • Sass(SCSS)の基本機能|メリット・デメリットも紹介! | Bigmac inc

    仕事HTMLコーディングする人の約7割が、Sass(SCSS)を使用しているという調査結果があるように、コーディングする上でSass(SCSS)は欠かせない便利なものとなってきています。今回はSass(SCSS)の基情報からメリット・デメリットもふまえて紹介していこうと思います。 Sassとは? まず、Sassを使ったことがない方に向けて、簡単にSassの使い方を説明します。Sassとは「Syntactically Awesome Stylesheets」の略で、訳すると「構造的にとても凄い(最高な・素晴らしい)スタイルシート」という意味になります。 SassにはSASS記法・SCSS記法という2種類の記法があり、元々はSASS記法が採用されていましたが、CSSとの互換性に乏しいなどの理由から、CSSとの互換性を高めたSCSS記法が作られました。SCSSCSSと記法が近いため、CSS

    Sass(SCSS)の基本機能|メリット・デメリットも紹介! | Bigmac inc
  • Sass? Scss?! Less!? CSSと何が違うの? ・・まとめてみた。 - sparkle

    最近、Sass・Scss・Lessなどの言葉が飛び交っています・・・すべて、CSS関連用語ですが、あなたはわかっていますか?わたしはわかっていませんでした(笑)。ということで、調べてまとめてみました。 それぞれの違い Sass Sassとは「Syntactically Awesome Style Sheets(構文的に素晴らしいスタイルシート)」の略。世界で最も成熟し安定した、かつ強力なプロ級のCSSの拡張したメタ言語なのだそうだ。CSSのすべてのバージョンと完全に互換性があり、シームレスに利用可能な任意のCSSライブラリも豊富。コーディングを一番簡略化できる。記法はSASS記法を用い、拡張子は.sass。 Scss Scssとは「Sassy CSS(生意気なCSS??)」の略 。上記のSassの機能をCSS3(Media Queries等含む)文法と互換性がある形で再実装したもの。CSS

    Sass? Scss?! Less!? CSSと何が違うの? ・・まとめてみた。 - sparkle
  • 1