Sassってなに？だった私がSassの使い方を解説してみた｜dwango creators' blog（ドワンゴクリエイターズブログ）
こんにちは。 新卒デザイナーのshikaです。 入社から早くも3か月が経ちました。仕事をする上で「高いクオリティ」と「限られた時間」との両立がどれほど大変かということを、強く実感しています。学生の時は時間に余裕もあり、ポートフォリオを作る時も自由に時間を使えました。Webページの制作にもCSSを生のまま書いていたのですが、コーディング作業の効率化をしようと思い、以前から気になっていたSassに手を出してみました。 その結果、ある程度使えるようになったので、Sassの導入方法や初歩的な部分を解説してみようと思います。 Sassって？ Sassとは、「Syntactically Awesome StyleSheet」の略です。直訳すると構文的に、凄い、スタイルシート…？ とりあえず、いろいろ便利になったCSSというイメージで大丈夫だと思います！ Sassは2種類の構文で構成されたスクリプト言語
SassとSASSとSCSSの違いについて - ポップインサイト
上記と同じくSCSS記法やSCSSファイルと書かれていることが多く、Sassの2つの記法のうちのよく使われている記法です。 それでは実際にSASSとSCSSの違いをみていきましょう。 Sassの２つの記法 Sassのファイルの拡張子には、.sassと.scssがあります。実は、Sassには2つの記法があり、Sassの中でもそれぞれCSSの書き方が違います。 最初に作られたのがSASS記法（.sass）で、後に作られたのがSCSS記法（.scss）になり、一般的にSCSS記法の方が広く普及しています。 SASS記法 div margin: 0 auto p padding: 20px span font-color: red; SASS記法はセレクタやクラスの後に{ }を使わず、また値の後の;を省略します。インデントを主とした簡素な記法です。 SCSS記法 div { margin: 0
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
