王晓斐

原文地址：http://www.webdesignerwall.com/trends/47-amazing-css3-animation-demos/

CSS3 Clock With jQuery

Analogue Clock

3D Cube That Rotates Using Arrow Keys

Multiple 3D Cubes (Slide In/Out)

CSS3 Accordion

Auto-Scrolling Parallax

Isocube

Image Gallery

Matrix

7 Javascript-effect Alternatives Using CSS3

Image Hover Effects

Turning Coke Can (Control With Scrollbar)

3D Meninas

Polaroid Gallery

Space

Note: this one is graphic intense and takes a while to load, but the result is crazy!

Mac Dock

Drop-In Modals

Sliding Vinyl

Zooming Polaroids

Animated Rocket

Poster Circle

Morphing Cubes

Falling Leaves

Animated Polaroid Gallery

Spotlight Cast Shadow

Colorful Clock

Lightbox Gallery (Draggable)

Elastic Thumbnail Menu

Coverflow

Snowflakes

jQuery DJ Hero

Dynamic Stacking Cards

Another Image Gallery

Snow Stack (Control With Arrow Keys)

Animated Pricing Column

Slick jQuery Menu

CSS3

CSS Tabs Without Javascript

Tab Menus Without Javascript

SVG Fisheye Menu

Dynamic Presentation Without Flash

Rotating Gallery

Dropdown Menu

Another Fisheye

Frame-by-Frame Animation (Hover to Play)

Another Accordion

AT-AT Walker (No Flash or Javascript)

人员：肖，王

地点：办公室

内容 

用户在录入活动信息时，输入活动地址时，有关国家/地区二级联动下拉菜单的问题

• 无需三级联动（到某市的下级区的分类）,
• Google-MAP采样信息是指向:用户下拉菜单和文本框中输入的所有信息

为什么之前的网站需要提供繁复的下拉框或者AJAX的效果？

• 未来的信息都是聚合在地图上,三级甚至强迫症似的分类地理信息选择都是没有强大地图聚合信息平台的妥协方案，为了用户的友好度的作出基于现实局限性的妥协；
• 我们要牢记：图文并茂是未来的信息传达方式之一

People gets ideas and thoughts anytime anywhere and in any moods, so we created tools and to let them show their creations.

Then we find creating and contribution is not enough, the creators also needs to communication and events to exchanged their creations, so the paltform like salon and exhibition emerged.

But Internet change anything in anyway by anytime, after clouds-level of contibuted infomation datas like Photos, installments, paintings, compute graphics transitted to internet and caught our eyes, thanks god we had google and facebook which provided clouds-level information to us but push much more rubbish.

Trust me, we really need fresh and blod way to enjoy those creations, when we are in surfing of surfing internet.

Now we are thinking New Collabrative Interface.

NCI means a new Collaborative method of designing User Interface for website to merging the data of creations which is the way being more considered users’ Behavior-mood and kept the page-reading being a mush friendly way.

so, lets review 3-steps 

1. Creaing
2. Contributing
3. Collaborating (what we really should think lots)
4. ?

Rmeber this:

IN web ear, helping people to pick their used infos will be a big thinking and a huge business.

昨天下午,在DOWN TOWN上海(步行到原现的襄阳路市场之需8分钟)的22楼,倚着窗台,边远眺上海的SKYLINE,边和朋友聊着NIKON和CANON的区别.

比起NIKON自以为是的专业化营销,晦涩的设置选项,臃肿的功能,奇特的界面模块…天哪完全为婴儿潮出生的人准备的玩具.
而CANON显然更深酝数字化下的未来运营之道,让我们看看它的广告:让用户能快速成为中级玩家,浅显的设置选项,界面简单,自开发CMOS(专利技术)…

用户完全没有时间了解你满足他需求背后的原理,也没有兴趣约读繁复的功能说明,更没有义务同情你流的每一滴汗.如果那个功能他不需要或者太复杂的话.

所以,网站的功能和界面应立求简洁明快,让用户快进快出,并迅速成长…

另:现在,想要在摄影方面装专业,就谈“全幅”,因为它就像几年前大家都谈“单反”一般…

