让人期待的2011年度最佳 jQuery 插件发布啦 终极收藏:高质量的社会媒体图标集 分享25个优秀的网站底部设计案例 12个优秀的 HTML5 网站设计案例欣赏 Web开发和设计精华文章推荐【系列二】 30个精美的jQuery幻灯片效果插件和教程

免费下载精美网站模板的25个网站推荐

2012-3-071713

这篇文章向大家推荐25个免费下载网站模板的网站,这些网站分享了众多精美的网站模板,您可以免费下载使用,相信这些精美的 网站模板 既能够帮助您节省大量的时间和精力,又能有很满意的效果,希望这些网站能帮助到您。 1. StyleHoust 2. CssTemps 3. Open Source Templates 4. Free CSS Templates 5. Open ...

20个非常绚丽的 CSS3 特性应用演示

2012-03-051556

这篇文章收集了20个非常绚丽的 CSS3 效果应用演示,这些示例演示了 CSS3 各种新特性的强大能力。随着越来越多的浏览器对 CSS3 支持的不断完善,设计师和开发者们有了更多的选择,以前需要使用 JavaScript 才能实现的各种很酷的界面效果和动画,如今使用纯 CSS 代码就可以很容易实现。相信下面这些 CSS3 演示会让你感到吃惊! 01. Experimental ...

30个Photoshop自定义形状下载

2012-1-61528

虽然我们大多数人都用自定义形状在Photoshop设计时,但这并不是设计的Ψ一工具,如果你需要其它一些图形而这些图形是Photoshopû有的,这时我们就想到了自定义形状,下面这些是我们精心收集的,希望大家喜欢   1 - 24个定制的PHOTOSHOP形状     2 - 熔岩自定义形状     3 - 奈特的形状     4 - 矢量老鹰剪贴画     5 - ...

40款非常实用的 jQuery 插件推荐(系列三)

2011-12-311340

jQuery 是一个非常优秀的 JavaScript 框架,在现在的 Web 开发项目中扮演着重要角色。jQuery 使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入一些非常好的效果,让网站有更好的可用性和用户体验。这篇文章是40款实用 jQuery 插件系列文章最后一篇,希望这些实用的插件能帮助到您。 Elastislide – A ...

40款非常有用的 jQuery 插件推荐(系列二)

2011-12-281551

jQuery 是一个非常优秀的 JavaScript 框架,在现在的 Web 开发项目中扮演着重要角色。jQuery 使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入一些非常好的效果,让网站有更好的可用性和用户体验。今天开始将发布系列文章向 大家分享40款非常有用的 jQuery 插件。 HTML5 ...

40款非常有用的 jQuery 插件推荐(系列一)

2011-12-231611

jQuery 是一个非常优秀的 JavaScript 框架,在现在的 Web 开发项目中扮演着重要角色。jQuery 使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入一些非常好的效果,让网站有更好的可用性和用户体验。今天开始将发布系列文章向 大家分享40款非常有用的 jQuery 插件。 MotionCAPTCHA ...

Pinterest分享模式价值浅析

2011-12-191012

