• 滤镜说明:  
    Alpha:设置透明层次.  
    blur:创建高速度移动效果,即模糊效果.  
    Chroma:制作专用颜色透明.  
    DropShadow:创建对象的固定影子.  
    FlipH:创建水平镜像图片.  
    FlipV:创建垂直镜像图片.  
    glow:加光辉在附近对象的边外.  
    gray:把图片灰度化.  
    invert:反色.  
    light:创建光源在对象上.  
    mask:创建透明掩膜在对象上.  
    shadow:创建偏移固定影子.  
    wave:波纹效果.  
    Xray:使对象变的像被x光照射一样.  
  •  今天在怿飞的BLOG发现关于WEB标准的几个境界.挺有道理.

    迷茫时可以看看,找回学习的方向.

    WEB标准第一境界,会用CSS布局,可以脱离table
    WEB标准第二境界,能够兼容流行的浏览器,IE5.x——IE7.0,Firefox1.5+,Opera跟Firefox差不多
    WEB标准第三境界,语义化的结构,搜索引擎优化初步,WAI(网站亲和力)基础,兼容打印,和手持设备
    WEB标准第四境界,模块化的网页编码,大型项目的开发模式,网站前端性能优化,向前向后兼容所有浏览器和设备,搜索引擎优化高级,亲和力WAI1 AAA级(WAI2变动挺大,我不了解)
    WEB标准第五境界(某些公司找前端的就要求这些),交互设计,前端编程(Javascript,Flex,AJAX),SEO关键词基本库等等外部技术,后台编程基础
    WEB标准第六境境界,WEB前台架构师,负责前端编码架构,做类似与大型WEB2.0产品(Google web2.0,yahoo web2.0,qzone之类的)前端,DISCUZ论坛也很复杂。

    前端开发工程师 Web Developer

    精通各种Web前端技术,包括XHTML/XML/CSS/Javascript/ActionScript等(JS和AS之一即可);
    深刻理解Web标准,对可用性、可访问性等相关知识有实际的了解和实践经验;
    有基于Ajax或Flash的RIA应用开发经验;
    至少精通一门非Web前端脚本的语言(如Java/PHP/C++),并有项目经验;
    个性乐观开朗,逻辑性强,善于和各种背景的人合作;
    计算机、数学、自动化等相关专业本科以上学历优先。

  • [ 2008/01/07 | by Jonewin ]

    原型的使用(翻译)

    在产品开发的整个过程中,原型有利于评估设计的可行性。这里三种方法:故事版、纸质原型、HTML原型。这里给出各种原型方法的利弊,以方便你做出最合适的选择。

    引言

    原型是一个有价值的设计工具。在产品开发的整个过程中,有利于评估设计的可行性。在初步设计阶段,能够探究和测试用户。在实际设计布局和更详细的交互问题,能够评估和测试。之后的”高保真”模型,可以用来提供一个最终软件的”演示”。此外,故事板可用于基本可用性检查。

    原型可以有多种实现方法。目前,纸质原型被一些作者所推崇。但电子原型如HTML原型,也有其支持者。HTML的原型是特别适合web应用程序或如果只是屏幕序列的探讨。当然,也可以使用其他任何熟悉的工具(如VB、PowerPoint等)。
  • 1、上篇文章说到创业公司可以没有固定的设计团队,引来了老冒更远的延伸:(大意)“创业公司别找全职设计师,好的少而且贵。应该找外包或顾问。应该所有人一起设计”。
    也引来朋友私下给我写邮件:(大意)“这篇文章可能会误导一些创业公司真的把自己的设计团队砍掉,国内的产品经理和工程师不具备设计能力,如果真的没有专门设计师,一切会很糟。”

    2、有必要总结一下我上文的观点:
    1>设计是所有人的事情。
    2>很多时候因为有了设计师,“其他人”就不再管设计的事情。于是“设计成了一个人的事情”。
    3>因为创业公司很忙,于是演变成了“一个人的设计”,甚至“设计”从一开始就出现了错误(需求理解的错误)。
    4>所以,在创业公司搞一个专门的“设计部”往往效果是反面的。(这可能是中型公司PM和UE斗争的根源)

  • 一篇很好的文章,推荐给大家看看,你会收益良多.

    1、最近多次被不同的创业者问到类似的问题:我们现在只有两个设计,一个是互动设计,一个是美术设计;像我们这样的创业公司最好需要多少人的用户体验设计团队?
    我的回答是:这样就挺好。不用在公司大张旗鼓的搞个“设计部”,往往搞一个团队并冠上“设计部”以后,你会发现你的产品设计反倒更糟糕了。最主要还是调动所有人一起来参与设计。再说,你们也没有那么多钱请凤毛麟角般的“好设计师”。

    2、我每到一个新客户的公司,做设计的同事都对我说类似的话:“你终于来了,你不知道在我们公司这些产品的用户体验根本没法做,我们几个设计师每日每夜的苦干,还总是搞不起来…”
    经过半天或者几个小时的了解以后,我常对他们说:“你们这样干不累才怪呢。干脆把‘设计部门’解散了,你们轻松而且体验可能会好起来。”

  • 尽管全世界的用户都在翘首以待厂商对Internet Explorer 7(IE7) 的完全支持,IE 8看起来好像马上呼之欲出了。

      一直以来,微软一直对其发展蓝图守口如瓶。但是,微软观察家Mary Jo Foley在最近发布的一篇博客中写到:“微软将在2008年上半年发布IE 8 的测试版(Public Build)。” Mary Jo Foley还预测IE 8新增的功能将包括:更好地支持CSS;添加网页锁定功能;对IE渲染引擎和Javascript升级;改进用户名和密码管理系统等等功能

      微软称 IE 8已经通过了Web标准计划(Web Standards Project)的“Acid2 Browser Test”测试,从而克服了潜在的反托拉斯行动(potential anti-trust action)。它可以显示浏览器是否会用某一个方式呈现网站。如果这个浏览器可以正确地呈现网站,也就意味着这个浏览器支持某一个公认的网络标准。微软还在Channel 9 Web网站上公布了一个IE 8通过“Acid2 Browser Test”测试的视频。

      微软是在层叠样式表单(CSS)和简易信息聚合(RSS)等一些网络标准被研发出来之前就已经开发IE浏览器了,因此一些旧版本的IE是不支持目前的一些标准的,所以开发人员要为IE 8写一些支持新Web标准的程序。同时微软表示,因为目前市场上已经多年没有可以与IE竞争的浏览器,所以微软并不着急升级IE来迎合Web标准。

      去年10月微软发布IE 7浏览器,之后微软又觉得有必要为新的Web标准推出新的IE浏览器。不过微软IE浏览器部门总经理Dean Hachamovitch在IE博客中透露,现在很多网站都是根据旧版IE制作的,并不能在IE 7上完美呈现。微软希望在IE 8中解决这些问题。另外,微软说表示会根据IE 8 beta版的试用反馈来决定何时推出正式版。

      Mozilla也不甘落后,近期刚刚发布了Firefox 3的测试版。Firefox 3使用了最新的Gecko 1.9排版引擎,支持硬件加速,全面提升了HTML的渲染速度,支持全屏缩放,并通过了Acid 2 test,对CSS提供了完美的支持.

      Firefox 3进行了大约900处bug修正和功能改进,并提供了一些新特性和用户界面增强,其中最明显的进步莫过于内存占用和泄漏问题改善。据悉,新版解决了自2.0版以来的300多处内存泄漏问题。Firefox 3 另一个比较引人注目的改进是它提供了最新的“位置管理器(Places Organizer)”,利用它,你不但可以完成传统意义上的书签组织工作,同样也可以创建和保存自己的搜索行为。除此之外,书签的收藏按钮也直接变成了一个闪亮的五角星,融入了用户的浏览器地址栏中;而用户也可以在自己以前所珍藏的书签身上应用先进的标签(Tag)功能了。

      新版的Firefox 3还提供全新的“位置管理器(Places Organizer)”。基本上来讲,它是一款专注于标签功能(Tags)和智能搜索的升级版书签管理器(你可以这样想象,如果你的Firefox是千千静听,书签是mp3音乐的话,这个管理器就是一份智能化的播放列表)。现在,你可以使用三条规则来保存搜索行为:“包含此文本(Containing the text)”,“已浏览(Visited)”和 “位置(Location)”。在保存搜索行为的时候,这三条规则可以分开使用,也可以同时使用。

      即将到来的Firefox 3不仅会有更好的性能、更丰富的特性,还会有更好看的图标体系,不过只有到开发收尾阶段的时候才会最终定案。这一方面是因为新图标需要首先等待用户界面设 计稳定下来,而且自身设计也相当耗时间,另外图标设计对性能和稳定性没什么影响,因此开发优先级相对较低。当然,把图标设计放在后程也有一个问题,就是很难得到足够的用户反馈,弄不好最后出来的图标就会被很多人痛骂。鉴于此,Mozilla用户体验设计师Alex Faaborg在其博客里公布了Firefox 3的图标样式,邀请大家一起讨论。Firefox 3会有大约120个图标,算上不同尺寸的变种就会达到190个,Windows XP、Windows Vista、Linux、Mac OS X四个平台下都是如此。

      Firefox 3将有一个对摄影师来说非常有价值的新特性——色彩管理——这个开源浏览器将可以读取图片中存储的色彩设置信息,根据显示器显示效果
  • [ 2007/12/18 | by Jonewin ]

    [转]子鼠的CSS相册v3.0

     

    这个是我在经典论坛上发现的,感觉很不错,拿出跟大家分享下。 

     

  • 在一个包含<span>标签的<P>标签里,如果让<span>标签后面的文字换行显示.

    源代码如下:

    <p><span>以色列原产,高浓缩配比,新一代绿色环保消毒液</span>集适用性、经济性、耐用性、方便性、时尚性和安全性为一身</p>

    效果:

  • [ 2007/12/07 | by Jonewin ]

    css之自动换行

    自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法
  • [ 2007/12/06 | by Jonewin ]

    朋友一生一起走

    一张简单的图片却寓意深,看到这张图片,感触很深,感谢那些曾经帮助过我的朋友们,生活中经常有苛苛碰碰在所难免,当你孤寂忧伤的时候.朋友默默地给你慰藉.温暖,使人感动.当你有困难的时候,朋友会帮你一起克服,当你也有过伤心难过的时候,是不是他们在身边一直陪着你,鼓励你,支持你呢,朋友是世上最可贵的馈赠.最宝贵的财富.有了朋友之爱,你将就不再孤独,友谊的情感在这里源源不断的流淌,让累和烦的日子伴随着音乐的旋律一去不返!