以图明志

Web设计理念

首页的飘雪效果演示

感受冬日的温馨~
昨天是冬至,于是随着兴致在首页弄了一个飘雪的效果,心想这效果一直挂到春节也合适,感觉还是挺温馨的 :)。今天有网友说想要这个效果的代码,那么就在这里发一下吧。前几年扒了一个Google自己的下雪效果,非常的棒:重温Google彩蛋Let it snow的温馨效果。但是到后面会雾蒙蒙的一片,不太适合做首页效果,所以这里单纯的让雪花飘落就行了。

Web设计理念

浏览器User-agent String里的历史故事

为啥User-agent总是有Mozilla字样?
你是否好奇标识浏览器身份的User-Agent,为什么每个浏览器都有Mozilla字样? 因为网站开发者可能会因为你是某浏览器(这里是 Mozilla),所以输出一些特殊功能的程序代码(这里指好的特殊功能),所以当其它浏览器也支持这种好功能时,就试图去模仿 Mozilla 浏览器让网站输出跟 Mozilla 一样的内容,而不是输出被阉割功能的程序代码。大家都为了让网站输出最好的内容,都试图假装自己是 Mozilla 一个已经不存在的浏览器……

Web设计理念

关于网站经营的一些零碎心得

网站内容、定位与目标
网站内容是一个网站的立站之本。关于网站内容,有以下心得。用户贡献内容是第一步。用好的方式找到有价值的内容是第二步。为找到的好内容找到合适的,感兴趣的读者是第三步。让用户互动起来是第四步。好的方式找到有价值的内容的方法有两种。一种是事先过滤,是预测性的,过滤什么,不过滤什么,靠的是少数编辑。

Web设计理念

IE在被广为诟病之前曾是Web创新的先驱

Internet Explorer 浏览器的创新之处
在 Internet Explorer 成为大家都恨之入骨的浏览器的很久以前,它曾是整个互联网的创新驱动力。有时候我们很难记得那些在 IE 6 成为全世界 web 开发者的灾难之前 IE 所作的贡献。不管你信不信,正因为有了 IE 4—6,才会有我们现在所知的 web 开发。

Web设计理念

浏览器渲染过程中的reflow是什么

浏览器渲染原理
浏览器每天就这么来来回回跑着,要知道不同的人写出来的html和css代码质量参差不齐,说不定哪天跑着跑着就挂掉了。好在这个世界还有这么一群人——页面重构工程师,平时挺不起眼,也就帮视觉设计师们切切图啊改改字,其实背地里还是干了不少实事的。

Web设计理念

WebKit内核加载渲染网页的过程

WebKit引擎快速的原因
在WebKit渲染网页之前,它需要将页面和所有引用的资源加载完毕。其中会涉及到不同层面的工作。在本文中,我将重点关注WebCore(WebKit中主要渲染组件)是如何在加载过程中发挥作用的。WebKit包含两条加载流水线,其中一条负责将文档加载到frames当中,另一条负责加载其他资源(比如图片、脚本一类)。

Web设计理念

什么是互联网产品、社区的核心价值

设计,运营思路与用户价值
到底什么是价值?价值的不能用一个标尺来衡量。记得以前有故事,说工厂里输气管道坏了,死活找不到问题,于是请来了德国专家,专家走到某个地方敲了敲,说这坏了,人们一修,故障马上解除;专家要收20W,人们不解,不就是敲了一下吗?专家说,知道在哪敲19W,敲这一下值1W。

Web设计理念

不再以讹传讹,GET和POST的真正区别

网上的多数答案都是错的
前几天有人问我这个问题。我说GET是用于获取数据的,POST,一般用于将数据发给服务器之用。这个答案好像并不是他想要的。于是他继续追问有没有别的区别?我说这就是个名字而已,如果服务器支持,他完全可以把GET改个名字叫GET2。他反问道,那就是单纯的名字上的区别喽?

Web设计理念

前端与页面开发的水有多深

Stay Hungry, Stay Foolish
但凡从事互联网的人基本都会写几行html,用过Word的人用Dreamweaver也能做出规整的页面,所以大部分人会很自然地认为“页面的开发没什么技术含量,很简单”。不仅有这种普遍的认知,对从业者来说也有很多疑惑:做页面前端实现,没问题;兼容性,小case;图片集成,一直都在用……还能有什么问题?瓶颈啊、天花板啊、转型啊、出路啊就在从业者中广泛讨论。

Web设计理念

产品三俗:瀑布流、动态流、奖章

盲目跟风?醒醒,还来得及
瀑布流的鼻祖是Pinterest,Pinterest的用户97.9%是女性。有种说法是,洋妞们从小就有收集剪报的习惯,Pinterest将这个习惯移植到了网络上,故快速引爆流行。听上去挺有道理。从交互角度来分析,瀑布流最大的好处有两个,第一是提高了“发现好图”的效率,第二是图片列表页极强的视觉感染力。

Web设计理念

自己模拟实现一下Google的赛马Doodle

赛马Doodle的实现原理
今天的Google Doodle是个动态的,是一个骑马的动态Doodle,是谷歌纪念英国实验摄影师埃德沃德·迈布里奇182周年诞辰,埃德沃德·迈布里奇是运动摄影的开创者,所以谷歌涂鸦以一个运动的摄影作为背景创作的。我对这个doodle的实现比较感兴趣,下面做个实现小程序。

Web设计理念

用无数完美的瞬间拼凑完美的用户体验

良好的用户体验在于完美的瞬间
在第一个瞬间,也就是当一位用户从Google搜索结果页面跳转到某个网站的时候,他此刻可能就是想看看这个网站的名字及功能;而下一个瞬间可能就开始琢磨如何使用页面中的播放器来观看某个视频介绍。再然后可能寻找从哪里注册,或者看看商品是否打折,勤学尝试联系这个公司。

Web设计理念

StackOverflow不仅仅是一个问答网站

很多网站抄袭不到它的精髓
今天看到了一个网站的模仿StackOverflow的问答应用,有点儿感慨:是不是设计这个模仿应用的人,真的认为,StackOverflow真的就是提供提问和解答服务的?StackOverflow 的精髓,首先在于其声望(Reputation)系统,这才是去解答的人要的,可是这个模仿的应用,居然都不显示用户的声望值。

Web设计理念

cookie与session的运作机制讲解

详细了解这两种机制
具体来说cookie机制采用的是在客户端保持状态的方案,而session机制采用的是在服务器端保持状态的方案。同时我们也看到,由于采用服务器端保持状态的方案在客户端也需要保存一个标识,所以session机制可能需要借助于cookie机制来达到保存标识的目的,但实际上它还有其他选择。

Web设计理念

前端工程师难招的一些原因推测

前端不仅仅是指html和css、js
最近招前端职位的,招了好久都没合适的。为什么前端会这么难招,这里总结一下。前端并不比后端简单,中国的企业包括大企业很多时候意识不到这点。未来的重点是人机交互,这也是为什么微软,苹果,google都大力发展新的科技人机交互,这些都是前端的范畴。

Web设计理念

如何把Web缓存都充分利用上来?

充分利用缓存来提高网站性能
使用URLs时要确保一致性 浏览器基于URL来缓存资源。当URL改变后,浏览器从源服务器获该资源的新的版本。查询字符串参数的改变也被视为URL的改变。例如,"/default.aspx" 被缓存到浏览器,如果你请求了"/default.aspx?123",浏览器将从服务器获取新的版本。对于这个新URL的响应,如果你返回的是正确的缓存报头,它仍然会被缓存。
1 / 8 首页 < Prev 1 2 3 4 5 Next > 尾页 页码: