Sassとは？〜今からでも遅くない！基礎から学ぶSass入門｜ferret [フェレット]
これまで、 CSS はそのままstyle.cssのようなファイルに直接スタイルを書いていく方法が主流でした。 しかし、Webサイトが巨大化したり、より高度で細部にまで渡ってスタイルを決めていく場合、 ファイルサイズ が大きくなり、どうしても保守性に欠けてしまいます。 そこで登場したのが、プリプロセッサーであるSassやLESS、Stylusといったメタ言語です。 こうした言語を使うことで、 CSS をよりプログラミングに近い形で扱うことができるようになります。 今回は、その中でもSassに焦点を当てて、初心者でも理解しやすいように「入門」としてまとめました。 基本的な使い方を中心に扱っているので他にも便利な使い方はありますが、まずはこれらを押さえておけば、Sassを使い始めることができます。 CSS の勉強をワンランクアップさせたいWebデザインを勉強中の方は、ぜひチェックしてみてください
![Sassとは？〜今からでも遅くない！基礎から学ぶSass入門｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/57649414616d9d837d055520bc48249d31a67482/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fimages%2F58b7aee7781b8758c8000328%2Flarge.png%3F1488432867)
Sass、そしてSassy CSS (SCSS)
CSSを拡張したメタ言語であるSass、そしてその別文法として定義されたSCSSについて、960.gsなどのCSSフレームワークと絡めて、Sass (主にSCSS)の良さを解説する。 CSSフレームワーク Sass Sassy CSS aka SCSS SCSSでCSSフレームワーク 2カラムレイアウトの作成 clearfixやReset CSSの組み込み カラム幅の変更 カラムの入れ替え SCSSで完結することの意義 まとめ 最後に CSSフレームワーク 960.gsやBlueprint、BlueTripなどCSSフレームワークと呼ばれるものは色々ある。フレームワークと名乗るだけのことはあって、それらの生産性はとても高い。テンプレートで適切にクラス名やIDを埋め込むだけなので、複雑怪奇なCSSコーディングを意識することなく誰でも簡潔にきれいなカラム・レイアウトを作成できる。 HTML 4
howtohp.com - howtohp リソースおよび情報
This domain is registered at NameSilo. If you are the owner, start administering it at NameSilo.com. If this is not your domain, find similar names that work for you. This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
