深入PostCSSWeb设计
本书特色
[
PostCSS是目前CSS处理器中*流行的一个处理器。PostCSS依托其强大的插件生态系统，为CSS处理器增加了无穷的可能性。本书共十四章内容，包括介绍PostCSS，创建变量和混合宏，嵌套规则，创建媒体查询，管理颜色、图片和字体，创建网格，动画元素，PostCSS插件开发，简写型插件、降级插件和包型插件，定制处理器，管理自定义语法，混合处理器，排除、解决PostCSS的相关问题，为未来做准备。以上内容将带你深入了解PostCSS以及如何使用PostCSS。如果你还没有准备好去了解PostCSS能做什么，那么，请跟着这本书的步骤进行系统而深入的学习，你将进入到CSS的全新世界。
]
内容简介
[
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扩展插件。
◎定制自己的处理器并在不同的网站上测试，比如WordPress。
◎在PostCSS中编写一个自定义语法，如类似Sass、LESS或Stylus处理器的语法。
◎提供对未来的CSS特性（如CSS4特性和一些CSS3特性）的支持。
]
作者简介
[
作者简介
Alex Libby 从事IT 支持工作，有近20年的多领域终端用户支持经验，目前在英国的一家全球经销商担任 MVT 测试开发者。虽然 Alex 的日常工作是和各种技术打交道，但他最关注的还是开源社区的动向，尤其是 CSS/CSS3、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编译之美 2PostCSS介绍 2★PostCSS的优势 3★PostCSS的陷阱 4★消除误解 5★准备工作 5搭建开发环境 6★安装 PostCSS 8★使用PostCSS创建一个简单的示例 10★添加 Source Map 功能 11★压缩样式 13★自动化编译 15代码审查 16★PostCSS工作机制 20★从 Sass 迁移到 PostCSS 21小结 222 创建变量和混合宏 23变量和混合宏简介 23★设置Sass 24创建悬停效果示例 27★使用 LESS编辑CSS 29过渡到PostCSS 29添加PostCSS变量支持 29更新悬停效果示例 30★进一步思考 33设置插件顺序 35使用PostCSS创建混合宏 36更新我们的悬浮效果示例 37★PostCSS与标准处理器的比较 39使用PostCSS循环内容 41★使用@each语句进行遍历 43★切换到使用PostCSS 46小结 473 嵌套规则 49嵌套简介 49页面导航 51★示例的准备工作 52★从现有处理器进行转换 52使用PostCSS插件进行过渡 53★将示例转换成PostCSS生产模式 54★代码编译 56探索嵌套陷阱 57★采取更好的方式 60★重新审视我们的代码 63★更新代码 64切换到BEM 65★创建一个简单的消息盒 67★编译并修正代码 70★安装 BEM支持 70探索更多变化的细节 74★修复错误 75小结 774 创建媒体查询 78重温媒体查询 78探索PostCSS自定义媒体查询 79★从普通CSS开始 81★使用PostCSS修改案例 82创建响应式图片 84★使用PostCSS创建响应式图片 85★响应式图片的实现 85★添加高清图片 88★后续步骤 89★探索媒体查询的其他可能性 92添加响应式文本支持 93优化媒体查询 96改造对老版本浏览器的支持 97远离响应式设计 98探索CSS4的媒体查询功能 99小结 1005 管理颜色、图片和字体 101为网站添加颜色、字体及媒体元素 101★维护资源链接 102★自动链接到对应资源 102使用PostCSS管理字体 104创建雪碧图 106★案例：创建一个信用卡图标 107在PostCSS中使用SVG 110★使用PostCSS修改图标 110★更详细地探究 111★考虑替代方案 113添加对WebP格式图像的支持 113★切换WebP图像 114★看下文件大小方面的差异 114操作颜色和调色板 117★使用调色盘展示和混色颜色 118★案例的详细解析 119使用PostCSS创建颜色函数 120★使用函数调整颜色 121★解析案例 122★使用PostCSS滤镜创建颜色 123★研究案例的细节 125★和CSS3滤镜对比 126★给照片添加Instagram效果 127小结 1286 创建网格 130网格设计的介绍 130★自动化编译过程 132★为Bourbon Neat添加支持 134使用Bourbon Neat创建一个实例 136★深入了解我们的Demo 137探索PostCSS中的网格插件 138过渡到使用PostCSS-Neat 139★完善我们的任务列表 141★测试我们的配置 142使用Neat和PostCSS来创建一个站点 144★转换成PostCSS 146添加响应式能力 147★纠正设计稿 148小结 151７ 动画元素 152回顾基本动画 152摆脱jQuery 153★使用Transit.js库制作动画 155★使用纯JavaScript添加动画 157★使用jQuery来切换class 158使用预构建库 160★解析Demo中的代码 161切换到使用Sass 163★创建一个动画画廊 164★添加收尾工作 167切换到使用PostCSS 170探索PostCSS可用的插件选项 170更新代码以使用PostCSS 171★测试我们修改的代码 173使用PostCSS创建一个Demo 174★更新插件 174★创建Demo 175★详细解析一下我们的Demo 176优化动画 177使用我们自己的动画插件 178更详细地探索插件 180小结 1818 PostCSS 插件开发 182使用插件扩展 PostCSS 182解析插件的基本结构 183★index.js 184★package.json 184★test.js 186★Vendor 模块 187★List 模块 187★API 中的类 187★API 中的节点 188★API 中的方法 188创建过渡插件 189★创建测试 192★修复错误 193★清除*后的错误 195★执行测试 196★分析代码 197创建字体插件 198★插件功能分析 200★发布的风险 203简化开发流程 204插件开发规范 205发布插件 207小结 2089 简写型插件、降级插件和包型插件 209简写型插件 209包型插件 210★使用简写属性 211Rucksack 和简写型插件 212★示例讲解 213★安装 Rucksack 214★缓动动画 214★内容动画 216★剖析代码 217★使用 Rucksack 修改轮播图 218★代码分析 222审查和优化代码 223★使用 cssnano 224★配置 Stylelint 226降级处理 227★检测兼容性 228★Oldie 228★删除兼容性代码 230小结 23210 定制处理器 233创建处理器 233探索处理器 234★分析package.json文件 234★Gulp 任务文件 235问题剖析 238★修改 Gulp 任务文件 239★更新背后的原因 242优化输出结果 243★优化 Source Map 243★浏览器前缀 245★伪类选择器 246★更新代码 247★处理图片 249★解析图片处理流程 250添加自动重载功能 251扩展处理器的功能 252测试*终的处理器 255★示例分析 257诀窍 258★CSStyle 259★CSStyle 的优势 260★示例分析 261小结 26211 管理自定义语法 263介绍自定义语法 263准备开发环境 264实现自定义语法的插件 265★解析内容并修复错误 267★解析SCSS内容 268★探索发生了什么 270解析CSS 271★替换RGBA颜色 273★研究它是如何运作的 274使用API格式化输出 275★分析示例代码 278★添加Source Map 279代码高亮语法 279★安装主题 280★创建一个HTML主题 281小结 28212 混合处理器 284迈出**步 284探索转换过程 285★选择插件 286Pleeease简介 287★安装和配置Pleeease 288★手动编译代码 289★使用任务编译代码 290★使用Pleeease创建Demo 291和其他处理器一起编译代码 292使用PreCSS 292在WordPress中安装转换器 293配置生产环境 293考虑转换过程 294修改代码 295★拆分样式 296★添加浏览器前缀 297★检查代码的一致性 299★压缩代码 299★创建变量 300★添加rem单位支持 302★样式表中的嵌套规则 303★样式表中的循环规则 304★考虑未来的特性 305编译和测试修改代码 305小结 30813 排除、解决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的Bug 318小结 31914 为未来做准备 320支持CSS4 320转换CSS4样式 321★验证电子邮件地址 322★支持 range输入框 324使用cssnext支持未来特性 326★使用cssnext创建一个简单网站 327★创建Demo 327创建CSS4扩展功能插件 331★添加支持CSS颜色特性 331★回到过去 335★创建自己的插件 337小结
封面
书名:深入PostCSSWeb设计
作者:Alex
页数:340
定价:¥99.0
出版社:电子工业出版社
出版日期:2017-07-01
ISBN:9787121318177
PDF电子书大小:121MB 高清扫描完整版