YEEFE网站的功能,是否真正需要的强大、复杂到我们能自以为是的地步,才开放公测？或者必须提供KILLER FEATURES？
当对我们部分开发人员而言是乐趣(请注意只是部分)之时,这些功能对用户来说,是在长长的挫折清单中又增加了一项.

• 提供的功能越多,用户需要学习的也就越多;
• 提供的选择越多,用户需要完成的事情也就越多;
• 允许的自定义越多,虽然用户对软件的控制能力相对增强,但同时也产生更多高焦虑.他们花费更多的时间来设置,而非使用完成后,迅速离开.

我们看来不是要宣称YEEFE.COM是”史上最健壮的版本”,而应该是用户愿意尝试,能迅速上手,并在满足需求后迅速离开的平台.

互联网平台或者软件的成功,不仅仅是网站提供信息海量,软件专业和功能强大,而是用户尚能忍受网站或软件的自以为是,并满足了基本期望.

记注了:THE FOUCS SHOULD BE ON FOCUS, NOT FUNCTIONS.

无论是互联网上的应用平台还是门户网站,是单个财务软件还是游戏,这些程序的界面设计都 

• 不应该强迫用户了解甚至理解其工作原理,之后再开始使用,
• 不应该让用户对出错或所做的改动即将丢失惊讶不已,
• 不应该浪费太多的时间和精力打断用户的工作告诉他们某个无关大局的的问题,并需要用户不断关闭系统出错的弹出窗口.

相信我,85%或者更多的互联网用户,通常不会因为喜欢而整天呆在电脑前,他们使用电脑是不得已而为之.MAYA的设计效果确实惊世骇俗,但是其与其它动画图像设计软件操作界面和流程的迥异和不同使多少优秀的开发者放弃了…

用户希望快速近入,找到信息或完成工作,然后离开,而不想思考软件是如何工作更不想理解这些数据是如何处理的.

所以,作为UI设计师,你需要知道构建什么,更为重要的是,不需要构建什么.

2008中国互联网大会将于9月23-25日在南京举行，亚太网络产业将在此同台“竞技”。

展望最新市场趋势、解析产业发展动态、交流企业运营经验、促动技术资本业务合作，作为一年一度、规格最高、规模最大的网络交流平台，中国互联网大会将聚集 10多个国家和地区的4000多名会议代表和50000多名展览观众。

2008国际互联网高层峰会

2008中国互联网高层年会

2008中国电信创新与无线通讯产业年会

2008中国互联网技术应用产业年会

2008中国网络视频年会

2008中国网络社区大会

2008新媒体新营销高层峰会

中国电子商务高层峰会

2008中国城市与地域合作论坛

华东（江苏）互联网合作发展论坛

2008中国专业行业垂直网站峰会

2008中国站长大会

日前，豆瓣把改版后的alpha版本放在互联网上，让所有用户对其进行测试。

在浏览后，一句话“last in updating”。

豆瓣，骑着文化传承上的断层、整体价值观的迷失以及信息发布和传输成本因互联网的普及而发生迅速贬值的东风，以裹着周身文化符号的北京城为根据地，借着因中国政府对盗版电影暧昧不堪的态度和互联网口碑传播的兴起，凭借书号的唯一性（音乐和电影至今仍有重复封面海报出现）创建了网上书籍搜索数据库以及提供网络书店第三方比价系统，迅速的为那些迷茫或者迷失但又精力充沛无处可使的新世纪青年，提供了一个物美价廉的，迅速成为把思想物一吐为快的草根“影评人”、‘书评人”和“乐评人”（一个人要多没有创造的勇气才能沦落为一个评论人）的舞台。

但是随着时间的迁移，豆瓣慢慢发现用户数的上升以及用户关注点（把用户联系在一起的节点）的转移，网站内部已有从之前垂直性社区向水平社区蔓延的趋势，而facebook、myspace的成功（指数级用户增长）也可能不断加剧那种似乎只需摇身一变成就能成功跃入SNS（social networking site）之列的错觉。

于是在2007年，豆瓣进行了一次外科手术，效果怎样？网站的界面设计上完全不考虑用户已经养成的行为习惯，而是一味的把自己浸淫在对算法，数据挖掘和功能重复开发之上。

