月归档:四月 2010

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

见过JS做的手风琴效果插件,但这么强大的第一次见! 上图先:   演示是一定要看的:http://css-tricks.com/examples/InfoGrid/ 如果你看到示例中的效果跟上图有差异请不要惊慌,因为默认样式表里用到了CSS3版才有的选择器属性,部分版本浏览器肯定是不支持的,像微软的IE!但并不影响使用,你完全可以自定义样式表。 它的的主要结构是通过HTML的DL定义列表实现的,所以代码很容就能看明白,而且配置起来也很方便就几行JS代码,老外的东西就是牛逼! 下载和配置:http://css-tricks.com/grid-accordion-with-jquery/ 提示:作者提供的压缩包里的示例文件是PHP文件的,有些同学可能没有配置环境,那也没关系,只要把PHP文件里的PHP代码删除然后另存为HTML文件就OK了!

发表在 Web 设计相关[Web Design] | 标签为 , | 6 条评论

豆瓣验证

doubanclaim50f59e3ca33dbd36 http://www.douban.com/people/idanke/ 欢迎加我豆瓣好友!

发表在 生活记录[MY Live] | 标签为 | 留下评论

看图学习:编写简洁并符合语义的HTML代码

1、删除不必要的<div>标签 例1:

发表在 Web 设计相关[Web Design] | 标签为 , | 13 条评论

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

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

发表在 Web 设计相关[Web Design] | 标签为 | 7 条评论

WriteMaps:在线创建XML站点地图并和好友分享

WriteMaps 可以方便的为您的网站创建站点地图,并可以导出为XML文件,方便你提交到搜索引擎,并且你可以方便的共享给任何人,让然也可以和朋友一起协作完成。   链接地址:http://writemaps.com

发表在 在线应用工具[web 2.0] | 标签为 , , | 留下评论

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

  作为一名网页设计人员,或者说是网站前端开发人员,保证网页作品在各分辨率下的可用性,是必须的!现在随着技术的进步,我们的显示器也逐步往“大”发展,当然最直接的好处就是,设计师在处理图像的时候,视野宽阔!但是,通过网站的访问量分析结果看,还有近30%的用户还是1024*768分辨率,其他分辨率就惨次不齐了。 Browize 一款可以帮你快速调整浏览器窗口大小的在线小工具。支持的分辨率,和浏览器,上图已经一目了然。这款工具的技术含量确实不高,但却给我们带来了方便,感谢作者! 地址:http://www.browize.com/

发表在 在线应用工具[web 2.0] | 标签为 , | 2 条评论

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

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

发表在 Web 设计相关[Web Design] | 标签为 , , | 8 条评论