强大:基于jQuery UI的多层级手风琴效果插件

见过JS做的手风琴效果插件,但这么强大的第一次见!

上图先:

infogridexample

 

演示是一定要看的:http://css-tricks.com/examples/InfoGrid/

如果你看到示例中的效果跟上图有差异请不要惊慌,因为默认样式表里用到了CSS3版才有的选择器属性,部分版本浏览器肯定是不支持的,像微软的IE!但并不影响使用,你完全可以自定义样式表。

它的的主要结构是通过HTML的DL定义列表实现的,所以代码很容就能看明白,而且配置起来也很方便就几行JS代码,老外的东西就是牛逼!

infogridexampledl

下载和配置:http://css-tricks.com/grid-accordion-with-jquery/

提示:作者提供的压缩包里的示例文件是PHP文件的,有些同学可能没有配置环境,那也没关系,只要把PHP文件里的PHP代码删除然后另存为HTML文件就OK了!

Adobe Dreamweaver CS5 增强的前端开发功能

Adobe 近期发布了,CS5版本的设计及WEB开发工具,看到Adobe官网对 Dreamweaver CS5 的介绍,与 Adobe BrowserLab 的集成,是开发者更容易使用多个查看、诊断和比较工具预览动态网页和本地内容。并且集成 CMS 的支持,增强对 WordPress、Joomla! 和 Drupal 等内容管理系统框架的创作和测试支持。已经迫不及待想要试用一下了,虽然现在已经有破解了,不过还是等稳定点的版本吧。

一些截图预览:

cs5

 

大家可以到官网,了解详细信息

http://www.adobe.com/cn/products/dreamweaver/

在线调整浏览器窗口大小的工具 网页设计师必备

broize

 

作为一名网页设计人员,或者说是网站前端开发人员,保证网页作品在各分辨率下的可用性,是必须的!现在随着技术的进步,我们的显示器也逐步往“大”发展,当然最直接的好处就是,设计师在处理图像的时候,视野宽阔!但是,通过网站的访问量分析结果看,还有近30%的用户还是1024*768分辨率,其他分辨率就惨次不齐了。

Browize

一款可以帮你快速调整浏览器窗口大小的在线小工具。支持的分辨率,和浏览器,上图已经一目了然。这款工具的技术含量确实不高,但却给我们带来了方便,感谢作者!

地址:http://www.browize.com/

COIN SLIDER 基于 jQuery的 JS 炫丽幻灯片插件

workshop

COIN SLIDER

jQuery Image Slider with Unique Effects

COIN SLIDER 基于 jQuery 在JS插件中拥有独一无二的切换效果

特点:

  • 多种炫丽的切换效果
  • 兼容多浏览器:Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+
  • 方便安装和配置
  • 自动幻灯片
  • 导航提示
  • 轻量级(仅8K)
  • 图片链接
  • 完全免费
  • 完全自定义CSS样式表

演示和下载:http://workshop.rs/projects/coin-slider/

豆瓣验证:doubanclaim50f59e3ca33dbd36