阅读更多

8顶
0踩

Web前端

转载新闻 50个令人叹为观止的JavaScript应用站点

2009-02-01 10:13 by 副主编 zly06 评论(0) 有5591人浏览

COMSHARP CMS写道:随着诸如 jQuery, Mootools, Prototype 一类的 JavaScript 框架的崛起,Web 开发者们基于这些框架创建了众多令人叹为观止的效果。以下的50个站点全部基于 JavaScript,却拥有 Flash 一样的绚丽效果。在很多 Web 开发者看来,Flash 并不是他们的首要选择,因为 Flash 至今对搜索引擎仍是不透明的,另外,Flash 的渲染需要浏览器插件,而 JavaScript 的一切都是本地的。

Tabs

Aviary - http://aviary.com/

aviary

Aviary 使用了非常圆润的 Tab 效果,点击 Tab 后,渐出渐入的栏目介绍性内容非常漂亮,它的基于 JavaScript 的下拉菜单也美轮美奂。

Toolani - http://www.toolani.de/

toolani

黄色内容区块下方的,基于 jQuery 的 Tabs 非常漂亮。

Podcasttuneup - http://www.podcast-tuneup.com/

podcasttuneup

漂亮的 Tab 带着有趣的上卷与下卷效果。作为对比,该 Tab 框上方还有一个基于 Flash 的 Tab 框,可以看出,Flash 的反应速度明细要快得多,然而却要等半天的时间加载。

Adworks - http://www.adworks.ro/

adworks

尽管这些 Tab 并不象前面提到的那几个,带渐入溅出效果,但那些大图标实在惹人喜欢。

We are Sofa - http://www.madebysofa.com/

wearesofa

如果你想用文字式 Tab 这个网站是个很好的例子。

幻灯式内容

monofactor -http://www.monofactor.com/

monofactor

这个重新设计后的站点使用幻灯风格展示作者的作品。

Alex Buga - http://www.alexbuga.com/

alexbuga

Alex Buga 自诩为 Web 设计超级明星,使用了类似幻灯片的方式展示他最近的活动。位于右上角的那个主导航条也很 Cool,不过该站点大量使用了 Ajax。

Coda, one Window Web development - http://www.panic.com/coda/

coda

这个站可谓家喻户晓。是很多人获得灵感的地方。

Kobe - http://www.arcinspirations.com/kobe/

arcinspirations

漂亮的幻灯式内容效果,并结合了 Flash。(该站使用了单页式设计)

Dibusoft mmdv - http://www.dibusoft.com/

dibusoft

Dibusoft 使用了水平滚动图片加垂直滚动文字使用内容的幻灯式变换。它的主菜单则使用 JavaScript 实现 Lava Lamp 效果。

Jason Julien - http://www.jasonjulien.com/

jasonjulien

Web 设计师 Jason Julien 使用水平滚动的方式来显示各个栏目下的内容。

engage interactive - http://www.engageinteractive.co.uk/

engageinteractive

 

Juanid W. Hanif - http://www.jwhanif.net/

juanidw

这个位于纽约的 Web 设计师 Juanid W. Hanif 的网站给人的总体感觉很不错。

Omnitech incorporated - http://www.omnitech-inc.com

omnitech

Omnitech 的垂直垂直滚动式幻灯内容非常棒。

Quicksnapper - http://www.quicksnapper.com/

quicksnapper

Today's Websnap 里的幻灯内容

Josh Smith - http://www.joshsmith.ca/

joshsmith

不仔细看,还以为是 Flash 效果。

Qlear Interaction Design - http://www.qlear.nl

qlear

大量的幻灯式内容,整体效果很漂亮。

Giant Creative - http://madebygiant.com/

giantcreative

Tap Tap Tap - http://www.taptaptap.com/

taptaptap

 

Hotel Oxford - http://www.hotel-oxford.ro/

oxfordhotels

这个站的效果看上去象 Flash, 也拥有 Flash 一样的行为,然而却是 JavaScript。

单页式网站

以下几个站点的共同点就是大量使用滚动窗口,甚至有些滥用了。

Bryan Katzel - http://www.webleeddesign.com/

bryankatzel

Melissa Hie - http://melissahie.com/

mellisahie

volll humane communication - http://www.volll.com/

volll

you love us -http://youlove.us/

youloveus

Tomas Pojeta -http://www.pojeta.cz/

tomaspojeta

Carrot Creative - http://carrotcreative.com/

carrotcreative

Nofrks Design Studio - http://www.nofrks.com/

nofrks

Viget Labs - http://www.teamviget.com/

vidgetlabs

Danny Blackmann - http://dannyblackman.com/

dannyblackman

my kinetic Kreations - http://www.neftysworld.com/

kineticcreations

DJ Folio - http://www.djfolio.com/

djfolio

Jade Records - http://www.jedarecords.it/

jedarecords

authenticstyle - http://www.authenticstyle.co.uk/

authenticstyle

Trashstars - http://www.trashstars.com/

trashstars

Designflavr - http://www.designflavr.com/

designflavr

h4×3d.com - http://www.h4×3d.com/

haxed

 

杂效

phpcli - http://cliframework.com/

phpcli

Vitamin j Kommunikation - http://www.vitamin-j.de/

vitaminj

Komodomedia - http://www.komodomedia.com/

komodomedia

Kyan - http://kyanmedia.com/

kyan

Green any Site - http://www.greenanysite.com/

gas

Playground Blues - http://www.playgroundblues.com/

playgroundblues

CSS moon - http://www.cssmoon.com

cssmoon

Creatividad - http://2d2.es/creatividad/

creativdad

Dragon Interactive - http://dragoninteractive.com/

dragoninteractive

Marius Roosendaal - http://www.mariusroosendaal.com/

mariusroosendaal

paramore|red online marketing - http://paramoreredd.com/

paramorellred

Pikaboo - Where Ideas Grow - http://www.pikaboo.be/

pikaboo

Nebonmedia - http://www.nebonmedia.com/

nebonmedia

Helldesign - http://helldesign.net/

helldesign

英文原文:http://www.kriesi.at/archives/50-websites-that-make-amazing-use-of-javascript

