0 Comments

使用HTML 5、CSS3和jQuery增强网站用户体验(1)

发布于:2013-09-11  |   作者:广州网站建设  |   已聚集:人围观

记得几年前如果你需要添加一些互动元素到你的网站中用来改善用户体验?是不是立刻就想到了flash实现?这彷佛年代久远的事了。使用现在最流行的Web技术HTML5,CSS3和jQuery,同样也可以实现类似的用户体验。而且使用这些特性将会比使用flash更加有效。也许你可能刚知道Adobe停止开发移动版flash的消息,虽然在桌面中我们还拥有大量的flash的应用,但是随着HTML标准的完善,可能flash也要退出历史舞台了。在今天这篇文章中,我们将介绍一些非常实用的教程,技巧和资源来帮助大家构建一个更加丰富的用户界面。请大家给积极我们留言!您的支持是我们的最好的动力!

 

使用HTML5,CSS3和jQuery来增强网站的用户体验和使用乐趣

广州网站建设,网站建设,广州网页设计,广州网站设计

表单类

jQuery的美化Checkbox

这个教程将帮助你构建一个非常动感的checkbox,用来替换缺省的checkbox,相信大家会喜欢更富有活力的UI界面

 

使用HTML5,CSS3和jQuery来增强网站的用户体验和使用乐趣

 

Rethinking forms in HTML5

这是来自Nettus+的超棒教程,将教你如何使用HTML5特性来构建表单

 

使用HTML5,CSS3和jQuery来增强网站的用户体验和使用乐趣

 

jQuery impromtu

一个alert,对话框等组件的替代品,用户将会更喜欢这种UI元素

 

使用HTML5,CSS3和jQuery来增强网站的用户体验和使用乐趣

 

jQuery Simple Modal

一个非常灵活的对话框框架,提供了非常好的用户界面设计,能够帮助你生成非常酷的表单

广州网站建设,网站建设,广州网页设计,广州网站设计

使用HTML5,CSS3和jQuery来增强网站的用户体验和使用乐趣

 

mcDropdown

多层选择下拉框,非常适合树状结构的展现

 

使用HTML5,CSS3和jQuery来增强网站的用户体验和使用乐趣

 

jQ transform

个人非常喜欢使用的表单美化插件,能够帮助你构建漂亮的UI界面。

 

使用HTML5,CSS3和jQuery来增强网站的用户体验和使用乐趣

 

Emblematiq niceforms

非常不错的一款jQUery框架,允许你使用设计的主题将表单转化成非常酷UI。当然你也可以自己自定义一个主题

 

使用HTML5,CSS3和jQuery来增强网站的用户体验和使用乐趣

 

Uniform

Uniform将使用自定义的皮肤遮盖缺省的表单,并且可以和你实际的表单元素同步,保证了访问和兼容

 

使用HTML5,CSS3和jQuery来增强网站的用户体验和使用乐趣

 

image buttons a part of input fields

教你如何生成输入框中的按钮

 

使用HTML5,CSS3和jQuery来增强网站的用户体验和使用乐趣

 

DynamicWP contact form

非常不错的WP插件,能够生成一个停靠页边的联系人表单,不使用的时候自动隐藏

 

使用HTML5,CSS3和jQuery来增强网站的用户体验和使用乐趣

 

jQuery highlight

jQuery高亮显示功能,能够让输入高亮,提示用户输入内容

 

使用HTML5,CSS3和jQuery来增强网站的用户体验和使用乐趣

 

jQuery inline form validation

个人非常喜欢使用的表单输入验证插件,具体使用参考这篇文章:

使用jQuery插件jquery.validationEngine实现表单验证功能

 

使用HTML5,CSS3和jQuery来增强网站的用户体验和使用乐趣
标签:
飞机