一、Pinterest简介 Pinterest,Pin(图钉)+Interest(兴趣),把自己感兴趣的东西用图钉钉在钉板(PinBoard)上。美国的一家创办于2011年的正迅速成长为受世界瞩目的图片视觉社交网站。 Pinterest页面底端自动加载无需翻页功能,让用户不断发现新图片。为用户提供在线收藏和分享Pinterest视觉艺术图片的服务。 该项目的创意来自于创始人 Ben Silbermann 为他的女朋友寻找订婚戒指之时。他发现了很多还算中意的戒指,但又需要反复比较,于是他就开发了 Pinterest,把它们随手贴在同一个页面上。(Via) 目前Pinterest也支持视频的分享,之前Pinterest获得了最新一轮2000万美金的投资,据传估值达到了2亿美金,国内类Pinterest服务又成为了一个热点,今天和大家分享一个对于Pinterest的理解和想法。欢迎大家通过微博 @web20share 和我们分享您的观点。 二、Pinterest功能介绍 先介绍几个Pinterest里面的核心功能吧: Pin:字面意思是图钉,你可以理解为把一张图片(或视频)贴到一个板(Board)上,直白来理解就是收藏一个图片(或视频),每一个分享的图片的展示方式如下图,左侧是这个Borad上的图片(或视频)缩略图,右侧是图片或视频详情; Repin:你看到别人分享的一个Pin,觉得不错,可以拿来贴在自己的板子(Board)上,类似于转发的意思,你Repin之后,专注你的人,或者关注你Board的人便可以看到这个图片(或视频) Like:自己喜欢的图片或视频,类似于私藏,个人可见; Borad:上面提到的板子,可以理解为图片(或视频)的组,就是一个板子(Borad)上可以贴很多张照片(或视频) 所以对于一个用户而言,其可以做几个操作:一是Pin,二是Repin,三是关注,这里面用户可以关注人,也可以关注用户的某个Board,用户通过Borad来整理自己感兴趣的内容,其他用户通过Repin的方式传播自己感兴趣的内容,并且重新组织到自己的Board。 用户可以创建共享的Borad和其他朋友一起来协作将内容收藏到一个Board。 另外Pinterest有一个公共的类别,Pinterest会提示用户将自己的Board添加到其公共类别以便于其他人通过分类浏览这些内容。 三、Pinterest模式分析 1.人和信息的关系:人-Board-图片,Board其实就是兴趣,只不过兴趣的载体是图片。用户可以关注人、关注一个人默认等于关注这个人所有的 Board。其实是Pinteret将人定义为一个兴趣组(这些兴趣组体现为Board),Pinterest关注的最小的维度其实是Board。 2.展示方式:大家熟知的瀑布流,这种方式真是很好的解决的图片信息的展示问题,对于各种大小的屏幕自动适应的方式,有人称之为将手机上的展示方式直接移植到Web上,相信这种展示方式会被很多网站所借鉴。 3.信息的有序组织:每个人将图片整理至Board的过程其实是一种将信息有序化的过程,这种过程直接在传播中完成,这种由用户重新组织的兴趣内容组将很有价值,也会吸引更多人的关注。Pinterest提供的协作功能也允许多个用户来协作一个Borad的内容。 四、商业模式 目前大家普遍比较认同的方式就是和电子商务相结合的方式,不过在我看来,只要通过一种方式能够逐渐沉淀用户的兴趣,这种商业价值可能会有多种的回报方式。比如基于兴趣的广告。 五、国内类Pinterest网站 拼范网:http://www.pinfun.com/ 迷尚网:http://www.mishang.com/ 凡客达人:http://star.vancl.com/ 美丽说:http://www.meilishuo.com/ 蘑菇街:http://www.mogujie.com 淘宝哇哦:http://wow.taobao.com IDsoo:http://idsoo.com/ Topit:http://topit.me/ Mark之:http://markzhi.com/ 布兜:http://www.budoou.com/ 堆糖:http://www.duitang.com/ 花瓣:http://huaban.com/ 码图网:http://www.markpic.com/ 新鲜网:http://www.xinxian.com/ 易惊喜:http://www.ejingxi.com/ 好吧,每次介绍国外一个颇受关注的模式,总会列出国内的列表,当然上面只是个不完全列表,实际应该更多,并且最近应该也还会有不少会出来。大家看了上面的 介绍会发现其实有一些只是形式象而已(当然也有一些诚心拷贝),大家都在学习瀑布流的展示方式,当然借鉴模式去发现自己的方式也是可以的,但是千万不要在 模仿中迷失了自己。 六、问题与挑战 国内目前类似的服务也越来越多了,除了上面的信息关注机制和展示方式以外,如果这些只是表面的形式,那这些Pinterest服务谁能胜出比拼的应该是什么呢?个人列出一些觉得比较重要的点: 1.如何吸引核心用户群(UGC用户) 本质上还是一个UGC的网站,这种形式固然可以吸引用户来,但是从站外贡献内容的还是极少的比例,如何建立这种分享驱动力并且构建合适的激励机制的需要考虑的? 2.分享图片、发现图片本身不是需求,用户想要得到什么? 个人觉得还是如何解决后续用户的需求的问题,除了发现图片和视频,用户后续的需求是什么需要去考虑。 3.商业模式 如何将用户的需求和商业模式很好的结合。国内最成功的应该是美丽说 ...

35个吸引眼球的作品集网站案例分享

2011-12-151123

对于设计师和设计机构来说,一个精美的作品集网站是吸引客户的最好方式。如果你正在建设作品集网站或者想重新设计的话可以参考本文收集的这些优秀案例,相信这些精美的网站作品能够带给你灵感,这些网站中汇集的众多优秀设计作品、素材和教程,也能为你的设计带去很大的帮助。 01. Ian James Cox 02. Deda 03. CMYK08 04. Ashfall 05. Itai Inselberg 06. Made ...

在线客服代码的生成

2011-12-71504

腾讯QQ在线客服代码的生成 访问: http://imis.qq.com/webpresence/code.shtml 选择在线状态图片风格、填写QQ号码、在线状态的使用范围(域名)、图片旁的留言、会话权限(一般选择沟通时可使用图片、可发送文件),然后点击“生成网页代码”,根据提示输入QQ的密码和验证码,然后就会生成代码。 淘宝旺旺在线客服代码的生成 访问: http://www.taobao.com/help/wangwang/wangwang_0628_04.php 选择在线状态图片风格、填写淘宝旺旺号码、图片提示,然后点击“生成网页代码”,然后就会生成代码。 微软MSN在线客服代码的生成 访问: http://settings.messenger.live.com/Applications/WebSettings.aspx 登录以后,选择“允许网络上的人查看您是否联机并发给您发送消息”,然后选择“创建HTML”,在这个页面选择“状态图标”,然后就会生成代码。 谷歌Gtalk在线客服代码的生成 访问: http://www.google.com/talk/service/badge/New 选择“Edit”,填写标题、nickname,选择Style,建议选择“Hyperlink and status icon (no frame)”,点击“Update badge”可以看到即时效果,确认无误即可复制代码。

LABJS使用教程

2011-12-6-1437

知道LABJS这个概念其实早于sea.js,但因为sea.js是中文,并且第一眼就喜欢上sea.js的CommonJS所以并没有深入了解过LABJS。 在 使用sea.js的时候不可避免的碰到js文件依赖问题,这时候才想起不到5k的LABJS来,看过手册之后俺不禁怀疑“有必要sea.js和labjs 一起使用么”,或许俺等到sea.js可以支持文件加载顺序之后再回到sea.js的怀抱?除了看起来美观和支持css外,没看到sea.js有什么更大 的优势,原有项目迁移到labjs上比迁移到sea.js上成本要小很多,而且labjs比sea.js小了近一半… 介绍下LABJS的几个实例: 实例1: $LAB .script("script1.js") ...