JQuery代码片段，它们构成了一个漂亮的界面

Question

我们正在创建一个网络应用程序，它将设计为完全2.0（AJAX-ed和不支持）。

作为一个富客户端和服务器端开发人员，我只在功能层面上了解Javascript，但我开始根据建议学习JQuery，并了解其中的大部分内容。

我在其API中找到了SlideDown之类的内容，它会将元素滑入视图。

我想知道还有什么能让相对容易的界面变得更好。

库或核心JQuery很好。

Answer 1

作为一个前端人员，我的建议是首先制定你的想法，然后寻找jQuery插件（jQueryUI太棒了，但有大量的第三方插件）会增强用户体验设计。良好的设计和工作流程都从规划开始 - 就像开发一样。美观的UI总是以坚固的设计开始。

Answer 2

看看jQuery UI。它提供了一组漂亮的基本组件，包括主题支持。

Answer 3

jQuery UI对于UI来说并不是一个糟糕的起点，但是有大量的jQuery插件可以让你的生活更轻松。如果其他人已经更好地发明了它，为什么要重新发明轮子？

我偶然发现了一个优秀的网站，为使用jQuery的设计人员提供了资源。 http://jqueryfordesigners.com/以初学者或高级用户可以使用的方式解释JS。

Answer 4

我认为界面的美妙之处在于HTML / CSS - 稀疏布局，间距，颜色，圆角，纹理等。

那说......

• fadeIn（）和fadeOut（），slideDown（）等 - 所有这些都很好，但animate（）是他们所有的爷爷。 You can animate any CSS property you like。如果您不需要为属性设置动画，只需更改它们，则定义CSS类并使用addClass（）和removeClass（）或toggleClass（）会更清晰。
• 当您使用AJAX向屏幕添加内容时，jQuery UI的效果highlight很不错;就像“嘿，看看这一秒！”然后渐渐恢复正常。 （jQuery也使AJAX变得简单; these functions是lower-level interface的简单包装器，它有更多选项）
• 如果您在页面上有很多浮动项目（例如，产品列表），并且您开始根据用户条件隐藏/显示其中一些项目，那么浮动调整的方式看起来很酷

'一个漂亮的界面'是主观的，但是如果你谷歌的网站使用jQuery（一些是从jQuery自己的页面链接），你可以找到你喜欢的网站，并使用firebug或Chrome开发人员工具来检查他们的jQuery

Answer 5

对于最大爆炸：降压比率，请看jQuery plugins。

基本的jQuery非常出色，它专为手动滚动效果而设计。另一方面，插件通常是完全烘焙的高阶web小部件。

Answer 6

你看过jQuery-ui吗？它不像其他库那样丰富（但是）它有许多基本组件（对话框，手风琴，拖放，滑动等等）。虽然形成你描述的方式你的应用程序ID必须建议使用Dojo（尽管我ADORE jQuery）。

Answer 7

jQuery Tools是jQuery UI的一个很好的替代品。它没有jQuery UI或ThemeRoller那么多的功能。