来自: comsharp
8
0
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 设计模式Delphi版.rar

    设计模式Delphi版.rar,delphi之于Java最欠缺的地方就是没有好的设计模式理论指导。

  • Delphi版设计模式

    用delphi诠释设计模式

  • Delphi版设计模式之单例二

    ​接上篇Delphi版设计模式之单例一,细心的朋友可能发现我在上一篇文章中重写类NewInstance和FreeInstance函数,原因是:【在delphi中编译器对构造函数的保护级别进行了处理,即便设为private,编译器仍然会将其修正为public,所以覆盖基类中的NewInstance类方法,系统在每次构造对象时都会调用这个类方法,通过重载它就可以实现对构造函数的控制】,同时在上篇文章中有一段核心代码 我以注释的形式标注这里在并发环境下存在安全隐患,那么现在我们就通过多线程的方式研究一下这个问.

  • Delphi 设计模式:《HeadFirst设计模式》Delphi7代码---命令模式之SimpleRemoteControlTest [转]...

    //命令的接受者 unit uReceiveObject; interface type TLight = class(TObject) public procedure Open; procedure Off; end; TGarageDoor = class(TObject) public procedure Up; procedure Down...

  • 设计模式、用Delphi实现---->Singleton 模式

    Singleton模式起源Delphi的SINGLETON模式是在SINGLETON的基础上进行了扩展。更多SINGLETON模式的资料请参阅 《设计模式84页》目的保证一个类仅有一个实例,并提供一个访问它的全局访问点,一个相对简单的应用型设计模式动机此模式最重要的是保证大量类正确的访问单个实例。尽管一台个系统可能有多台打印机,但系统只允许有且只有一个打印缓存。同样比如:一

  • 设计模式、用Delphi实现---->Decorator 模式

       Decorator 模式起源Delphi的Decorator模式是在Decorator的基础上进行了扩展。更多Decorator模式的资料请参阅 《设计模式115页》目的动态地给一个对象添加一些职责。就增加功能来说,Decorator模式比增加子类更为灵活.动机我们经常要为某一些个别的对象增加一些新的职责,并不是全部的类。假设,我们有一组类用来输出文本行。

  • delphi设计模式示例

    delphi设计模式示例delphi设计模式示例delphi设计模式示例

  • Wrapper中ge,gt,lt,le的含义

    英文缩写 英文全拼 含义 eq equal 等于 ne not equal 不等于 gt granter than 大于 lt less then 小于 ge granter than or equal 大于等于 le less than or equal 小于等于

  • android 源码设计模式之--装饰模式(包装模式:Wrapper Pattern)

    1模式定义 通过包装一个装饰对象来动态的扩展其功能(添加功能),且又不需要改变装饰对象的接口(即:在不必改变原类文件和使用继承的情况下,动态的扩展一个对象的功能) 2应用场景 在不影响其他对象的情况下,以动态、透明的方式给单个对象添加职责。 需要动态地给一个对象增加功能,这些功能也可以动态地被撤销。 当不能采用继承的方式对系统进行扩充或者采用继承不利于系统扩展和维护时。 ...

  • Delphi Design Pattern - Builder

    意图:将一个复杂对象的构建与它的表示分离,使得同样的构建过程可以创建不同的表示 适用性:当创建复杂对象的算法应该独立于该对象的组成部分以及它们的装配方式时当构造过程必须允许被构造的对象有不同的表示时结构 

  • delphi 过程类型

    Procedural types(过程类型) Procedural types: Overview(概述) 过程类型允许你把过程和函数作为“值”看待,它可以赋给变量或传给其它过程和函数。比如,假设你 定义了一个叫做Calc 的函数,它有两个整型参数并返回一个整数值: function Calc(X,Y: Integer): Integer; 你可以把Calc 函数赋给变量F: var

  • Delphi中的观察者模式运用

    不知道从哪个版本开始,Delphi包含了一个System.Messaging单元,实现了观察者模式(也就是发布/订阅模式),运用于消息传递,极大方便了编程。 提供了一个消息管理器TMessageManager,默认实现了一个DefaultManager.一般运用,直接用这个DefaultManager就够了,当然也可以自己实现。 这里的消息可以包含任何东东,看看其消息定义: TMessa...

  • 装饰模式(Decorator Pattern、Wrapper Pattern,对象结构型模式)

    意图动态地给一个对象添加一些额外的职责。就增加功能来说,Decorator模式相比生成子类更加灵活。 对装饰和内容一视同仁。 Decorator是“进行Decorate(装饰)的主体”的意思。适用性当需要给一个类添加新的行为的时候,但基于开闭原则,就使用装饰模式。 在以下情况使用Decorator模式: 1. 在不影响其他对象的情况下,以动态、透明的方式给单个对象添加职责 2. 处理那

  • Wrapper中的QueryWrapper常用ge,gt,lt,le具体含义

    英文缩写 英文全拼 含义 EQ equal 等于 NE not equal 不等于 GT granter than 等于 LT less than 小于 GE granter than or equal 大于等于 LE less than or equal 小于等于

  • Wrapper设计模式

    实现Wrapper的类需要: 1. 实现某个接口 2. 依赖该接口的子类, 并通过接口方法访问子类对象的方法 同时具有类之间的关系: 实现和依赖

  • 浅谈wrapper类是什么

    1.wrapper单词含义 wrapper单词的含义是封装,包装的意思 2.wrapper类是什么 wrapper类就是包装类(也叫封装类)如: Integer Long Float Double 叫它包装是因为你在声明时只需如: int a=2; long b=4; float c=3.4f; double d=6.32; 而不需要用到包装类,如: Integer a=new Integer(2); Long b=new Long(4); Float c=new Float(3.4f); Doubl

  • mybatis plus条件构造器

    实体包装器,用于处理 sql 拼接,排序,实体参数查询等! 补充说明: 使用的是数据库字段,不是Java属性! 实体包装器 EntityWrapper 继承 Wrapper 简单示例 翻页查询 public Page<T> selectPage(Page<T> page, EntityWrapper<T> entityWrapper) { i...

  • 装饰模式(Decorator/Wrapper Pattern)

    抽象构件(Component)角色:给出一个抽象接口,以规范准备接收附加责任的对象。 具体构件(Concrete Component)角色:定义一个将要接收附加责任的类。 装饰(Decorator)角色:持有一个构件(Component)对象的实例,并定义一个与抽象构件接口一致的接口。 具体装饰(Concrete Decorator)角色:负责给构件对象"贴上"附加的责任。  

  • 推荐开源项目:DelphiPatterns - Delphi语言实现的设计模式大全

    推荐开源项目:DelphiPatterns - Delphi语言实现的设计模式大全 项目地址:https://gitcode.com/jimmckeeth/DelphiPatterns 1、项目介绍 DelphiPatterns 是一个全面的GoF设计模式实现库,专为Delphi编程语言打造。这个开源项目源于https://delphipatterns.codeplex.com/ 的克隆,并进行了...

  • Delphi模式编程

    Delphi模式编程

Global site tag (gtag.js) - Google Analytics