新書推薦：
《
女子运动术（维持肌肉是更高级的抗衰！变瘦的同时有效增肌，成为更好的自己！）
》
售價：NT$
325.0
《
你有多敏感，就有多珍贵
》
售價：NT$
330.0
《
独立战争与世界重启：一部新的十八世纪晚期全球史（方尖碑书系）
》
售價：NT$
661.0
《
中国绘画史（第三卷）
》
售價：NT$
1669.0
《
德兰修女传：在爱中行走（世界名人名传典藏系列）
》
售價：NT$
280.0
《
抗癌饮食指导
》
售價：NT$
442.0
《
编织大花园.7，趣味十足的时尚编织
》
售價：NT$
386.0
《
游戏三部曲：游戏改变未来+游戏改变世界+游戏改变人生（套装共3册）
》
售價：NT$
1622.0
|
| 編輯推薦： |
PostCSS是一种工具，一款已成长为像Sass和LESS一样主流的处理器，这一切都归功于它的强大、速度和易用性。《深入PostCSS Web设计》是使用PostCSS的完全指南，《深入PostCSS Web设计》将指导你如何编写优秀的样式，并将其运用到Web页面，同时让你的样式保持可维护性。这《深入PostCSS Web设计》将向你展示如何利用PostCSS简化样式表的整个过程。它涵盖了给Web页面添加动态的、现代的样式特性的各种技术。随着内容的深入，你将学习如何使用PostCSS来让CSS更具模块化的特性、更易于维护。读完《深入PostCSS Web设计》，你将掌握如何给Web添加CSS样式表，以及如何创建高执行，可维护的样式表。
◎添加支持PostCSS的混合宏、变量以及条件支持。
◎探索代码嵌套的不同方式，如BEM和PostCSS的嵌套。
◎使用PostCSS优化媒体查询，获得*性能。
◎使用PostCSS处理器给元素，如图像、字体、网格、SVG和高清图像添加样式。
◎熟悉使用插件和使用PostCSS API扩展插件。
◎定制自己的处理器并在不同的网站上测试，比如W
|
| 內容簡介： |
|
PostCSS是目前CSS处理器中*流行的一个处理器。PostCSS依托其强大的插件生态系统，为CSS处理器增加了无穷的可能性。本书共十四章内容，包括介绍PostCSS，创建变量和混合宏，嵌套规则，创建媒体查询，管理颜色、图片和字体，创建网格，动画元素，PostCSS插件开发，简写型插件、降级插件和包型插件，定制处理器，管理自定义语法，混合处理器，排除、解决PostCSS的相关问题，为未来做准备。以上内容将带你深入了解PostCSS以及如何使用PostCSS。如果你还没有准备好去了解PostCSS能做什么，那么，请跟着这本书的步骤进行系统而深入的学习，你将进入到CSS的全新世界。
|
| 關於作者： |
作者简介
Alex Libby 从事IT 支持工作，有近20年的多领域终端用户支持经验，目前在英国的一家全球经销商担任 MVT 测试开发者。虽然 Alex 的日常工作是和各种技术打交道，但他最关注的还是开源社区的动向，尤其是 CSSCSS3、jQuery 和 HTML5 等技术。到目前为止，Alex 已经通过 Packt 出版了10本技术书籍并参与了多本书籍的审校工作，涉及 jQuery、HTML5 视频、Sass 和 CSS 等技术，《深入PostCSS Web设计》是 Alex 通过 Packt 出版的第11本书。
译者简介
廖伟华，常用昵称大漠，W3CPlus创始人，目前就职于淘宝。对HTML5、CSS和CSS处理器等前端脚本语言有非常深入的认识和丰富的实践经验，专注于CSS、CSS处理器和Web Animation技术的研究，是国内最早研究和使用CSS3和CSS处理器技术的一批人。CSS3、Sass和Drupal的中国布道者。2014年出版著作《图解CSS3：核心技术与案例实战》。
|
| 目錄：
|
1 PostCSS简介1
编译之美2
PostCSS介绍2
★PostCSS的优势3
★PostCSS的陷阱4
★消除误解5
★准备工作5
搭建开发环境6
★安装 PostCSS8
★使用PostCSS创建一个简单的示例10
★添加 Source Map 功能11
★压缩样式13
★自动化编译15
代码审查16
★PostCSS工作机制20
★从 Sass 迁移到 PostCSS21
小结22
2 创建变量和混合宏23
变量和混合宏简介23
★设置Sass24
创建悬停效果示例27
★使用 LESS编辑CSS29
过渡到PostCSS29
添加PostCSS变量支持29
更新悬停效果示例30
★进一步思考33
设置插件顺序35
使用PostCSS创建混合宏36
更新我们的悬浮效果示例37
★PostCSS与标准处理器的比较39
使用PostCSS循环内容41
★使用@each语句进行遍历43
★切换到使用PostCSS46
小结47
3 嵌套规则49
嵌套简介49
页面导航51
★示例的准备工作52
★从现有处理器进行转换52
使用PostCSS插件进行过渡53
★将示例转换成PostCSS生产模式54
★代码编译56
探索嵌套陷阱57
★采取更好的方式60
★重新审视我们的代码63
★更新代码64
切换到BEM65
★创建一个简单的消息盒67
★编译并修正代码70
★安装 BEM支持70
探索更多变化的细节74
★修复错误75
小结77
4 创建媒体查询78
重温媒体查询78
探索PostCSS自定义媒体查询79
★从普通CSS开始81
★使用PostCSS修改案例82
创建响应式图片84
★使用PostCSS创建响应式图片85
★响应式图片的实现85
★添加高清图片88
★后续步骤89
★探索媒体查询的其他可能性92
添加响应式文本支持93
优化媒体查询96
改造对老版本浏览器的支持97
远离响应式设计98
探索CSS4的媒体查询功能99
小结100
5 管理颜色、图片和字体101
为网站添加颜色、字体及媒体元素101
★维护资源链接102
★自动链接到对应资源102
使用PostCSS管理字体104
创建雪碧图106
★案例：创建一个信用卡图标107
在PostCSS中使用SVG110
★使用PostCSS修改图标110
★更详细地探究111
★考虑替代方案113
添加对WebP格式图像的支持113
★切换WebP图像114
★看下文件大小方面的差异114
操作颜色和调色板117
★使用调色盘展示和混色颜色118
★案例的详细解析119
使用PostCSS创建颜色函数120
★使用函数调整颜色121
★解析案例122
★使用PostCSS滤镜创建颜色123
★研究案例的细节125
★和CSS3滤镜对比126
★给照片添加Instagram效果127
小结128
6 创建网格130
网格设计的介绍130
★自动化编译过程132
★为Bourbon Neat添加支持134
使用Bourbon Neat创建一个实例136
★深入了解我们的Demo137
探索PostCSS中的网格插件138
过渡到使用PostCSS-Neat139
★完善我们的任务列表141
★测试我们的配置142
使用Neat和PostCSS来创建一个站点144
★转换成PostCSS146
添加响应式能力147
★纠正设计稿148
小结151
７ 动画元素152
回顾基本动画152
摆脱jQuery153
★使用Transit.js库制作动画155
★使用纯JavaScript添加动画157
★使用jQuery来切换class158
使用预构建库160
★解析Demo中的代码161
切换到使用Sass163
★创建一个动画画廊164
★添加收尾工作167
切换到使用PostCSS170
探索PostCSS可用的插件选项170
更新代码以使用PostCSS171
★测试我们修改的代码173
使用PostCSS创建一个Demo174
★更新插件174
★创建Demo175
★详细解析一下我们的Demo176
优化动画177
使用我们自己的动画插件178
更详细地探索插件180
小结181
8 PostCSS 插件开发182
使用插件扩展 PostCSS182
解析插件的基本结构183
★index.js184
★package.json184
★test.js186
★Vendor 模块187
★List 模块187
★API 中的类187
★API 中的节点188
★API 中的方法188
创建过渡插件189
★创建测试192
★修复错误193
★清除最后的错误195
★执行测试196
★分析代码197
创建字体插件198
★插件功能分析200
★发布的风险203
简化开发流程204
插件开发规范205
发布插件207
小结208
9 简写型插件、降级插件和包型插件209
简写型插件209
包型插件210
★使用简写属性211
Rucksack 和简写型插件212
★示例讲解213
★安装 Rucksack214
★缓动动画214
★内容动画216
★剖析代码217
★使用 Rucksack 修改轮播图218
★代码分析222
审查和优化代码223
★使用 cssnano224
★配置 Stylelint226
降级处理227
★检测兼容性228
★Oldie228
★删除兼容性代码230
小结232
10 定制处理器233
创建处理器233
探索处理器234
★分析package.json文件234
★Gulp 任务文件235
问题剖析238
★修改 Gulp 任务文件239
★更新背后的原因242
优化输出结果243
★优化 Source Map243
★浏览器前缀245
★伪类选择器246
★更新代码247
★处理图片249
★解析图片处理流程250
添加自动重载功能251
扩展处理器的功能252
测试最终的处理器255
★示例分析257
诀窍258
★CSStyle259
★CSStyle 的优势260
★示例分析261
小结262
11 管理自定义语法263
介绍自定义语法263
准备开发环境264
实现自定义语法的插件265
★解析内容并修复错误267
★解析SCSS内容268
★探索发生了什么270
解析CSS271
★替换RGBA颜色273
★研究它是如何运作的274
使用API格式化输出275
★分析示例代码278
★添加Source Map279
代码高亮语法279
★安装主题280
★创建一个HTML主题281
小结282
12 混合处理器284
迈出第一步284
探索转换过程285
★选择插件286
Pleeease简介287
★安装和配置Pleeease288
★手动编译代码289
★使用任务编译代码290
★使用Pleeease创建Demo291
和其他处理器一起编译代码292
使用PreCSS292
在WordPress中安装转换器293
配置生产环境293
考虑转换过程294
修改代码295
★拆分样式296
★添加浏览器前缀297
★检查代码的一致性299
★压缩代码299
★创建变量300
★添加rem单位支持302
★样式表中的嵌套规则303
★样式表中的循环规则304
★考虑未来的特性305
编译和测试修改代码305
小结308
13 排除、解决PostCSS的相关问题309
解决一些常见的问题309
探索一些常见的问题310
★与操作系统不兼容310
★任务名称在gulp文件中找不到311
★找不到＜name of plugin＞模块312
★＜name of task＞未定义引用的错误313
★请提供PostCSS处理器数组对象313
★条目未出现在package.json文件中314
★编译的结果不如预期315
寻求别人的帮助317
★在Stack Overflow记录问题317
★找到关于PostCSS的Bug318
小结319
14 为未来做准备320
支持CSS4320
转换CSS4样式321
★验证电子邮件地址322
★支持 range输入框324
使用cssnext支持未来特性326
★使用cssnext创建一个简单网站327
★创建Demo327
创建CSS4扩展功能插件331
★添加支持CSS颜色特性331
★回到过去335
★创建自己的插件337
小结
|
| 內容試閱：
|
译者序
众所周之，任何一个Web页面或者Web应用程序都离不开CSS。CSS规范从最初的CSS1到现在的CSS3，再到CSS规范的下一个版本，规范本身一直处于不断发展的演化之中。这给开发人员带来了效率上的提高。不过与其他Web领域的规范处境相似，CSS规范在浏览器兼容性方面一直存在各种各样的问题。不同浏览器在CSS规范实现方面的进度也存在很大差异。另外CSS规范本身的发展速度与社区的期待还有一定的差距，这也是为什么Sass、LESS和Stylus等CSS处理器可以流行的重要原因。Sass、LESS和Stylus等CSS处理器提供了很多更实用的功能，也体现了开发人员对CSS语言的需求。而本书介绍的PostCSS是目前CSS处理器中最流行的一个处理器。PostCSS依托其强大的插件生态系统，为CSS处理器增加了无穷的可能性。
PostCSS本身是一个功能比较单一的工具。它提供了一种使用JavaScript代码处理CSS的方式。它负责把CSS代码解析成抽象语法树结构，再交给插件进行处理。插件基于CSS代码的AST所能进行的操作是多种多样的，比如可以支持变量、混合宏、嵌套，增加浏览器相关的私有前缀，或是把符合未来的CSS规范的样式规则转译成当前CSS规范支持的格式。从这个角度来说，PostCSS的强大之处在于其不断发展的插件体系或者说其插件生态。目前PostCSS已经有200多个功能各异的插件。开发人员也可以根据项目的需求，开发出自己的PostCSS插件。最为庆幸的是，来自全球各地的PostCSS插件开发人员根据自己项目的需求开发出不同的功能插件，并且将这些插件开源贡献给其他有需要的开发人员使用。
PostCSS从诞生之时就给社区带来了对其类别进行划分的争议。这主要是由于其名称中的Post，Post很容易让人联想到PostCSS是用来做CSS后处理的，从而将其与已有的CSS处理（以前我常称之为CSS预处理器）语言，比如Sass、Less和Stylus等进行对比。实际上，PostCSS的主要功能只有两个：第一个功能是前面提到的把CSS解析成JavaScript可以操作的AST，第二个功能是调用插件来处理AST并得到结果。因此，不能把PostCSS简单地归类成CSS预处理器或后处理器。PostCSS所能执行的任务非常多，其同时涵盖了传统意义上的预处理和后处理。PostCSS是一个全新的工具，给开发人员带来了不一样的处理CSS的方式。而且这种方式提高了Web开发人员编写CSS的效率，更降底了个人或者团队管理和维护CSS的成本，特别是针对于一个大型的项目，这种优势体现得更为明显。
如果你想真正了解PostCSS的话，你应该尽快学会PostCSS是什么以及如何使用它。
本书通过十四章的内容带你深入了解PostCSS以及如何使用PostCSS。如果你还没有准备好去了解PostCSS能做什么，那么，请跟着这本书的步骤进行系统而深入的学习，你将进入到CSS的全新世界。
我们能够使用这么优秀的CSS处理器来编写、维护和管理CSS，需要特别感谢@Andrey Sitnik，是他给我们创造了这么强大的处理器，并且让PostCSS以一个惊人的速度发展，越来越多的人开始了解它、使用它。
我们也要特别感谢@Alex Libby，是他花费了大量时间和精力为我们编写了一本深入浅出，带我们一步一步了解PostCSS的所有内容的优秀图书。如果你认真阅读完本书，你将能熟练地使用PostCSS，借助JavaScript编写出自己想要的PostCSS插件，甚至还可以定制一个属于自己或团队的CSS处理器。
我在本书的翻译过程中得到了电子工业出版社的张春雨、田志远以及其他工作人员的帮助，在此一并表示由衷的感谢。
本书主要由我和南北、彦子和静子几位译者共同翻译。虽然我们经常参与社区前端技术文档的翻译，但翻译图书还是初次，因此全书难免存在一些错误或者不当之处，敬请广大读者批评指正。译者非常愿意通过微博（http：weibo.comw3cplus）或电子邮件（w3cplus@hotmail.com）与各位同行探讨有关PostCSS或CSS处理器的相关技术问题。
大 漠
2017年6月于杭州
|
|
購物車/收銀台(
0
) | 在線留言板
| 付款方式
| 聯絡我們
| 運費計算
| 幫助中心 |
加入書簽
HOME
新書上架
