以图明志

Web设计理念

仿twitter微博首页的自动无缝滚动

微博中常见的留言滚动效果
一个仿twitter/新浪微博首页的自动无缝滚动效果,相信可以用到这个效果的地方很多。这种效果可以给用户带来相当不错的信任感,说明网站的实时性、活跃度都不错。加上懒加载的效果,相当人性化。

Web设计理念

分析用户行为给用户准确内容推荐

用户行为分析
推荐对于互联网公司太重要了,互联网是这个世界里最讲究平等、开放的东西,在互联网里的无拘无束引来了那么多精英投身于他,所以最终再他那不到十几年的时间才会那么深刻的改变人类的生活方式,但是做出不朽网站的却往往是利益至上的商人,而平等与开放又让他很难直接对用户伸手要钱,所以互联网公司的盈利方式都是那么的简单和单一,更多还是股市上投资人对它们未来坚定不移的信任。

Web设计理念

谈谈Web标准是什么

Web标准是一系列标准的集合
WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准。

Web设计理念

让某部分HTML随滚动始终显示在页面上

JavaScript仿淘宝智能浮动
我们经常在淘宝网看到这样的特效,商品列表特别长,而商品列名称始终保持在最顶端。如果你把滚动条滚动至最上边了,那么它会自动判断是否到顶端了,然后一直置顶从而不怕遮挡。这种特效是通过JavaScript和CSS实现的,在实际开发中有不少用途,下面是我找到的一个使用JavaScript制作的仿淘宝智能浮动的源代码,兼容性不错,在IE、Firefox、Chrome下都能正常工作。

Web设计理念

JavaScript模拟打字效果

一个很有创意的404页面
JavaScript可以模拟打字效果,很有创意的一个小脚本,可以用作404页面,当然也可以用在很多地方。先把需要打印的字符串预先保存到一个数组当中,然后利用setTimeout()方法每个一小段时间输出一个字符,连串起来就像打字一样的效果。

Web设计理念

HTML表单、HTTP Get与Post杂谈

深入了解网站的传输原理
HTTP的GET/POST方式有何区别?这是一个老生常谈的问题,但老生常谈的问题往往有一些让人误解的结论。本文将带您浅尝HTTP协议,在了解HTTP协议的同时将会展示许多被人们忽视的内容。在掌握了HTTP协议的过程中我们将自然而然地了解到GET与POST的本质区别。

Web设计理念

图解跨域与跨域的实现思路

帮助你解决跨域问题
域(Domain)是Windows网络中独立运行的单位,域之间相互访问则需要建立信任关系(即Trust Relation)。信任关系是连接在域与域之间的桥梁。当一个域与其他域建立了信任关系后,2个域之间不但可以按需要相互进行管理,还可以跨网分配文件和打印机等设备资源,使不同的域之间实现网络资源的共享与管理。

Web设计理念

一次HTTP请求中有哪些地方可以缓存

Web开发的各种缓存
一个HTTP Request从用户点击的一瞬间,到服务器返回请求,一般会经过以下类型的缓存(按照由客户端到服务器端的顺序)。 浏览器端存储:HTML5中的本地存储功能允许在浏览器端保存数据。服务器缓存直接在代码中开发,成本低,功能强。HTTP缓存一般由服务器(IIS,apache)等内置支持,当然也可以编程实现,也是很推荐的做法。本地存储还不够普及,在对客户端要求较高的网站中使用较多。

Web设计理念

再现粘土动画大师阿特·克洛基纪念Doodle

“小绿人冈比” 创造者阿特·克洛基 90 周年诞辰
今天的Google Doodle纪念阿特·克洛基90周年诞辰,阿特·克洛基是美国粘土动画大师、“小绿人冈比” 创造者,纪念阿特·克洛基的涂鸦是动态的,开头一Google第一个字母开始,只要你点击任何一个东西,都可以产生非常有趣的动画。该涂鸦是为了美国粘土动画大师、“小绿人冈比”创造者阿特·克洛基90周年诞辰。

Web设计理念

一个焦点图切换效果的制作

结构行为相分离
焦点图切换效果,对前端来说,恐怕再熟悉不过了,实现它的方法应该有多种。如何让当前的数字导航与图片的显示同步?这里有两个区域,图片切换区和数字导航区;分别对应着两个循环函数;plays(value)和setBg(value);当图片循环切换到第2张时,此时数字导航的当前状态也变换到第2的位置。

Web设计理念

剖析HTTP中的Get与Post操作

Get与Post的区别
Http定义了与服务器交互的不同方法,最基本的方法有4种,分别是GET,POST,PUT,DELETE。URL全称是资源描述符,我们可以这样认为:一个URL地址,它用于描述一个网络上的资源,而HTTP中的GET,POST,PUT,DELETE就对应着对这个资源的查,改,增,删4个操作。到这里,大家应该有个大概的了解了,GET一般用于获取/查询资源信息,而POST一般用于更新资源信息。

Web设计理念

淘宝首页图片切换效果模仿

很好的一个图片切换效果
仿淘宝首页图片切换,很好的一个图片切换效果。现在淘宝改版了,右下角的按钮变成圆形,不过大体上还是差不多的。这个效果你可以拿来就用,如果你看一下这个效果的源代码,或许还会有不少的收获。先来看效果演示吧~

Web设计理念

全面细致的用户体验设计建议

提高用户体验的细节性技巧
网站体验,指的是利用网络特性,为客户提供完善的网络体验,提高客户的满意度,从而与客户建立起紧密而持续的关系。感官体验:呈现给用户视听上的体验,强调舒适性。 交互体验:呈现给用户操作上的体验,强调易用/可用性。 情感体验:呈现给用户心理上的体验,强调友好性。 浏览体验:呈现给用户浏览上的体验,强调吸引性。 信任体验:呈现给用户的信任体验,强调可靠性。

Web设计理念

再现Google《芝麻街》Doodle的效果

吉姆·亨森75 周年诞辰
Google 今天首页的动态涂鸦是为了庆祝《芝麻街》木偶的创造者——吉姆·亨森(Jim Henson)75 周年诞辰。1936 年,吉姆·亨森出生于美国密西西比州,是公认的木偶大师,1969 年吉姆·亨森公司制作的儿童教育节目《芝麻街》一经推出即风靡世界。《芝麻街》最为人熟悉的是节目中采用大量布偶(Muppet)作为大部份主角,这些布偶的创造者正是吉姆·亨森。由于其传播之广泛,影响之久远,芝麻街被公认是世界上最家喻户晓的幼儿教育节目。

Web设计理念

表单中的重置与取消要慎用

重置按钮可能会伤害到用户
在大部分网页表单中,移除重置按钮会有效提升可用性,同样的,取消按钮对网页的意义也不太大。启发式的交互设计中最基本的一点是在任何情况下为用户提供“紧急出口”,离开当前环境。撤销功能是最好的解决方法之一,基本原则只是告诉我们要提供撤销功能但并没有告诉我们怎么做。

Web设计理念

HTTP Get 与 HTTP Post的细节

了解下网页传值的协议原理
HTTP-GET和HTTP-POST是使用HTTP的标准协议动词,用于编码和传送变量名/变量值对参数,并且使用相关的请求语义。每个HTTP-GET和HTTP-POST都由一系列HTTP请求头组成,这些请求头定义了客户端从服务器请求了什么,而响应则是由一系列HTTP应答头和应答数据组成,如果请求成功则返回应答。
5 / 8 首页 < Prev 3 4 5 6 7 Next > 尾页 页码: