CSSのベストプラクティスを効率よく実現するために Sass&Compass徹底入門(ウィン・ニーザーランド ネイサン・ワイゼンバウム クリス・エプスタイン ブランドン・マティス)|翔泳社の本
  1. ホーム >
  2. 書籍 >
  3. CSSのベストプラクティスを効率よく実現するために Sass&Compass徹底入門

CSSのベストプラクティスを効率よく実現するために Sass&Compass徹底入門





形式:
書籍
発売日:
ISBN:
9784798132440
定価:
3,278(本体2,980円+税10%)
仕様:
B5変・272ページ
カテゴリ:
Webプログラミング
キーワード:
#Web・アプリ開発,#プログラミング,#ネットワーク・サーバ・セキュリティ,#開発手法
紙の書籍

SassとCompassの開発メンバー自身が解説

Sassは、CSSメタ言語の標準で、コーディングの効率化やプロジェクト型の開発に役立つことから、開発者やフロントエンジニアと呼ばれる人々の関心を集めています。Compassは、CSSのベストプラクティスを可能にする定番のオーサリングフレームワークです。ベンダープレフィックスを自動で追加してくれる機能など、便利な拡張機能がたくさんセットされています。

本書は、SassとCompassの基本と活用テクニックを、SassとCompassの開発メンバー自身が解説する、信頼度ナンバー1のガイドブックです。「フレームワークで効率を上げたいWebデザイナー」から「CSSのスキルアップを目指すフロントエンジニア」また「ときどきCSSも書くようなエンジニア」や「プロジェクト型の開発者」まで、CSSコーディングに関わるあらゆる人にお勧めです。

*本書解説用のサンプルは翔泳社の専用サイトからダウンロードできます。
*監修者による特典として「現場で陥りやすい落とし穴」が入っています。

INTRODUCTION 序章

i-1 SassとCompassのインストール
i-2 Compass入門
i-3 Gruntからの利用
i-4 GUIアプリからの利用

PART-1 SassとCompassの紹介

CHAPTER 1 スタイルシートを楽しくするSassとCompass
1-1 Sass入門
1-2 Sassの基本:スタイルシートの繰り返しの回避
1-3 Compassの概要
1-4 Compassプロジェクトの作成
1-5 Compassを使った、CSSに関するよくある問題の解決

CHAPTER 2 基本的なSass構文
2-1 変数の利用
2-2 CSSルールのネスト化
2-3 Sassファイルのインポート
2-4 サイレントコメント
2-5 ミックスインの紹介
2-6 セレクタの継承を使用したCSSの削減

PART-2  SassとCompassの実践

CHAPTER 3 数式を使用しないCSSグリッド
3-1 グリッドの概要
3-2 グリッド入門
3-3 Blueprintの使用
3-4 960 Grid Systemの使用
3-5 Compassにおけるバーティカルリズム

CHAPTER 4 Compassを使用した退屈な作業の簡略化
4-1 ターゲットリセットを使って白紙状態にするメリット
4-2 タイポグラフィのためのユーティリティ
4-3 レイアウトヘルパー

CHAPTER 5 Compassを使ってCSS3を作成する
5-1 CSS3の概要
5-2 Compassを活用したCSS3の使用
5-3 CSS PIEを使ったInternet Explorerへの対応

PART-3  本番のための調整

CHAPTER 6 スプライト
6-1 CSSスプライトの機能
6-2 スプライトが必要な理由
6-3 Compassを使用したスプライト
6-4 Compassスプライトの設定
6-5 スプライトヘルパーの利用

CHAPTER 7 プロトタイプから本番環境への移行
7-1 URLの抽象化
7-2 SassとCompassを使用したプロトタイピング
7-3 本番環境へのデプロイ

CHAPTER 8 ハイパフォーマンススタイルシート
8-1 クライアント側のパフォーマンス測定
8-2 サーバー側の@importによるHTTPリクエストの回避
8-3 圧縮による転送時間の短縮
8-4 アセットホストによるページ読み込みの高速化
8-5 インラインデータURI
8-6 セレクタのパフォーマンス

PART-4  SassとCompassの高度な機能

CHAPTER 9 Sassを使用したスクリプティング
9-1 式の利用
9-2 データ型
9-3 関数
9-4 セレクタとプロパティ名における式の使用
9-5 制御ディレクティブ

CHAPTER 10 Compassの拡張機能の作成と共有
10-1 スタイルシートの共有と再利用
10-2 シンプルな拡張機能
10-3 拡張機能のデモプロジェクトの作成
10-4 高度な拡張機能の作成
10-5 テンプレートの作成
10-6 拡張機能の配布

APPENDIX 付録

a-1 インデントSass対SCSS
a-2 現場で陥りやすい落とし穴

付属データはこちら

お問い合わせ

内容についてのお問い合わせは、正誤表、追加情報をご確認後に、お送りいただくようお願いいたします。

正誤表、追加情報に掲載されていない書籍内容へのお問い合わせや
その他書籍に関するお問い合わせは、書籍のお問い合わせフォームからお送りください。

利用許諾に関するお問い合わせ

本書の書影(表紙画像)をご利用になりたい場合は書影許諾申請フォームから申請をお願いいたします。
書影(表紙画像)以外のご利用については、こちらからお問い合わせください。

追加情報はありません。
この商品の「よくある質問」はありません。
正誤表の登録はありません。

感想・レビュー

ちゃーりー さん

2015-09-06

sass sassしてきた

ryonext さん

2015-01-07

自分で1からsassはまだまだ書けないけど現状把握に凄い役立った。