闲云博客

在前两周国外知名博客WDL先后分享了“2010最佳系列”中的“最佳免费WordPress主题”和“最佳免费字体”，在这个星期又发布了2010年最佳jQuery插件。在2010年，JavaScript框架继续日渐普及，这使得大量的插件被开发出来。满目琳琅，难以选择心头之好。WDL的作者从大量的优秀jQuery插件精心筛选出一些对Web Designers有帮助的和具备非常不错的视觉效果的实用插件。 2010年最佳jQuery插件（排名不分先后）： Nivo Slider 一个加载设置拥有9种过度效果的超级smooth slider，它还支持如链接图像和键盘导航等内容。 Quicksand 通过一个非常不错的洗牌动画实现选项内容重新排序，只需要指定源容器和替换源的目标collection 。新元素将会以奇特缩放+阿尔法效果出现，消失的元素(non-existant in destination collection)平滑地消失或重新排位，移动到它们的目标位置。 Spritely Spritely 是一个由Artlogic开发的 jQuery插件，用于使用纯HTML和JavaScript创建动态物体和背景动画。 Lettering.js Lettering.js是一个轻量经的、易于使用的 jQuery插件，可创造出极具个性的网页排版。 Colortip Colortip可转换你的页面元素的标题属性为一系列色彩丰富的提示（当你的鼠标移动到不同的标题上会出现不同颜色的字体文本提示）。支持六种色彩主题，这样你可更加容易融合到你的个人网页中去。 Masonry Masonry是一个 jQuery布局插件. 你可以将它看作CSS floats的另一面。浮动元素的排列是先水平后垂直，Masonry排列内容是根据一个网格先垂直后水平的。 gvChart gvChart是一个使用Google Charts了的jQuery插件，可通过HTML table tag的数据实现交互可视化。它非常容易上手，此外它支持创建五种风格的图标。 Animated table sort 这是一个用于创建表格的jQuery插件，所创建的表格可以根据不同的列项目进行A-Z，升序排列，切换效果非常不错。 jQuery Image Scale Carousel 网站图片保持完整的纵横比比什么都重要。这个jQuery插件可以完美地在slider展示你所有的图片，而不需担心产生变形。 jQuery Image Scale Carousel插件自动改变你所有图片到适合大小，一切都是那么的简单。 YoxView YoxView是一个免费的多媒体播放jQuery插件。它易于使用，功能丰富。你可以用它来展示各种媒体，如图像，视频，内嵌的内容，iframes，Flash等等。 MK编译  via  WDL 原文地址:http://www.x-berry.com/best-jquery-plugins-of-2010

谈到Web页面，页面布局就一直是开发人员关注的内容，从早期table构建页面到div再到div＋table，可以说我们的需求一直在变，但是目 的一直没有改变。为什么这么说，很明显从简单到复杂，再从复杂到简单；从简单运用到复杂运用，一切都是围绕需求性来做的。很多开发设计人员在从事页面布局 开发的时候都要考虑到几点：布局是否合理，结构是否紧凑，是否有充分的扩展性，可读性是否强。而合理使用table和div来构建我们的Web是我们探讨 的一个重要问题。对此要从几个不同的方位来看待： 一. 定位 首先，严格意义来说，table和div都是可用合理的布局方法，你不能否认table的价值，或者div只有优点没有缺点。可以说Web架构即可以使用table也可以div。那么关键就是你对你的Web需求的定位。 我们需要考虑到Web页面给我们的site会带来多大的影响。如我们的site针对的海量的访问，海量的数据，（当然cache问题这里不讨论）那么在架构上通常会减少table使用量，尤其是大量的循环的时候，当然table也是有用的。对于复杂的site来说，div+css有时候很难准确定义出我们所表达的内容这时候table就是很好的选择。这也是开发前要考虑的问题，在要达到开发目的的同时保证所需要的成本（有的时候开发效率和成本是个不容忽视的问题）。同样用div+css来实现一个结构复杂的page时往往不如用一个table就能简单得搞定。   二. 特性 table和div有其各自的特征。这也意味着他们价值取向有不同，对于开发设计的人员来说很重要的。 table可以很容易建立起结构化的界面，通过table自身的参数定义，我们能把页面布局很快定义成我们所需要的效果。当然css的配合就可以相对减少。缺点就是扩展性和可读性相对较差，扩展性差表现在维护和修正上面，一个复杂的table布局的site，它的海量页面在随着需求变化下，开发人员将一筹莫展，大量的修改需求会把web的界面开发工作彻底粉碎。可读性差，这个也是相对来说，来看个例子：我们用同一效果table和div来显示一个 page －－－－table－－－－ <table width=”300″ border=”0″ cellspacing=”0″ cellpadding=”0″> <tr> <td rowspan=”3″ bgcolor=”#FF0000″> </td> <td> </td> <td rowspan=”3″ bgcolor=”#0000FF”> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table> －－－－table－－－－ －－－－div 1－－－－ <div style=”width:100px;background-color:red;”></div> <div style=”width:100px;background-color:white;”> <div></div> <div></div> <div></div> </div> <div style=”width:100px;background-color:blue;”></div> －－－－div [...]