以图明志

Web设计理念

自己手动做一个社会化分享功能

社会化分享也慢慢开始热起来了
随着社会化应用的火爆,社会化分享也慢慢开始热起来了。从国外的AddThis,到国内的JiaThis,还有最近才出来的百度分享等等。现在我们经常在各种网站上可以看到“分享到”这种工具,该服务提供网页地址收藏、分享及发送的按钮工具,网站的浏览者可以方便的分享到微博和SNS网站,网站主只要添加一段JavaScript即可实现。

Web设计理念

怎样才算是好的用户体验?

体验为王的时代
说今天是一个体验为王的时代,一点也不过分。做大众消费品的人可能已经感觉到,今天消费者的话语权越来越强,如果你的产品做得好,不久就会口口相传;如果你的产品做得烂,不久就会骂声一片。所有这一切在过去是不可想象的。但今天,每个人都可以发布信息,每个人的声音即使弱小,也总能被别人听到。

Web设计理念

互联网产品设计要参考的用户心理特征

互联网用户常见心理特征
用户:“你们的平台真烂,我商品的显示全部错了。”客服:“亲,别人的都是好的。是不是你设置错了?”用户:“别人和我有什么关系,我的商品显示出来就是错的!”看上去蛮不讲理,但是每个人都是自己世界的国王,他对他自己全部的负责,所以当我们很轻易的说少数人的时候,也应该去体会这少数人的全部世界。

Web设计理念

网页宽度设计的选择

网页宽度选择的一些依据
几乎所有的大型网站都是采用比较保守的网页宽度设计,目前且都已不再考虑800*600分辨率的用户的全屏浏览问题,目前网页宽度设置的主流标准仍然是950/960/980像素宽度,最大980像素也大都是国外网站。固定宽度只适合功能型网站,不适合希望用户认真阅读的浏览型网站。浏览型网站,它的定位是“知识库”,希望你停留在这里认真浏览和阅读。

Web设计理念

Web开发须知:URL编码与解码

Url编码的原则就是使用安全的字符
通常如果一样东西需要编码,说明这样东西并不适合传输。原因多种多样,如Size过大,包含隐私数据,对于Url来说,之所以要进行编码,是因为Url中有些字符会引起歧义。例如Url参数字符串中使用key=value键值对这样的形式来传参,键值对之间以&符号分隔,如/s?q=abc&ie=utf-8。如果你的value字符串中包含了=或者&,那么势必会造成接收Url的服务器解析错误。

Web设计理念

如何在网页使用自定义的字体

看看@font-face的具体使用
有时候我们需要在网页上显示自定义的字体,方法在网上有很多,下面说下自己的看法。在网页中嵌入非系统自带字体,虽然技术上能实现,但是对国内来说,没有太大的实际意义,因为一个中文体文件起码20M+,而且各个浏览器支持的字体文件还都不一样,也就是说,在服务器端必须有2-3个不同格式的字体文件,用来应付各个浏览器,可以看下下面这张对应图。

Web设计理念

2012情人节献礼:1kb的玫瑰生成脚本

纯js脚本实现
情人节快到了,这里送大家一枝玫瑰,无论是有对象还是没对象的朋友们,情人节快乐~下面的玫瑰绘制用到了HTML 5的canvas,所以你的浏览器需要支持HTML 5。个人还是比较推荐chrome,这个效果在Firefox下也会稍卡。

Web设计理念

网站首页应该设置的12个元素

网站首页需要身兼数职
Hubspot绝对是在将驱动内容进入营销策略方面做得最绝的一家,我从没见过一家公司能够推出这么多白皮书、演示以及电子书籍。现在Hubspot又推出了关于网站首页12大元素的信息图表。网站首页需要身兼数职,提供给来自不同地方的观众们使用。它不像一个专用的登陆页面——来自不同通道的流量会显示各自特定的信息,并执行相对应的指令。

Web设计理念

图片的预加载的一些潜在问题

你真的了解图片的预加载吗?
相信大家都看到过ie下的内存泄漏模式的文章,其中有一个模式就是循环引用,而闭包就有保存外部运行环境的能力(依赖于作用域链的实现),所以img.onload这个函数内部又保存了对img的引用,这样就形成了循环引用,导致内存泄漏。(这种模式的内存泄漏只存在低版本的ie6中,打过补丁的ie6以及高版本的ie都解决了循环引用导致的内存泄漏问题)。

Web设计理念

Cookie的工作原理与优缺点

Cookie是怎样工作的
一般来说,Cookie通过HTTP Headers从服务器端返回到浏览器上。首先,服务器端在响应中利用Set-Cookie header来创建一个Cookie ,然后,浏览器在它的请求中通过Cookie header包含这个已经创建的Cookie,并且反它返回至服务器,从而完成浏览器的论证。

Web设计理念

StackExchange:Web开发中你需要知道的事

表面上的东西永远是肤浅的
在StackExchange上有人问了这样一个问题:What should every programmer know about web development?(关于Web开发,什么是所有程序员需要知道的?)里面给出的答案非常不错,所以,我翻译转载过来。 顺便说一下,StackExchange真是非常好,大家可以对同一个答案做贡献和修订,看看这个问题的修订过程你就知道了。

Web设计理念

简单配置.htaccess就可以实现的10个功能

防止盗链,防止目录浏览等
那些盗用了你的内容,还不愿意自己存储图片的网站是很常见的。你可以通过以下配置来放置别人盗用你的图片:……有时候目录浏览是有用的,但大部分情况会有安全问题。为了让你的网站更安全,你可以通过htaccess文件来禁用这个功能:……

Web设计理念

Web开发者需要了解的Web技术历史

Web开发技术历程
从技术层面看,Web架构的精华有三处:用超文本技术(HTML)实现信息与信息的连接;用统一资源定位技术(URI)实现全球信息的精确定位;用新的应用层协议(HTTP)实现分布式的信息共享。这三个特点无一不与信息的分发、获取和利用有关。其实,Tim Berners-Lee早就明确无误地告诉我们:“Web是一个抽象的(假想的)信息空间。”

Web设计理念

PHP与JavaScript下Cookie的交互使用

列出JS和php交互的方法
php用自身函数读取php 的cookie,没有任何障碍,无需解码处理。js采用cookie.js方法读取js 的cookie,没有任何障碍,无需解码处理。js读取php的中文cookie,需要做 "decodeURIComponent (escape(php_cn_ck)) "函数处理。php读取js的中文cookie 需要做 "unescape()" 函数处理。

Web设计理念

有关用户体验的点点思考

反对把"最佳实践"、"方法论"、"框架"挂在嘴边
用户体验这个词似乎突然流行起来,似乎因为以前过苦日子,不在乎衣着打扮,最近大家富足了,审美提高了,突然迸发出了需求。当然也和大环境有关系,比如苹果的成功,很多人就认为是用户体验至上;360不管口碑如何,产品也经常被(包括Pony)作为用户体验的榜样。

Web设计理念

各浏览器加载资源的方式区别

各浏览器是如何下载资源来打开页面的
这个总结来源于一次优化的请求,最初某个页面的加载十分缓慢,load事件迟迟无法触发,因此希望可以通过对静态文件分域名等方式对页面的外部资源进行优化,拿得load事件尽可能早地触发。本篇文章就使用几种流行的浏览器,针对同一个页面的外部资源加载过程进行分析,推测各浏览器加载外部资源的策略、特征,并最后给予一定的比较和总结。
2 / 8 首页 < Prev 1 2 3 4 5 Next > 尾页 页码: