11 个创新的网站滑动效果设计案例展示

图片的滑动展示在网站设计中使用非常普遍,可用于解决方案、产品和服务的各种展示,而借助 JavaScript 和 CSS3 可让这些效果实现起来更加简单。

本文介绍 11 个网站滑动效果设计非常帮的案例供你参考:

Superlover

Superlover

Cool combination of scroll and left with easing animation.

Green Campus Guide

Green Campus Guide

Slider with integrated tooltips and modal dialogs.

Lake Nona

Lake Nona

Take a while to load but it’s pretty impressive slider, a different kind of thumbnail view.

Agence de comminication

Agence de comminication

Unique slider with an animated call-to-action button.

Kyan

Kyan

Another cool slider with a custom made animation.

Create DM

Create DM

A simple and yet elegant slider with CSS3 animation.

2Fly

2Fly

A backward compatible slider with CSS3 rotation. Pretty cool!

Gen 3 Creative

Gen 3 Creative

A content slider with different design on each slide.

Carnation group

Carnation group

One of the famous technique – parallax slider.

7 Days in Havana

7 Days in Havana

Pretty cool concept, sort of like an accordion plus slider!

AppGear

AppGear

Honestly, I reckon this look like a carousel but it has a cool effect on it.

via queness

打字党的福音:Elecom 激光投影键盘

elecom_laser_projection_01-550x440

如今,智能手机已经进入了全触控时代,但相信坚守在键盘机阵营的朋友仍旧不在少数。尽管我认为 iPhone 的键盘已经做得足够优秀,但不可否认的是,要在触摸屏上找到实体键盘的触感还是天方夜谭的一件事。

“鱼和熊掌不可兼得”的道理人人都懂。要有优秀的触控体验,一块足够足够大的屏幕必不可少。而如果非要再硬加上一个键盘的话,那么最终结果必将是用机身块头去挑战用户的底线。

面对这样的窘境,很多人都思考过这样的问题:如何在保持触控体验不妥协的前提下追求极致的打字感受?接下来这款产品或许能解决这个棘手的问题。

 

elecom_laser_projection_02-580x203

日本厂商 Elecom 为 iOS 及 Android 设备开发了一款“激光投影键盘”(产品编号 TK-PBL042BK)。它通过蓝牙与设备连接,并可用红色激光投影出全尺寸的 QWERTY 键盘。该键盘具有 19 mm 的键盘倾斜度,可以通过调节亮度来节省电量,并且在距离设备几米开外的地方仍旧可以正常使用。据悉,打字高手使用这个键盘打字,速度可高达每分钟 350 个字母。

除此之外,这款配件还提供“鼠标”模式。在这个模式下,用户可以通过屏幕上的鼠标指针来操作你的 iOS 或者 Android 设备。

从上面的介绍来看,这款激光投影键盘对平时经常打字的朋友来说肯定有不小的吸引力。不过,这个比普通蓝牙键盘拉风无数倍的配件实在是价格不菲,官方给出的价格是 348 美元(约合 2200 人民币)。这个价格想必会吓退不少对此感兴趣的人,不过这种东西因人而异:普通用户自然没必要购入这样的配件,但如果你每天都要在路上处理进行大量的文字处理工作,这 2200 块或许就是一笔值得的投资。

不过作为一个智能移动设备的重度使用者,我不禁担心这样一个问题:电量少矣,尚够用否?

文/爱活网

10 个基于 Web 的 HTML5 音乐播放器

HTML5 是一种用于创建和呈现的网页内容的语言。这是一个革命性的语言,它拥有一些真正棒的功能和一个新的HTML5规范允许本地音频流的播放。本文向你推荐 10 个最棒的 HTML5 音频播放器,看看你喜欢哪个!

Speakker

Speakker 是一个基于 Web 浏览器的音乐播放器,只提供很多高级播放功能包括播放列表管理和分享。

audio.js

audio-js

audio.js 是一个 js 库用来让 HTML5 的 <audio> 标签可以在各种浏览器上使用,包括智能手机。

SoundManager 2

SoundManager 2

SoundManager 2 利用 HTML5 和 Flash 技术提供了稳定和阔平台的音乐播放功能,只有 10K 的 JS 包。

演示地址:http://wheelsofsteel.net/

MooTools HTML5 Audio Player

MooTools HTML5 Audio Player

MooTools HTML5 Audio Player 是一个使用纯 HTML5 以及 Mootools 框架开发的播放器。

jplayer

jplayer

jPlayer是一个用于控制和播放mp3文件的jQuery插件。它在后台使用Flash来播放mp3文件,前台播放器外观完全可以使用 XHML/CSS自定义。

Universal HTML5 Audio Player

Universal HTML5 Audio Player

Universal HTML5 Audio Player 是这10个播放器中唯一收费的,需要5美元。

Media Element

Media Element

该播放器完全用 HTML5 和 CSS 编写。

Scott Andrew’s HTML5 audio player

Scott Andrew’s HTML5 audio player

Scott Andrew’s HTML5 audio player 是一个真正轻量级的,但功能很强大。

HTML5 Audio Player Bookmarklet

HTML5 Audio Player Bookmarklet

HTML5 Audio Player Bookmarklet 在网页上放置播放器用来播放所有音频链接。

2012年3月份全球主流浏览器市场份额排行榜

榜单发布之前,浏览迷先预祝各位愚人节及三天小长假快乐,虽然放假了,但苦逼的小编还是要如约给大家带来2012年3月份全球主流浏览器市场份额排行榜,废话不再多说,直接上图。

从StatCounter的统计数据来看,在过去的一个月中,IE浏览器全球市场份额由35.75%下降到3月份的34.81%,下降0.94个百分点。

Chrome浏览器方面,三月份市场份额30.87%,较二月份增长1.03%。Firefox三月份市场份额24.98%,同期二月份市场份额则为24.88%

Safari浏览器市场份额则由6.77%下降至6.72%,opera浏览器则由2.02%下降至1.78%。

再来看一下NetApplications公布的统计数据,2012年3月份IE浏览器的市场份额由52.84%增长至 53.83%;Firefox的市场份额为20.92%下降至20.55%;Chrome的市场份额为18.90%下降至18.57%;Safari的市 场份额则由5.24%下降至5.07%;Opera最新市场份额则为1.62%,较上月的1.71%下降9个百分点。看来在 NetApplications的统计中,三月份除IE外,其余浏览器的市场份额都出现了下降。

Via:NetApplications  StatCounter  文/浏览迷

华为回应澳洲项目遭禁:决定公开设备源代码

这不是华为第一次在海外开拓中遭到质疑。质疑不是针对它的技术,而是针对它的“背景”。3月28日,澳大利亚政府禁止华为参与投标澳大利亚全国宽带项目。外媒反复渲染称,华为首席执行官任正非具有中国军方背景,因而可能给澳大利亚的网络运营带来安全风险。

华为对澳大利亚政府的决定表示遗憾。华为媒体事务部人士3月30日在接受本报采访时说:“我们决定公开设备的源代码。”她停顿了一下又说:“我们已经亮出了底牌,接下来就看澳方怎么回应。”

公开源代码有先例

华为参与投标的澳大利亚全国宽带网项目(NBN)是当地最大的国家建设项目。NBN的总投资达359亿澳元,五年后,它将使93%的澳大利亚家庭受益。

这块大蛋糕令华为、法国的阿尔卡特朗讯等多家电信设备供应商垂涎不已。华为在这场竞争中具有明显优势。它已在全球仅有的9个NBN项目中,中标了8个。而且,澳大利亚所有主要的运营商都与华为开展合作。

然而,去年年底,澳方开始传出不利于华为竞标该项目的声音。据当地媒体报道,澳司法部副秘书托尼·西恩(Tony Sheehan)曾直白地对华为说“不要浪费力气竞标”。

今年3月,澳大利亚司法部再次发表了类似意见。因此,澳大利亚政府28日公布的决定并不令华为意外。

华为对此表示将公开设备的源代码。事实上,该回应有先例可循。2010年,华为在印度竞标一无线网络项目。印方同样传出了不信任的声音。当时,华为就表示愿意向印度政府公开源代码。

“当时印度政府的担心不只针对华为一家,”华为内部人士回忆说,“但只有我们公开了源代码,这是其他西方公司都没有做到的。”

对于电信设备供应商来说,源代码属于公司的商业机密。面对外方的商业歧视行为,华为自愿接受“裸检”,最大程度释放诚意。

“因为我们要开拓当地市场,而且华为一直以来秉持的企业文化就是贴近客户需求。”上述华为人士在解释公开源代码的动机时说。最终,印度政府解除了对华为设备的禁令。

但澳大利亚方面尚未对华为此次公开源代码的行为做出正面反馈。对此华为方面表现得很淡定。“我们也不是特别依赖这个NBN项目,我们最大的海外市场在欧洲和中东。”华为内部人士说。

中澳关系不受影响

“从表面上看这是一个商业事件,但它背后有政治逻辑,”上海社科院国家关系研究所副研究员胡志勇说,“澳大利亚在追随美国。”

两国之间的经贸往来甚为密切。美国将澳大利亚列为TPP(The Trans-Pacific Partnership,跨太平洋战略伙伴协定)的九大成员国之一。

美澳“蜜月”显然不利于中澳关系。据澳国媒体报道,华为发现,在奥巴马去年11月访澳之后,华为和澳大利亚政府之间的关系明显降温。

此前,华为在美国投资手机宽带网络以及并购美国网络通讯公司的努力也一直进展不利。美方给出的理由也是担心任正非的军方背景会威胁到美国的国家安全。

“我们是一家100%的民营企业,”华为内部人士说,“没有什么军方背景。”

“这是把商业行为政治化了。”胡志勇说。他认为,美国对中国的高技术企业进入本土市场的限制过于苛刻。美国不仅以威胁国家安全为由把中国企业挡在门外,而且不准本国的高技术企业向中国出口产品。

但对中国投资奉行宽松政策的澳大利亚毕竟不同于美国。澳大利亚国内还是传出了支持华为的声音。澳外长卜卡(Bob Carr)公开表示:“我会敦促华为继续在澳洲扩展业务,不要被这个决定束缚。”

尽管澳大利亚上海商会拒绝就华为被禁发表评论,但澳大利亚驻华大使馆发言人对本报记者说:“中澳友谊超过40年,不会受此事件的影响。”

《21世纪经济报道》