最新公告
  • 开通终身SVIP,享全站不限量下载次数-云资源-集成各类网络资源-正在更新中-预计更新到5W+文章开通SVIP
  • 文章介绍
  • 评价建议
  • 资源名称:Sass和Compass设计师指南

    内容简介:

    本书是《响应式Web设计:HTML5和CSS3实战》作者Ben Frain的又一力作。作者通过丰富、完整的案例,循序渐进地展示了Sass和Compass的使用方法。既使不懂编程的设计师读完本书也能轻松生成跨浏览器的、易于维护的CSS代码,并学会编写media query代码,进行响应式设计。本书适合交互设计师、UI设计师、网页设计师、前端开发工程师阅读。

    资源目录:

    第1章 Sass和Compass概述 

    11 为什么需要CSS预处理器 

    111 如果最终生成的是CSS代码,为什么不干脆手写CSS? 

    12 为什么应该用Sass和Compass 

    121 使用变量(每个属性值只需要定义一次) 

    理解变量语法 

    122 自动转换的RGBA颜色值 

    123 忘记浏览器前缀 

    124 嵌套规则 

    125 Media queries变得更加简单 

    126 自动压缩CSS从而实现快速建站 

    13 什么是Sass 

    14 什么是Compass 

    15 安装Sass和Compass 

    151 OS X系统安装方法 

    16 通过命令行安装和使用Sass和Compass 

    161 在Windows下安装Ruby 

    162 运行gem命令 

    163 Mac OS X命令安装 

    164 Windows命令行安装 

    165 检查你的Sass和Compass版本 

    166 检查有哪些Sass和Compass版本可用 

    167 安装最新版本的Sass和Compass(包括预发布版本) 

    168 从命令行创建Sass和Compass工程 

    169 命令行自动编译功能 

    17 使用图形界面软件运行Sass 和 Compass 

    171 Scout app 

    172 CodeKit 

    173 LiveReload 

    18 在文本编辑器下使用Sass文件 

    19 小结 

    第2章 创建Sass和Compass工程 

    21 创建Sass和Compass工程 

    211 创建Compass工程 

    创建定制化的Compass工程

    创建空的Compass工程

    22 理解con?grb文件 

    221 添加需要的插件 

    222 为工程资源设定名称和路径 

    223 设定CSS输出样式 

    嵌套输出选项 

    紧密输出方式 

    压缩输出方式 

    去掉注释,保持样式 

    压缩CSS,保持注释(凸显注释) 

    打开相对资源路径功能 

    23 创建和使用模块文件 

    231 Sass提供可维护的生产性代码 

    232 导入模块文件 

    233 Sass中书写变量的语法 

    24 Sass注释格式 

    241 标准CSS注释 

    242 Sass单行注释 

    25 基础的indexhtml文件

    26 未来工程的基础构架 

    27 总结 

    第3章 嵌套,扩展,占位符和混合宏 

    31 用Sass和Compass给网站添加样式 

    目录 

    32 从视觉上分割布局 

    33 什么是嵌套?它是如何实现代码模块化的? 

    331 嵌套语法 

    父级选择器 

    级联选择器 

    332 使用父级选择器轻松添加Modernizr样式 

    给字体定义一个模块文件 

    用Modernizr和父级选择器改变字体 

    过度嵌套的危险 

    ID选择器不好? 

    333 嵌套命名空间 

    34 使用@extend命令扩展现有代码 

    35 使用占位符选择器来扩展需要的样式 

    36 什么是混合宏?如何使用混合宏来轻松生成常用代码? 

    361 混合宏的基本语法 

    362 如何用默认值写混合宏 

    37 生成CSS的注意事项 

    38 总结 

    第4章 轻松玩转颜色 

    41 只定义一次颜色 

    42 变浅和加深函数 

    421 掌握HSL颜色标准 

    422 变浅和加深函数语法 

    43 标签修改和转换 

    431 Compass的clear?x功能 

    44 再谈颜色 

    441 混合宏里还有混合宏?这是什么新功能? 

    45 互补(和反色)函数 

    46 反色函数 

    47 色调调节函数 

    48 饱和函数和去饱和函数 

    49 透明化函数和渐隐函数 

    410 不透明化函数和渐现函数 

    411 灰度函数 

    412 rgba函数 

    413 混合函数 

    414 调色函数 

    415 比例调色函数 

    416 遮阴函数和增亮函数 

    417 综合利用函数 

    418 总结 

    第5章 Sass和Compass的响应式弹性网格系统 

    51 反对使用网格系统的各种说法 

    52 为什么使用网格系统 

    53 什么是Susy? 

    531 Susy到底是做什么的? 

    54 安装Susy Compass插件 

    55 在工程中引入Susy 

    551 Susy工程变量 

    56 创建Susy网格系统 

    57 为网格系统定义背景 

    571 显示网格背景 

    572 给Susy设置border-box属性 

    58 创建“移动”响应式网格系统 

    59 用Susy创建断点 

    510 创建流体网格系统 

    511 创建静态的“固定化”网格系统 

    512 使用Susy网格帮助工具 

    5121 Pre?x、Suf?x和Pad 

    5122 Pre?x 

    5123 Suf?x 

    5124 Pad 

    513 Pre, Post, Squish, Push和Pull 

    5131 Pre 

    5132 Post 

    5133 Squish 

    5134 Push和Pull 

    514 网格内嵌套网格 

    5141 nth-omega混合宏 

    515 子像素的四舍五入问题 

    5151 为什么会发生像素取整错误 

    5152 容器相对布局 

    5153 标准Susy语法及输出 

    分格混合宏 

    516 总结 

    第6章 Sass和混合宏中的高级media queries 

    61 Sass中的Media queries 

    611 使用media query模块文件分离media query样式 

    62 Sass的行内media queries 

    63 创建混合宏轻松处理media queries 

    631 将断点定义为变量 

    64 MQ media query混合宏是如何工作的 

    65 各种情况的应用 

    66 书写行内media queries 

    67 gzip和CSS压缩=胜利! 

    68 实际工程中行内media queries和集合media queries的区别 

    69 复习CSS代码 

    610 总结 

    第7章 Compass中的CSS3、Image Sprites等功能 

    71 用Compass混合宏轻松实现CSS3 

    711 文本阴影属性的语法 

    使用默认值的文本阴影 

    72 border-radius语法 

    73 复列 

    731 分列规则语法 

    732 盒子阴影混合宏 

    733 盒子阴影语法 

    734 多重盒子阴影 

    74 背景渐变 

    741 背景线性渐变语法 

    742 背景辐射渐变语法 

    743 组合渐变和背景图像 

    75 用Compass image-url帮助工具添加背景图像

    76 图像宽度和高度帮助工具 

    761 Compass缓存消除功能 

    77 Compass的image sprites功能 

    771 其他sprite配置选项 

    为每个HTML选择器添加高度和宽度 

    给图像周围添加额外的内边距 

    772 布局选项 

    78 Compass文本替代混合宏 

    781 文本隐藏混合宏 

    782 Squish-text混合宏 

    783 用图像代替文本 

    79 为图像创建数据URI 

    791 行内图像语法 

    710 不支持SVG格式设备的备选方法 

    711 CSS变形功能 

    712 CSS过滤器 

    713 过渡 

    714 总结 

    第8章 Sass的编程逻辑 

    81 Sass的数学计算 

    811 加法 

    812 减法 

    713 乘法 

    814 除法 

    815 使用变量进行计算 

    82 控制命令及使用方法 

    821 @if和@else if控制命令 

    822 @for循环 

    823 计数器变量 

    824 from to和from through 

    插入功能 

    825 @each循环 

    83 给数值去除和添加单位 

    831 从数值上去除单位 

    832 给变量值添加单位 

    84 在Sass中写函数 

    841 相等操作符 

    842 关系操作符 

    843 @return 

    844 使用函数的返回结果 

    85 使用@debug命令 

    86 @warn命令 

    87 总结 

    第9章 精通Sass和Compass 

    91 关闭指定浏览器的Compass支持功能 

    911 配置支持变量 

    912 基于WebKit内核的Opera 

    92 为最新发布的CSS属性提供支持 

    93 定义最新属性值 

    94 Sass交互式shell 

    941 Compass交互 

    95 添加Sass globbing插件来批量导入模块文件 

    96 创建多个独立的样式表 

    97 将模块文件转换为独立的样式表 

    98 Compass统计 

    99 清空Sass缓存 

    910 一次性Compass编译 

    911 小结 

    9111 修正人为错误 

    9112 使用Lint工具发现常见问题 

    912 用工具和测试避免推断 

    9121 Chrome开发者工具 

    持续页面刷新 

    9122 查找没被使用的样式 

    913 循序渐进 

    914 总结

    资源截图:

    1.png


    曙光网云资源 » Sass和Compass设计师指南_前端开发教程

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。