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

翔泳社(出版社) , Wynn Netherland(著) , Nathan Weizenbaum(著) , Chris Eppstein(著) , Brandon Mathis(著)

商品番号
132440
販売状態
発売中
納品形態
宅配便にてお届け
発売日
2014年03月17日
ISBN
9784798132440
判型
B5変
ページ数
272
キーワード
CSS  web制作  Sass

販売価格:¥3,278(税込)

ポイント:298pt (10%)
詳細はこちら

送料無料 在庫あり

ほしい物リストに追加

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 現場で陥りやすい落とし穴

各種問い合わせは以下のリンクからご連絡ください

関連商品

入門Node.jsプログラミング

販売価格:3,740円(税込)

2019.09.25発売

入門Node.jsプログラミング【PDF版】

販売価格:3,740円(税込)

2019.09.25発売

おすすめ特集

今月のクーポン

翔泳社の通販SEshopなら全品送料無料、ポイント還元、さらに毎月更新の割引クーポンでお得!

アジャイル・スクラム関連本特集

アジャイル・スクラム入門書からプロフェッショナル向け開発書、チームマネジメント論まで。

Python特集

【今からはじめるPython特集】おすすめ本を入門~上級までレベル別にご紹介!

ビジネススキルの本

ビジネスマナー、仕事術を身に付けるならこの一冊!おすすめビジネススキルの本。

アルゴリズムと数学の本

プログラマ脳を鍛える!エンジニアが読むべきアルゴリズムと数学の本特集。

マネー本特集

お金と経済の基礎知識から、資産形成・投資術、お金教育や介護まで。暮らしに役立つマネー本特集。

特集をもっと見る