类似推荐
编辑推荐
PostCSS依托其强大的插件生态系统,为CSS处理器增加了无穷的可能性。
内容简介
PostCSS是目前CSS处理器中最流行的一个处理器,本书共十四章内容,包括介绍PostCSS,创建变量和混合宏,嵌套规则,创建媒体查询,管理颜色、图片和字体,创建网格,动画元素,PostCSS插件开发,简写型插件、降级插件和包型插件,定制处理器,管理自定义语法,混合处理器,排除、解决PostCSS的相关问题,为未来做准备。
以上内容将带你深入了解PostCSS以及如何使用PostCSS。如果你还没有准备好去了解PostCSS能做什么,那么,请跟着这本书的步骤进行系统而深入的学习,你将进入到CSS的全新世界。
作者简介
作者亚历克斯·利比(Alex Libby)从事IT支持工作,有近20年的多领域终端用户支持经验,目前在英国的一家全球经销商担任MVT测试开发者。虽然Alex的日常工作是和各种技术打交道,但他最关注的还是开源社区的动向,尤其是CSS/CSS3、jQuery和HTML5等技术。到目前为止,Alex已经通过Packt出版了10本技术书籍并参与了多本书籍的审校工作,涉及jQuery、HTML5 视频、Sass和CSS等技术,《深入PostCSS Web设计》是Alex通过Packt出版的第11本书。
章节目录
版权信息
内容简介
其他
译者序
前言
1 PostCSS简介
编译之美
PostCSS介绍
搭建开发环境
代码审查
小结
2 创建变量和混合宏
变量和混合宏简介
创建悬停效果示例
过渡到PostCSS
添加PostCSS变量支持
更新悬停效果示例
设置插件顺序
使用PostCSS创建混合宏
更新我们的悬浮效果示例
使用PostCSS循环内容
小结
3 嵌套规则
嵌套简介
页面导航
使用PostCSS插件进行过渡
探索嵌套陷阱
切换到BEM
探索更多变化的细节
小结
4 创建媒体查询
重温媒体查询
探索PostCSS自定义媒体查询
创建响应式图片
添加响应式文本支持
优化媒体查询
改造对老版本浏览器的支持
远离响应式设计
探索CSS4的媒体查询功能
小结
5 管理颜色、图片和字体
为网站添加颜色、字体及媒体元素
使用PostCSS管理字体
创建雪碧图
在PostCSS中使用SVG
添加对WebP格式图像的支持
操作颜色和调色板
使用PostCSS创建颜色函数
小结
6 创建网格
网格设计的介绍
使用Bourbon Neat创建一个实例
探索PostCSS中的网格插件
过渡到使用PostCSS-Neat
使用Neat和PostCSS来创建一个站点
添加响应式能力
小结
7 动画元素
回顾基本动画
摆脱jQuery
使用预构建库
切换到使用Sass
切换到使用PostCSS
探索PostCSS可用的插件选项
更新代码以使用PostCSS
使用PostCSS创建一个Demo
优化动画
使用我们自己的动画插件
小结
8 PostCSS插件开发
使用插件扩展PostCSS
解析插件的基本结构
创建过渡插件
创建字体插件
简化开发流程
插件开发规范
发布插件
小结
9 简写型插件、降级插件和包型插件
简写型插件
包型插件
Rucksack和简写型插件
审查和优化代码
降级处理
小结
10 定制处理器
创建处理器
探索处理器
问题剖析
优化输出结果
添加自动重载功能
扩展处理器的功能
测试最终的处理器
诀窍
小结
11 管理自定义语法
介绍自定义语法
准备开发环境
实现自定义语法的插件
解析CSS
使用API格式化输出
代码高亮语法
小结
12 混合处理器
迈出第一步
探索转换过程
Pleeease简介
和其他处理器一起编译代码
使用PreCSS
在WordPress中安装转换器
配置生产环境
考虑转换过程
修改代码
编译和测试修改代码
小结
13 排除、解决PostCSS的相关问题
解决一些常见的问题
探索一些常见的问题
寻求别人的帮助
小结
14 为未来做准备
支持CSS4
转换CSS4样式
使用cssnext支持未来特性
创建CSS4扩展功能插件
小结
深入PostCSS Web设计是2017年由电子工业出版社出版,作者。
得书感谢您对《深入PostCSS Web设计》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。