问题依旧在，只顾自狂欢

alpha版这几天正在测试。

从建站的角度看 ，在对待知识产权问题暧昧的国家，豆瓣建立在以书、影、音为主要用户参与的数据挖掘之上的数据营销，其可触及的维度可想而知。把数据和书商、电影公司或音乐制作公司，还是和相关的咨询公司共享？似乎没有好好考虑。除了在用户搜索的基础上进行的算法能为用户产生较为正常的关联性之外，似乎也就在书籍上的第三方比价和链接收益分享较为成功（不过豆瓣也没有把这块业务进行关注和完善），提供的内容欣赏实在不敢恭维。

从用户的角度来看，豆瓣唯一能让用户心满意足的就是，其对用户评论和发起话题的管理较为宽松，创造并维持了一个言论自由度较高的互联网环境。其他一无是处。

在什么时候，为什么用户提供什么服务

对于一个网站而言，这才是关键战略。

对于豆瓣而言，在一个分工细化明确的互联网时代里，已经打造了垂直且较为专业的对书、影、音提供第三方评论、比价和欣赏（这或许才是因该真正花精力和时间去实践的方向）的用户参与度较为客观的平台，就实在无需随着用户的数量而迷失在创造水平化的社交网络平台的错觉中。

Three Intensive Days of All Things Web Design

Let top experts in the Web field inspire and instruct you on how to tackle today’s design challenges at Web Design World Chicago.

Today’s Web designers must be creative, knowledgeable of current Web standards and practices, and have the ability to turn ideas into reality.  Since 1997, WDW has assisted Web design professionals in doing just that — turning ideas into reality. Master advanced CSS coding techniques and best practices. See case studies that will help make your sites more usable, beautiful, and accessible. Explore the burgeoning growth of iPhone and mobile development opportunities. And take part in the practical, user-centered workshops at the core of Web Design World, the longest-running Web design conference in the industry.

Join your peers and our experienced Web design authorities for three dynamic days of breakout sessions, keynote presentations and intensive workshops as WDW heads for the Windy City for the first time.

View the Chicago agenda, online now. You can also sign up for email alerts and RSS feeds for the latest information.

Create · Learn · Share · Network · INSPIRE

Sign Up Early, Save Big

If you register by the Early Bird Deadline of April 9th, you’ll save $200 off the full price for a Gold Passport, your all-access ticket to everything happening at WDW Chicago.

第二界D2前端技术论坛
主题：现代前端技术在网站中的应用  

D2(Designer and Developer)前端技术论坛(简称D2)，为国内前端开发者和网站设计师提供一个交流的机会，一起分享技术的乐趣，探讨行业的发展，以技术会友。今年D2来到北京，由中国雅虎主办，我们将努力营造一种轻松自由的交流氛围，继续传承D2的宗旨，没有任何商业色彩，不收取门票等任何费用，以纯粹的技术交流为根本，共同推动国内前端技术的发展。

D2起初由淘宝网发起，每届由不同公司轮流承办，上一届在杭州我们讨论近一两年的新技术，本届的主题是“现代前端技术在网站中的应用”。无论是前端设计师还是工程师，是否留意过前端开发中的种种细节，是否在产品中合理的应用技术，如何提升产品的品质和用户体验，也许我们的价值正蕴含其中，让我们新老朋友重新聚在一起，共同讨论“现代前端技术在网站中的应用”。

日程安排

2008.4.26 活动安排

 

10:00 a.m.

开场白: 关于D2和本届活动安排

10:10 a.m.

“前端设计与开发的基本模式” - 周爱民

11:40 a.m.

午餐时间 (现场提供食品和水)

1:00 p.m.

“Silverlight应用” - 黄继佳

2:50 p.m.

“Enterprise Ajax in PHP” - Hedger Wang

4:40 p.m.

“Enhanceing Web Sites With The YUI Library”(English) - Nate Koechly

2008.4.27 活动安排

 

10:00 a.m.

Workshop 1: 基于YUI的应用开发 (自备电脑，提供上网设备)

11:00 a.m.

