树形设计者
- 浏览: 17467 次
- 性别:
- 来自: 南京
-
最新评论
文章列表
[置顶] UI笔记——杂（不定时更新）
- 博客分类：
- UI
1.如何在button上设置鼠标触碰样式
2.在页面中添加时间js代码（时时）
3.页面加载状态
4.固定页面元素位置不随滚动条滚动
5.iframe获取子元素高度，父类自适应
6.利用jquery滚动到导航条时固定(fixed)在顶部
7.DIV和Table的水平、垂直居中
8.JS各种获取控件ID的方法
9.JS判断浏览器类型与版本
10.给span宽度的CSS完美方法
11.密码框显示文字
11.------------------------------------------------------------------------------------- ...
1针对Firefox、IE6、IE7的CSS样式
现在大部分都是用!important来hack，对于IE6和Firefox测试可以正常显 示，但是IE7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html”，现在用 IE7浏览 ...
word中的字号相当于多少px
- 博客分类：
- UI
字号 磅数 毫米 八号 5磅 1.84 七号 5.5磅 2.12 小六号 6.5磅 2.45 六号 7.5磅 2.81 小五号 9磅 3.15 五号 10.5磅 3.70 小四号 12磅 4.25 四号 14磅 4.93 小三号 15磅 5.23 三号 16磅 5.55 小二号 18磅 6.37 二号 22磅 7.80 小一号 24磅 8.42 一号 26磅 9.66 小初号 36磅 11.1 初号 42磅 12.7 1 像素 = 1/96 英寸 1 英寸 = 25.4毫米 10px=0.625em
在分辨率是300像素/英寸下，五号字为43.7PX(PX为像素)，小五为37.2 ...
1.删除外观和感觉
不要在JavaScript中设置颜色和其他视觉效果，而要在CSS中添加类名并维护它们。
2.留意明显的速度问题
使DOM访问保持在最低限度、缓存循环的终止状态，以及编写可重用的函数，而不是许多匿名函数。
3.从功能代码中删除标签和名称
由于字符串以及类和id的名称很可能改变，它们应该位于配置对象中，而不应该散布在整个脚本中。
4.使用人类可读的变量和函数名称
在激烈的竞争中，编写非常短的、隐晦的变量名称极具诱惑力。但是以后，它们可能引起混淆。
5.添加注释、用你的名字签署代码，以及删除任何全局冲突。
使得人们可以轻松地查看哪些和为什么需要使用“奇特的”代码 ...
jquery 实现iframe 自适应高度
- 博客分类：
- Jquery
超级简单的方法，也不用写什么判断浏览器高度、宽度啥的。下面的两种方法自选其一就行了。一个是放在和iframe同页面的，一个是放在test.html页面的。注意别放错地方了哦。iframe代码，注意要写ID<iframe src="test.html" id="main" width="700" height="300" frameborder="0" scrolling="auto"></iframe>jquery代码１：//注意：下面的代码是放在tes ...
检测浏览器是否支持audio元素或video元素最简单的方式是用脚本动态创建它，然后检测特定函数是否存在：
var hasVideo = !!(document.createElement('video').canPalyType);
这段脚本会动态创建一个video元素，然后检查vanPlayType()函数是否存在。通过“!!”运算符将结果转换成布尔值，就可以反映出水平对象是否已创建成功。
使用source元素
最简单的情况下，src特性直接指向媒体文件就可以了。
万一浏览器不支持相关容器或者编码器，这就需要用到备用声明了。备用声明中可以包含多种来源，浏览器可以从这么多的来源中 ...
变换：
context.save();//保存样式
context.restore();//恢复样式
context.translate(x,y);
浏览器变换：平移缩放、旋转
路径：
context.beginPath();//开始
context.moveTo(x,y);//不绘制，只是将当前位置移动到新的目标坐标(x,y)
context.lineTo(x,y);//不 ...
HTML5-笔记
- 博客分类：
- HTML5+JavaScript
HTML5的内容类型
内嵌：向文档中添加其他类型的内容，例如audio、video、canvas和iframe等
流：在文档和应用的body中使用的元素，例如form、h1和small等
标题：段落标题，例如h1、h2和hgroup等
交互：与用户交互的内容，例如音频和视频的控件、button和textarea等
元数据：通常出现在页面的head中，设置页面其他部分的表现和行为，例如script、style和title等
短语：文本和文本标记元素，例如mark、kbd、sub和sup等
片段：用于定义页面片段的元素，例如article、aside和title等
HTML5中 ...
CSS语法（不区分大小写）
JavaScript语法（区分大小写）
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border-left-color
borderL ...
【转】- 按回车键实现登录-- JS实现
- 博客分类：
- UI
第一种方法： <html xmlns="http://www.w3.org/1999/xhtml" ><head> <title>Check Score</title><script language="JavaScript">function keyLogin(){ if (event.keyCode==13) //回车键的键值为13 document.getElementByIdx_x("input1").click(); //调用登录按钮 ...
UI笔记——把网站变成非凡的品牌
- 博客分类：
- UI
不断努力将你的站点打造成一个不同凡响的品牌，这样用户会自愿地信任或者偏爱你的网站，而这正是你建立和开发网站过程汇总的意外收获。
建立独一无二的设计
了不起的视觉设计
注重普遍的设计原则
创造一些从来没有见到过的东西
关键技巧
创建行业或者市场中独一无二的设计。
在所有在线设计中使用你选择的Logo，传递同样的信息和样式。
注重细节，进行高质量的设计。
不用挤进用得滥俗的潮流或者趋势中
提供有趣又有用的内容
提供有用的信息
提供人们希望使用的
成为所在领域的专家
关键提示
产生能解决问题的原创内容，提供建议或教程。
向成功者学历并且不断深入：找到一个有用的观 ...
UI笔记——提高访客转化率
- 博客分类：
- UI
不高您在什么行业、经营什么样的商业、组织或者社区，您都希望通过网站来提高销售额、注册量、RSS订阅数或者点击量。
“转化”是在线营销的一个术语，描述了网站访客做出站长期望的动作这一过程。
转化的效率用网站 ...
UI笔记——网站优化
- 博客分类：
- UI
响应慢甚至停止响应的网站非常恼人。
将会用到的工具
文本编辑器的选择
配置好的LAMP服务器（Linux、Apache或Lighttpd、Mysql、PHP5）
FTP帐号。FTP是向服务器中上传文件的通用方法。
SSH帐号。为了修改远程Linux服务器的配置文 ...
UI笔记——设计、可用性、色彩
- 博客分类：
- UI
打好基础
色彩入门
不同色彩混合后会产生数以百万计的颜色，被称为色度（hue），影响不同的接收器。这些色调可以通过一个圆（通常被称为色盘）以度数的形式展示。每60°会产生一个不同的基色。这些基色中的3个被称为第一原色（红、绿、蓝），另外3个被称为第二原色（黄、青、品红），它们之间的6个基色被称为第三原色。
一个通用的计算模型被称为HSB。它使用色度和其他两个相关的术语，饱和度（saturation）和亮度（brightness）来定义和描述色彩。
饱和度（0～100%）是指色彩的鲜艳程度与它最大可能的鲜明程度的比值。
亮度是指色彩的明亮程度（0～100%）。
纯色具有最高的亮度和饱 ...
UI笔记——网站可用性原则
- 博客分类：
- UI
没有一个网站设计师不希望得到旁观者对他们网站的意见。
把可用性的操作知识铭记在心，分阶段设计、及早测试和经常测试是非常重要的。
要与用户保持一致，我们必须不仅仅专注于网站的外观，而这很难做到。只有提供了最佳用户体验的网站才能胜出。
那些细节就是你的用户会反复留意的东西。
用户如何思考？
用户上网的习惯与顾客逛商店的习惯基本上没有太大的不同。他们以访客的目光浏览每个新页面，扫视某些文本，然后点击第一个让他们感兴或是大体上与它们正在寻找的东西类似的链接。
实际上，有大量网页他们几乎不看一眼。
用户重视质量和可靠性。如果他们看到高质量的内容，他们通常愿意忍受广告和糟糕的设计。这就是 ...