摘要:这两天有看到国外网站纷纷介绍-webkit-filter,开始很迷惑,丫是想要学IE吗?今天看了下,和IE的滤镜没一毛关系啊,而且,效果很赞!这些滤镜效果最初是用于SVG的,W3C引入到CSS中,然后制定了CSS Filter Effects 1.0,现在webkit率先支持了它。现在规范中支持的效果有:grayscale 灰度sepia 褐色saturate 饱和度hue-rotate 色相旋转invert 反色opacity 透明度brightness 亮度contrast 对比度blur 模糊drop-shadow 阴影嗯,有些和CSS3重复了,不过,具体要怎么用还要看具体情况,至少我们 阅读全文
css3 基础内容
2012-05-08 14:19 by 臭小子1983, 244 阅读, 0 推荐, 收藏, 编辑
摘要:一、选择器http://css.doyoe.com/一、基本选择器1、(*) 通配符:用于html的所有结点* { width:200px; }2、(element)元素选择器:页面的元素li { border:1px #fff solid; }3、(.)类选择器:所有指定的类别.cla { width:200px; height:30px; }4、(id)选择器#k0 {background-color:#000; }5、(element element)后代选择器.nav li { width:200px; } // .nav下的所有li元素6、子选择器:ie6不支持.nav > l 阅读全文
基础css base.css(转)
2012-05-08 11:25 by 臭小子1983, 289 阅读, 0 推荐, 收藏, 编辑
摘要:@charset "utf-8";/* @名称: base @功能: 重设浏览器默认样式*//* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */html{color:#000;background:#fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}/* 内外边距通常让各个浏览器样式的表现位置不同 */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea, 阅读全文
样式库构建规范(转)
2012-05-08 10:47 by 臭小子1983, 242 阅读, 0 推荐, 收藏, 编辑
摘要:一、Alice 设计模式 是否记得这样的试题?用一套同样的HTML结构,生成不同 的视觉效果。CSS 的最大好处就是,灵活。比如同样的HTML结构,可以实现不同的外观;又比如,同样的外观,可以用不同的方式不实现。但灵活的同时也给我们带来麻烦。团队 协作时,大家的编码风格各异,其他人要看懂/debug... 阅读全文
本地MD5 SHA-1 函数 的JS实现
2012-05-05 17:35 by 臭小子1983, 295 阅读, 0 推荐, 收藏, 编辑
摘要:刚刚一段代码由于考虑用户体验要用js实现,但要传隐秘信息到服务器验证,找到该函数,测试成功,不支持中文, 但对通常的密码加密已足够使用方法<script type="text/javascript" src="md5.js"></script><script type="text/javascript" >hash = hex_md5("input string");</script>官方网站:http://pajhome.org.uk/crypt/md5/个人认为的 阅读全文
你必须知道的【闭包】陷阱和案例-非常好
2012-05-04 18:06 by 臭小子1983, 811 阅读, 0 推荐, 收藏, 编辑
摘要:闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。一、闭包的好处 1、避免全局变量的污染 2、传递参数的形式减少作用域查找 3、通过闭包可以获取函数内部变量二、闭包的坏处 1、用完后不删除变量,会一直存在内存中,在ie中会造成内存泄露一、... 阅读全文
三栏布局,中间栏自适应
2012-04-27 17:31 by 臭小子1983, 255 阅读, 0 推荐, 收藏, 编辑
摘要:昨天一个朋友来腾讯面试,他们进行了一道网站重构的测试( 可以查看我另外一篇相关的文章:http://www.planeart.cn/?p=443),大致要求如下:布局基本框架上面只是一个简化图,实际比这个复杂不少:Left与Right是固定宽度,中间Main要求自适应,核心问题是Html文档流必须从Main开始然后才是两侧,下面就是这个要求的Html结构<div id=”main”></div><div id=”left”></div><div id=”right”></div>常规做法把两侧放在主要内容的前面进行左右浮动 阅读全文
后台系统规范设计心得(原创理论)
2012-04-27 13:20 by 臭小子1983, 768 阅读, 0 推荐, 收藏, 编辑
摘要:后台系统采用一整套UI,为什么会形式各异?能统一并带来更好的体验吗?基于交互设计师自己的内心疑问,我们迫切的产出一套设计规范用于统一后台操作系统,利于用户使用习惯的培养和延续,降低学习成本,提高使用效率,有效提高开发效率,方便功能的优化扩展。基于现有的系统,我们抽丝剥茧,才有了如今的阶段性成果。用户是谁?需求是什么?交互设计师对于一个项目最基本的了解就是源于这两个问题。我们做这次规范也是如此。。。。。。你知,或者不知规范就在那里不悲不喜用户是谁?我们的系统是给谁用的?初期是给我们的小二,后期系统会开放,外部商家或是委托方也会来使用我们的系统。那么我们第一次做系统规范的由于商家或委托方的信息掌握 阅读全文
更贴近业务及用户——交互设计工作方式转变感言(原创理论)
2012-04-27 13:20 by 臭小子1983, 210 阅读, 0 推荐, 收藏, 编辑
摘要:引子:年 初时交互设计师与产品经理座谈,议题关于交互设计师应从哪个工作环节切入更能发挥其自身价值。结论是交互随产品经理参与到项目初期需求挖掘阶段,更早的参 与了解业务需求及用户需求,与产品经理共同产出PRD(带有用户体验的高保真原型部分由交互设计师着力产出,原型好处:方便用户参与可用性测试、整个产品 团队更直观地把握设计要求,优势是显而易见的)。取而代之目前项目正式启动,产品经理产出详细的PRD后,交互设计师再参与到项目里参与原型设计,有点 迟,能量没能充分释放!另外我们获得了更多机会接触用户,产品实施阶段也得到了不少的用户反馈,于是有了更多改善产品的机会。这种工作方式推行一个月有余,个人作为 阅读全文
让用户减少学习成本——后台系统交互心得(二)(原创理论)
2012-04-27 13:19 by 臭小子1983, 286 阅读, 0 推荐, 收藏, 编辑
摘要:上次的后台系统规范发布之后很多同事都给予了我们肯定,给了我们很大信心。谢谢大家。我们的后台系统现在有新版本在不断地发布。原来的系统规范也就开始不适应所有的环境了。下面是我们需要的困难以及解决方案:1.功能不能满足需求只有上线之后用户真正使用了才会发现新需求。之前的系统是1.0版本主要满足“可用”,等到系统跑起来了,用户开始追求这个系统的“易用”对应方法:添加新功能——通知功能,配置功能,映射功能,高级管理功能2.用户层次多系统上线后,我们的用户数量开始增加,在用户中就会有一些高级用户,他们的权限会比普通用户高。对应方法:系统权限增加——负责一些类目,权限等配置3.技术同学数据订正量大系统上线之 阅读全文