Workshop 2: 基于开放平台的前端开发实践 (自备电脑，提供上网设备)

活动地址：北京市朝阳区西大望路甲1号 温特莱中心A座9层 (中国雅虎办公楼) [地图]

马上报名  (由于场地所限，只有通过报名并接到邀请函后才可以参加，邀请函会在4月20日发出)

Developing User-Friendly Flash Content （设计用户友好 Flash 内容）- Flazoom.com
该白皮书指导 Flash 开发设计人员如何建设用户友好 Flash 站点。

Flash Usability White Paper （Flash 易用性白皮书）- Boonelutz.com
本白皮书告诉人们，Flash 可以用来发布 Web 内容，同时讲述多数人可能遇到的 Flash 内容的易用性问题。

Free Web Design Ebook （网站设计电子书）
该电子书帮助那些初尝互联网营销的人，如何设计面向网络营销的网站。

A Hitchhiker’s Guide to the Obvious: Web Usability 101 （网站易用性的101规则）- Squiz.co.uk
该白皮书讲述了所有你需要知道的关于网站易用性的问题。

The Top 10 Web Site Design Do’s （网站设计10要） - ProfitJump.com
该电子书由浅及深讲述从基本 HTML 代码，到一个网站永无止境的深度设计的知识。

Integrate Design to Create Brand Harmony （品牌与设计的和谐融合）- MarketingProfs
将你的品牌融合到网站设计中非常重要，该白皮书讲述了为什么，以及如何实现这一目标。

10 Tips for Designing an Ecommerce Web Site （10个设计电子商务网站的技巧） - nightcats.com
该电子书讲述了建设电子商务站点的10个技巧，包括面向目标市场的设计，以及区分你的目标。

Getting Real - 37signals
这本来自 37Signals 的电子书讲述了如何创建一个成功的 Web 程序。

Creating a Web Site for Your Service Business （为服务业设计网站） - Entrepreneur Media
在线销售商品可能容易，但销售服务却是另外一回事。该白皮书讲述了你需要知道的关于为服务业设计网站的一些知识。

5 Common E-Commerce Site Mistakes （电子商务网站的5个经常犯的错误） - Microsoft
如果正你运作一个电子商务网站，而结果却不近人意。该电子书会给你讲述电子商务网站中一些经常犯的错误。

Creating a PHP-Based Content Management System （创建基于 PHP 的 CMS 系统） - Jupitermedia
如果你找不到一个现成的 CMS 系统帮你建网站，该白皮书教你如何自己写一个 CMS 系统。

Managing Web Development: Insourcing vs. Outsourcing （WEB开发管理：内包还是外包） - Key Professional Media
是自己请一个 Web 开发人员，还是将项目外包出去。该白皮书会给你答案。

Web Design Best Practice Guide （Web设计最佳实践） e-consultancy
这本定期更新的电子书提供了很多关于 Web 设计的最佳实践。

FireFox Plug-Ins for the Discerning Web Developer （为Web开发者准备的 Firefox 插件） - DMXzone.com
该白皮书介绍了一些用于 Web 开发者的 Firefox 插件，主要是那些可以用于网站测试的插件。

Portal Application Design and Development Guidelines （门户网站设计及发布） - IBM
该白皮书从设计的角度讲述了传统网站和门户方案的区别。

“Mosaic Layouts”: How and Why to Avoid Creating Puzzle-Looking Websites （为什么以及如何避免迷宫样的网站）- Software Talks
该白皮书讲述了为什么在你的网站中恰当地运用图片和图形非常重要。

10 Tips for Creating Your Web Site （创建网站的10个技巧） - Global Knowledge
本白皮书提供了10个技巧，帮助你有效地设计网站。

KnockKnock - Seth Godin
这本来自 Seth Godin 的电子书包含了各种资料，帮助你使用在线营销工具，让你的网站运行得更好。

AJAX Design Strategies （AJAX 战略）- Sun Microsystems
来自 SUN 的这份报告教你如何运用 AJAX 创建 Web 2.0 应用。

Best Practices for Accessible Flash Design （Flash 可访问性设计的最佳实践） - Adobe Systems
本报告为那些初涉 Flash 可访问性问题的开发者，提供了一些并不高深的技术，一实现可访问的富媒体。

