- Sass and media queries
本书最后一章.
我希望本书能一直聚焦在sass的基本应用上, 以此来证明sass不需要扰乱你本身现有的工作流. 但是在最后一章, 我还是想要讨论一些使用Sass和Media Queries部分的高级技巧, 这些技巧已经帮助我简化了很多css中非常复杂的地方.
Sass的强大超出你的想象.利用一些变量和几个mixin就能让你的生活变得简单许多. 但是它也可以做很多除以之外的部分. 在这里我希望能分享的是我是如何利用Sass来制作响应式布局以及高保真的项目的, 以及它是如何再次把附在的事情变得非常易于管理的.
嵌套的Media Queries
响应式布局站点的奠基石之一就是Media Q...
- 续前篇(CSS3 Loves Mixins)Border-radius在CSS3中,对圆角的处理方式为:
123456@mixin rounded($radius){ -webkit-border-radius:$radius; -moz-border-radius:$radius; border-radius:$radius;}
通过调用此mixin,就可以实现将任何元素变成圆角~范例略(这里传递的参数是半径长度值:3px).对应的编译(略)
Border-shadow
一下是另一个使用多参数的例子: 一个用来创建下投阴影的CSS3片段,可以让我们传递对应阴影的横向和纵向位置参数,以及模糊的程度以及颜色值:
...
- 这个是”Sass for web designers”一书的第二章:
SASS的工作流
既然我们都知道了SASS是什么,就让我们开始切实的使用以下它吧. 我们首先需要做的就是安装,把Sass安装到你的电脑之中.我在第一章中提到SASS是一个用Ruby写的程序,将它的语法翻译成CSS的结构. 所以,在我们开始使用Sass之前,我们需要先安装Sass.
在MAC上安装SASS
如果你是Mac用户(恭喜你,你是如此幸运!),安装Sass会非常简单. Mac OS X预装了Ruby,而Sass作为一个Ruby的一个”GEM”,非常贴切的一个术语,对Ruby的程序而言.
你可以开启你的Terminal(终端)–不要恐惧哈~...
- 第三章--使用SASS
在这一章, 我会分享许多我每天使用的一些sass的特性~ 我特意为此书建了一个虚拟的项目来演示对应的功能~
项目名称是Sasquatch Records–一个简单的关注一种神秘生物-大足野人的超自然音乐风格(?). Sass的功能是非常强大的–它是一个非常强力的工具, 可以让你更加轻松理智的创造复杂的样式文件. 有这么多的可能性,随我们处理, 我喜欢先说一下我认为对网页设计者们最有价值的部分, 同时也是最容易转化为你自己的部分.
嵌套规则
利用sass可以在css规则中相互嵌套而不是重复的在不同的声明中使用选择器. 这个嵌套功能反映了一个典型的标记语言的结构特征.
例如, 针对Sasquatch Reco...
- 本文继续 “SASS for web designers” 这本书~ 这是续 Why Sass? 这一章的遗漏,全书共分为四章,我会尽量都过一遍~哈
============正文=============
在Sass中实际上是有两种不同的语法的.比较新的一种是之前提到的SCSS语法,SCSS文件会以.scss结尾.这也是我比较倾向的一种语法,理由如下:
因为SCSS是基于CSS,是CSS的一个父集, 所以我可以依然按照过去十年写CSS那样写SCSS,而不用担心它不能识别;
它可以允许你一步步的将现有的css样式转换为sass的结构;
它不会导致一个很突兀的代码风格转变;
一个简单的SCSS例子
...
- 原文作者: ERIKA HALL @ September 10, 2013原文链接: 点击此处原文备注: 本文是节选自<< Just Enough Research>>一书的第五章.
访谈用户的目标就是去了解那些可能会影响用户使用你的产品的所有因素. 一个好的访谈是通过不断的练习逐渐掌握的. 其中最大的秘诀就在于你需要称为一个良好的谈论着. 但引导一个良好的访谈最重要的是先学会住口. 这可能会很难, 尤其是当你对这个话题充满热情的时候.
记住,你所访谈的对象是需要被鼓舞的. 他们希望能够表现出他们的聪明才智. 当你访谈一个你一无所知的人时,你正在学习一个全新的而且非常吸引人的主题:那个人.
准备工作
一旦你...
TaoAlphareadings译系列翻译文章HCIBibHCI翻译 Tu, December 17, 20139 minutes to read - 好久不写HCI翻译项目了恩,拾起哈===========================================正文===============================原作者:DAN CEDERHOLM @ November 13,2013
原文备注: 这是DAN CEDERHOLM<<Sass For Web Designers>> 一书的一部分摘要.
正文:
我并不是一个Sass的虔诚信奉者. 我一般都是自己写样式表! 我不需要任何帮助!而且我当然不想要给我的工作增加任何的复杂成分.所以,请走开(Sass)!
无论如何,这是最初的想法.但是实际上,Sass以及其他的CSS预处理程序都可以...
- Introduction To Usability
Summary 如何定义可用性?如何,什么时间,什么地方来提升?为什么你要关注可用性?这是一个关于核心的可用性概念的介绍以及回答一些基本的问题.
What–Definition Of Usability
可用性是一个表征质量的属性,用以描述用户界面在使用性上的难易程度.”Usability”这个词本身也有用以提升设计过程中易用性的方法的含义.
可用性主要通过以下5个部分的特点组成:
易学性:对于用户而言,第一次使用时完成基础任务的难易程度?
高效性:一旦用户学会了之后,他们完成任务的效率有多高?
记忆性:当用户在一段时间的不用后再次返回时,他们重新熟练的...
TaoAlphareadings翻译文章产品学习UXUsability Th, June 13, 20137 minutes to read - Teenage Usability:Designing Teen-Targeted Websites
Summary: 青少年往往会对自己的网络技能过渡自信,但实际上他们表现的比成年还要差劲.更弱的阅读水平,没有耐心,而且尚未发展成熟的研究技能,都减少了青少年完成任务的成功率以及对于简单可靠的网站的需要.
青少年们都是兴奋的.技术已经和青少年的生活密切的结合到一起了,此时为他们创造更多有用而且有益的网站变得更加关键了.在当下这个下一件最重要的事情就是点击鼠标,而短信息打断活动已经成为一种默认的规则而不是偶尔发生的例外的时代,网站架设者们必须清晰的理解青少年们想要什么,如何让他们留在你的网站上.
为了理解伴随着科技和互联网成长起来的...
TaoAlphareadings翻译文章设计产品学习UX青少年 We, June 12, 201317 minutes to read - The First Rule of UX(UX第一定律)
"你不得不交流.所有的行为本质都是一种交流.因为行为本身没有一个完全相反的概念(没有反=行为的概念),所以不可能不去交流.(这个因为所以没有看懂啊)"--Paul Watzlawick关于沟通的第一公理.
这是UX的第一条规则.设计师所做的任何事都会对用户体验造成影响.从一个有一天添加的设计元素到一个关键信息的疏忽遗漏,每一个决定都在塑造着我们设计服务的用户的未来模型.
因此,任何一个好的设计师的首要目标都是传达预期的信息…这可以促进用户体验的提升.文案,文本颜色,表格的对齐,导航链文字标题的大小写–即便是没有设计模式,也都是沟通的一部分.
了解了这些,我们可以问这样的一个...
TaoAlphareadings翻译文章Design产品学习UX Tu, June 11, 20132 minutes to read