CSS不常用属性---Tips1文本样式

字体样式font-variant设置字体是否以小型大写字母显示。p{ font-variant: small-caps; /* 让小写字母以小型大写字母显示。*/}font字体设置简写组合方式。格式如下：[是否倾斜|是否加粗|是否转小型大写] 字体大小 字体名称；p{ font: bold italic 20px 楷体;}文本样式text-decoration设

业界 2016年07月08日

MarkDown简明语法

什么是MarkDownMarkdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。用途Markdown的语法简洁明了、学习容易，而且功能比纯文本更强，因此有很多人用它写博客。甚至包括segmentfault也是采用MarkDown来供用户写博客，也就是说我现在就是在使用segmentfault内置的MarkDown编辑

业界 2016年07月06日

读书笔记来了！谷歌的Material Design 设计指南精华版

编者按：Google的设计指南一直是UI/UX设计师的必读手册，如果你还没抽出时间完整读一遍，不妨先来看看在微软实习的交互设计师@戴小维Saki  写的读书笔记，简明精炼，可以帮你速览一遍，纯实干货，建议收藏。这个系列更不能错过！三维世界（3D world）：[br]x ， y ， z 三维坐标属性[br]z 轴上占据一定的位置并且有一个 1dp 厚度的标准光影关系（Lig

产品 2016年06月29日

走心的技巧！为色盲用户提升网页可用性的实用设计技巧

编者按：网站的可用性是个大问题，之前《专为色盲打造！快速提高网站可用性的5个实用方法》 这篇文章提出了几点针对色盲用户的网站体验优化方法，而今天的这篇则是前者的很好的补充~根据 Colour Blind Awareness 的数据，4.5% 的用户是色盲，如果你的网站受众是以男性为主，那么这个数据可能高达8%。在进行网页和UI设计的过程中，色盲人群的实际状况很容易被设计师所

产品 2016年06月27日

谷歌官方出品！10个帮你做好VR设计的实用技巧（附VR神器）

编者按：最近一直关注VR设计，今天就发现一款谷歌联合《纪念碑谷》的USTWO团队出品的神器！他们做了个App来教你设计VR ：Cardboard Design Lab，10个技巧，边玩边学，一起来收！Cardboard Design LabCardboard design lab 的设计花絮：Behance。安卓的手机都可以下载下来安装~ 分为基础（1~5）和沉浸感（6~

产品 2016年05月27日

CSS行高（line-height）及文本垂直居中原理

在CSS中，line-height 属性设置两段段文本之间的距离，也就是行高，如果我们把一段文本的line-height设置为父容器的高度就可以实现文本垂直居中了，比如下面的例子： Document div { width: 300px; height: 200px; border: 1px solid red; } sp

业界 2016年05月15日

截断文本问题

单行文本截断 p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 多行文本截断 ADDING MULTIPLE LINE ELLIPSIS EFFECT WITH CSS 在 flexbox 中截断文本的问题blablablablablablablablabla...blablablab

业界 2016年05月12日

Aure实现类百度搜索原型，关键字变色

为了便于大家理解这个字符串，我在这举例说明：添加一个矩形a，添加一个新文本框b，文本框输入文字“孙燕姿2000年6月9日出道”以及原有的搜索文本框。现在我们给搜索文本框编辑文本改变时案例——设置文本于矩形a=[[LVAR2.indexOf(LVAR1)]]其中，局部变量LVAR1=搜索框文本，LVAR2=文本框b文本。按F5进行预览，效果如下：从上面效果，我们可以看出，只要

Axure教程 2016年04月11日

Aure基础教程02——文本框

上次给大家介绍过矩形，这次说一下文本框。顺便要说一下的是，这个系列教程里面，有些部件比如占位符之类就不再赘述了，因为比较简单而且没有什么需要特别设置的功能。文本框其实也是个挺简单的部件，本身能变化的不多，一些比较复杂的功能，比如本来有“请输入XX”字样点击后就消失的，需要用到条件判断等，这些我们以后讲实际例子的时候再专门讲怎么做。一、文本框基础功能：文本框的部件属性设置就不

Axure教程 2016年04月11日