市场研究公司Gartner副总裁Carl Claunch提出了值得关注的将对数据中心产生重大影响的十项技术。这些技术目前还不太成熟。但是，这些技术在未来18至36个月里将成熟起来并且将广泛应用。

这十种影响数据中心的技术是：

1.统一通讯

到2010年，80%的统一通讯组件将作为更广泛的产品组合的一部分购买。统一通讯功能涉及到五个核心市场，每一个市场都在以自己的方式向融合的方向发展。这五个关键市场是：语音邮件、PBX（将向IP PBX发展）、电子邮件与日历、会议与协作、即时消息和在线状态显示。统一通讯还吸收了附带的市场的一些功能。

2.Web平台

把各种专用的协议转移到IP是主要的推动因素之一，同时，以前的模拟信号（如大楼内部安全摄像机的信号传输或者传感器通讯）正在转向数字编码。

3.IT操作流程自动化

实现IT管理流程自动化仍是IT官员降低IT操作成本和复杂性的一个关键目标。自动化应用将继续增长的势头。随着企业的成熟，自动化应用将提供更多的流程知识以满足这些挑战。

4.服务器结构

计算结构（computing fabric）是服务器设计的一个发展。在本十年末寻求一些厂商提供的基于计算结构的服务器。未来的基于计算结构的服务器将把内存、处理器和IO卡作为组件对待，按照特殊的需求组合和安排。这样做的结果是通过减少浪费的资源来提高使用率。

5.元数据管理

数据服务提供对数据的格式化、标准化、发布和访问。元数据管理涉及到实现元数据优化、提取和语义一致等功能的参考模型以支持再使用、一致性、完整性和共享性。大多数机构将通过分阶段的方式实现元数据管理，选择逐步建立的方法。例如，以客户为中心的企业可能使用使用客户数据整合解决方案解决客户管理问题或者执行具体的管理规定。

6.配置管理数据库

在广泛的影响力的推动下，配置管理数据库（CMDBs）将继续在企业IT运营基础设施中扮演重要的角色。目前，Dependency Mapping工具给长期的发现技术带来了新的技术方法。人们将继续开发这些工具以帮助IT运营的建立、维护、可视化和监视逻辑应用程序或者服务拓扑管理和跨系统的依赖性。

7.Mashups和混合应用程序

Mashups通过使用公共的API（应用程序编程接口）传输的信息把多个来源的内容混合在一起。例如，一个应用程序把一家房地产网站的信息与另一个网站的地图界面混合在一起以显示出售楼盘的位置。Mashing是一种展示层方法，把在消费者方面（浏览器）和来源方面（网络传输协议）方面利用Web技术的应用程序集成和混合起来。最终用户可以根据跟人需求或者内容创建机会性的应用程序。

8.超越整合的虚拟化

虚拟化技术能够改善IT资源的再利用和提高灵活性以适应不断变化的需求和工作量。同自动化技术以及服务级的、基于政策的积极管理一起使用，资源的效率将得到极大的改善，灵活性将成为根据需要自动调整的功能，服务将能够从整体上进行管理以保证高水平的弹性。

9.社交软件

除了公共网络之外，Web 2.0公司现在正在把重点放在使用企业中的有针对性的应用程序方面。一般来说，社交网络技术现在是成熟的，应用范围很广。社交软件很容易使用和开发。这种软件将对商务活动产生积极的影响。

10.绿色IT

IT管理员正在全力以赴提供电源和冷却方法以处理服务器机架消耗的数千瓦电源。对于电源使用和企业对环境的影响有许多管理规定。这可以解释为技术提供商将受到市场和客户需求的混合压力。技术厂商的反应是把电源和冷却管理放在更优先位置。

在以下的12篇短文中，IDG集团InfoWorld网站的资深专栏作家和博客们对短期的技术发展趋势进行了十分有趣的预测。

绿色IT 

改组虚拟服务器 优化能源效率

Posted in SNS, Sharing Source, WEB SECURITY, Web API, Web Architecture, Web Standard, Web sever, web 2.0, web database, web design | No Comments »