《图解CSS3:核心技术与案例实战》

作者:大漠 日期:2014-07-03 点击:360

本书是国内著名的Web前端专家历时2载的心血之作,根据最新的CSS3撰写,融入了作者在CSS领域多年的使用经验,旨在将本书打造成为CSS3领域最权威和实用的专业著作,供没有经验的读者系统学习,供有经验的读者参考备查。

本书理论知识系统全面,详细讲解了选择器、边框、背景、文本、颜色、盒模型、伸缩布局盒模型、多列布局、渐变、过渡、动画、媒体、响应Web设计、Web字体等主题下涵盖的所有CSS3新特性,所有这些都巧妙地融入到案例中,而不是枯燥的理论讲解;讲解方式直观易懂,以图解的方式巧妙地展示了这些新特性;实战性强,既为每个知识点精心设计了小案例,也有综合性的大案例,所有案例都非常详尽,有功能需求分析、设计思路和完整代码,还有最终的效果展示。

Kindle电子书互动出版网京东网当当网亚马逊

BEM修饰符:多类名 VS Sass @extend

作者:大漠 日期:2014-08-20 点击:8

在编写HTML结构时,多类名的运用大家都应该有使用过,虽然这样使用能给制作带来极大的方便,但也存在一定的风险。为了更好的区分,很多时候在使用BEM的命名方式,以有让多类名在同一个元素中变得更独立性,不至于覆盖样式。但在Sass中运用BEM的时候,很多时候提倡使用@extend来扩展。那么是使用多类名更好呢?还是使用@extend扩展更强呢?

编写Sass的八个技巧

作者:大漠 日期:2014-08-10 点击:32

Sass可以编译出非常优秀的CSS样式表,或者说,这就是Sass要做的事情。有效的使用Sass可以帮助你构建出干净的有效的CSS,但如果运用不好,Sass其实会让你的CSS文件变得更大,并且添加一些不必要的和重复的CSS代码。下面一些编写Sass小技巧,可以有效帮助你编写出更好的Sass。

十个有用的Sass Mixins

作者:大漠 日期:2014-08-09 点击:40

Sass是世界上最成熟、最稳定、强大而又专业的CSS预处理器。我使用Sass有相当长的一段时间了。发现Sass的Mixins对于任何前端开发人员都非常有用,可以帮助前端开发人员节省很多时间,而且能更好的利用。Sass中的Mixins在实际开发中能帮助我们做非常多的事情,可以说是一劳永逸。可以将所有的Mixins放置在文件中,需要的时候直接调用即可。大家可以将自己看到的,在使用的,觉得好的Mixins收集起来。慢慢的,你将会有很多优秀的Mixins,而这些Mixins就可以帮你做很多的事情,节省很多时间,让你做更多有意义的事情。

借着这篇译文,向各位在使用Sass的同行朋友征集Sass的Mixins和Functions代码集,大家行动起来吧,让更多的同学一起分享您的成果。

GithubSass Meister

如何在项目中使用Sass

作者:大漠 日期:2014-08-08 点击:35

想想学习Sass时间也有差不多一年的光景了。在这一年来的时间中,在GitHub不断阅读Sass相关的源码。也在国外涉猎了相关的知识,也让自己初步掌握了一些Sass一些基础知识与技能,当然也让自己喜欢上了Sass,并且在国内致力于Sass的推广。希望各多的前端开发者喜欢上Sass,也希望Sass能真正为前端人员带来好处。

保持Sass的简单

作者:大漠 日期:2014-08-06 点击:40

还有两个月时间,我使用Sass就有两年时间了。几乎每一天,在工作中,在家里,在项目中,都有人问我,怎么更好使用Sass。很高兴他们这么相信我,每天能为他们提供帮助,我感到非常高兴。有些需求是合理的,有些需求是烦死人的。嘿嘿,我们可以从任何地方开始。也有些是抽象的。每个人都希望使用Sass能变得更简单(其他预处理器也在做这样的事情)。包括我在内,我也一直在这么做。

理解CSS Shapes的引用框

作者:大漠 日期:2014-08-05 点击:36

CSS Shapes是用来定义内容环绕的路径,这些路径都是通过形状函数来定义,比如:circle()ellipse()inset()polygon(),他们都被定位在一个虚拟盒子(virtual box)中,也就是引用框(reference box)。引用框定义了形状的坐标系统,因此它影响了形状如何绘制和定位。他有四种引用框可供选择:margin-box, padding-box, border-boxcontent-box。每种引用框都会产生不同的结果。请继续往下阅读,了解他们是如何工作。

使用Sass管理颜色

作者:找回自我 日期:2014-08-01 点击:47

在我做过的web项目中,几乎都用到了css预处理器,这样一来,变量的使用为我们带来了极大的方便,也成为了使用css预处理器的一个主要优点。一般来说,颜色、十六进制等其他一些重复性的、难于记忆的代码片段,是最先被我们用变量存储起来的。在很多Sass或者Less的项目中,我都把颜色值和变量建立起一定的关系,变量的名字同时也描述了它们的用途,这样在项目当中就会避免一些问题,比如过分的纠结于具体实现过程。

CSS Shapes:打破矩形设计的限制

作者:尤小博同学 日期:2014-08-01 点击:49

HTML5和CSS3的功能完全超越5年前我们在web上所能做的事。CSS Shapes Module Level 1(CSS形状模块标准1)规范有可能打破web中矩形盒模型的限制而且将网页设计提升到新的高度。它允许元素设计成不同的形状(圆形或五边形的div),并且用更自然的方式让文字环绕着元素(文字可以环绕着你的曲线设计而不一定要有直角边界)。本文将通过一些小演示来检测CSS Shapes的可能性,并且帮助你开始探索之旅!

页面