http://www.kuqin.com/webpagedesign/ 挖经验 / 前端开发 zh-cn Copyright &copy; 2007-2008 <A href="http://www.kuqin.com">酷勤网</A> All Rights Reserved <A href="http://www.miibeian.gov.cn/" target="_blank">京ICP备07011765号</A> kuqin.com@163.com http://www.kuqin.com/webpagedesign/20090705/60810.html 重做了一次系统，很自然的就丢失了原本被浏览器记录了的全部书签中网址的登录用户名。 其实，所有网站的密码基本上我都没有忘记，反倒是把用户名都记的混淆了。我实在无法记得这些全数字ID、数字+字母ID、字母+下划线ID、必须超过6个 字母的ID、必须使用字母数字组合ID 2009-07-05 前端开发 kent.zhu 幻风阁|kent.zhu’sBlog http://www.kuqin.com/webpagedesign/20090705/60698.html 今天遇到的这件事情让我感到无奈，甚至是耻辱。 作为淘宝的员工，也偶尔在淘宝处理我的闲置物品，这种既为开发人员又是用户的双重身份让人颇具有玩味。 卖了件闲置物品给在香港的同胞，什么都聊好的情况下，照常打开&ldquo;我的淘宝&rdquo;查看发货信息，傻眼了。 2009-07-05 前端开发 手气不错 Gracecode.com http://www.kuqin.com/webpagedesign/20090705/60689.html 字体设计是人类商业活动的需求，它随着时代和科学技术的进步而不断地变化着。被广泛应用于网络生活的各个方面。 现代字体设计在电脑技术的应用中已经深入到日常工作、生活的每一个角落。 随着工作中各类需求的增多，越来越多类目的广告banner设计对字体的要求也越来越 2009-07-05 前端开发 xiongmao UED.Alimama.com http://www.kuqin.com/webpagedesign/20090705/60686.html &nbsp;&nbsp;&nbsp; 我们在使用任何一款产品的时候，尤其是第一次使用的时候，总会产生&ldquo;不爽&rdquo;。 &nbsp;&nbsp;&nbsp;&nbsp; 比如： &nbsp;&nbsp;&nbsp; 1.访问&ldquo;http://ucdchina.com/&rdquo;， 想回到首页，一般情况下，我会寻找 导航页上面的&ldquo; 2009-07-05 前端开发 wkcow 百度空间 http://www.kuqin.com/webpagedesign/20090702/60216.html 对于新用户，网站只有不到2分钟的介绍时间。其中，花在主页上的时间只有半分钟，这半分钟里大部分的时间用于决定下一步去哪里，而不是逐字阅读那些内容。成人每分钟阅读200-300个单词，所以，更为实际的做法是把网站的介绍用10到20个单词就讲清楚。用户会在内部页 2009-07-02 前端开发 邓熔 老邓态度|邓熔 http://www.kuqin.com/webpagedesign/20090629/59609.html Cheat Sheet 一词在中文中并没有很贴切的对译，大概是考试作弊条一类的东西，这要求 Cheat Sheet 必须短小精悍又覆盖广泛，作为 Web 开发与设计师，免不了在工作时查询大量资料，某个 Web 色值，某个 JavaScript 库的核心语法，这类资料如果攒齐了，怕有半间屋子那么多 2009-06-29 前端开发 秩名 COMSHARP CMS http://www.kuqin.com/webpagedesign/20090629/59603.html 什么？连(上)都没看？快看看吧：垂直栅格与渐进式行距(上) 新问题 来也匆匆，去也“冲冲”。距上次发布垂直栅格与渐进式行距(上)发布，已经不知不觉过去了两个多月了。反过来，看看上次的成果。诶？怎么感觉边注有点奇怪呢？ (demo-6.html) 还是参 2009-06-29 前端开发 宗羲 Taobao.com UED Team http://www.kuqin.com/webpagedesign/20090629/59531.html 随着WEB2.0时代来，给网络的带来了空前的发展。前端用户体验变得越来越显的重要，从而来弥补B/S结构的用户交互型差的一些弊端，可是这样会带来一个问题就是会增加客户端的压力，比如大量运用JS代码，大家都知道JS代码是运行在客户端的，会影响到整个网页的在浏览器的解 2009-06-29 前端开发 秩名 蓝色理想 http://www.kuqin.com/webpagedesign/20090627/59240.html 无论何时，IE总是让页面制作者感到那么的黯然销魂，尤其是IE6，IE7次之，虽然IE8已经做了很大的改进，但由于XP用户的数量实在太大，而且大部分不愿意升级他们的浏览器，所以页面制作者只能一次又一次的被IE6折磨得死去活来。 今天在写页面的时候，碰到了折行的问题，正 2009-06-27 前端开发 秩名 prower - 记录成长历程 http://www.kuqin.com/webpagedesign/20090627/59153.html 在这个显示器百花齐放的时代，网页设计师往往需要考虑不同客户端的浏览体验。 来自：http://www.icepeach.cn/archives/33179 文字大小，是用户体验中的一个重要部分。不同的分辨率，不同的显示器尺寸，不同的DPI，乃至不同的浏览器设置，都会对最终展现的文字大小带 2009-06-27 前端开发 秩名 冰桃 - 垆边似月人 http://www.kuqin.com/webpagedesign/20090626/59051.html 最近我因为要安装 Firebug 1.4 导致我不得不安装了 Firefox 3.5 ,所以很不小心地接触到了Wordpress后台那漂亮的文字阴影.也就是CSS中的text-shadow属性.所以今天我整理了一些资料,希望可以对大家有所启发. 首先我们看看wordpress 2.8后台使用了text-shadow的部分(绿色 2009-06-26 前端开发 eddie.Yang eddie.Yang's creative http://www.kuqin.com/webpagedesign/20090626/58912.html &nbsp;Jakob Nielsen最近发表了一篇反对密码屏蔽的文章，认为在大多数情况下，在输入密码过程中屏蔽输入内容不但没有增加安全性，反而减低了可用性，增加了用户的出错频率。 我相信很多朋友在登录各个网站的时候都经历过密码输入出错的问题，所以也很容易同意Jakob 2009-06-26 前端开发 gexiaofei 天真小院儿 http://www.kuqin.com/webpagedesign/20090626/58899.html &mdash;&mdash; 本文刊登在《程序员》2009年6月期 最近网上再度兴起了CSS布局和Table 布局的争论。我最初颇有些不以为然：我原以为CSS 布局的意义早已深入人心，却没想到还有这么多设计师及开发人员持有异议。 静下心来看罢大家的讨论，一番细想，觉得原因可能有两个 2009-06-26 前端开发 秩名 Taobao.com UED Team http://www.kuqin.com/webpagedesign/20090626/58851.html 为JavaScript做一点性能小提升吧！ 本文列出了24条能让你的代码编写过程更为轻松高效的建议。也许您还是JavaScript初学者，刚刚写完自己的Hello World，那这里有很多对您的工作将十分有用的小贴士；也许有些技巧您已经知道，那就试试快速浏览一下，看能不能发现一点新 2009-06-26 前端开发 秩名 Beleben Design http://www.kuqin.com/webpagedesign/20090624/58518.html 译文来自：404页面最佳实践 原文链接：404 Best Practices 一个网站上的404 错误是服务器在请求资源找不到的时候发生的。一个设计合理的404错误页面不仅仅是网站完整性的一部分，还是网站的可用性的重要体现。好的404错误页面设计可以大大的增强网站的用户体验。 1 2009-06-24 前端开发 秩名 前端观察 http://www.kuqin.com/webpagedesign/20090624/58504.html HTML5 是由 WHATWG (Web Hypertext Application Technology Working Group) 发起的，最开始的名称叫做Web Application 1.0，而后这个标准吸纳了Web Forms 2.0的标准，并一同被W3C组织所采用，合并成为下一代的HTML5标准。 前言 HTML语言作为如今编程最为广泛的语言， 2009-06-24 前端开发 蒋博 InfoQ http://www.kuqin.com/webpagedesign/20090624/58502.html 事情的缘由是，前两个礼拜打了个“飞的”去北京玩，见了一位在百度做前端的朋友。过去一年以来，这家伙就不停的在鼓动我去他们那个邪恶的公司。当然，见面之后就不能再当面称呼人家是邪恶的公司啦，所以我就找了个理由，说你们那个“百度盲道”做得 2009-06-24 前端开发 小麦 小麦的自习教室 http://www.kuqin.com/webpagedesign/20090624/58477.html 原文：Justifying usability research&nbsp;作者：Giles Colborne 译者：耿人杰&nbsp;译文来自：http://gengrenjie.com/archives/584 引言：如何说服管理层进行可用性研究是任何一个UED团队都需要面对的问题。你必须以他们听的懂的理由说服他们进行这项投资，这不是件 2009-06-24 前端开发 Chui Chui Tan 耿人杰的网络日志 http://www.kuqin.com/webpagedesign/20090624/58444.html 最近在使用Apple.com/Ebay.com/Amazon.com/shopping.yahoo.com的时候,发现一些用户使用细节的小问题.针对这些问题,我体验了前面四个网站的处理方式,觉得还是有可以借鉴的东西. 针对suggestion的情感化设计细节处理: EBAY.COM 当用户觉得不想使用suggestion,或认为s 2009-06-24 前端开发 Alite Alite-交互设计与用户体验设计禅意花园 http://www.kuqin.com/webpagedesign/20090623/58434.html 注：本文所说的视觉设计师专指网页视觉设计师。 网页设计师与平面设计师都归类为设计师，其实这两个职业是跨行业的，虽然有很多设计师一直在跨行业工作着。这两个职业的最大区别应该是在思维上，对于平面设计师来说，天马行空般的创新思维很重要，他们需要的是在一张白 2009-06-23 前端开发 prower prower - 记录成长历程 http://www.kuqin.com/webpagedesign/20090621/58019.html 最近被&ldquo;模块化&rdquo;缠身，又是文章又是PPT的，被逼着想了很多相关的东西。整理下我这段时间对于&ldquo;模块化&rdquo;的思考，大多都是我自己从事页面重构这份工作的经验和理解，在一定程度上存在局限性，也希望自己能温故而知新。 &ldquo;模块化&rdquo;只是我 2009-06-21 前端开发 Ghost CSS森林 http://www.kuqin.com/webpagedesign/20090621/57914.html 前后端分离的开发模式，原本觉得没什么稀奇的玩艺，在最近参与的一个大型项目中，让我有了更深的理解。 前后端分离的开发模式：系统分析阶段，系分和前端开发人员约定好页面上所需的逻辑变量，进入功能开发阶段，前端开发人员进行前台页面结构，样式，行为层的代码编写 2009-06-21 前端开发 ioldfish 老鱼在线 http://www.kuqin.com/webpagedesign/20090620/57895.html W3C 10 年第一次感受到新一代 Web 的压力，HTML 5 的呼声越来越高，而 HTML 5 中最引人注目的功能是对视频标签的支持，视频，音频可以象图片那样直接嵌入网页，无需第三方插件的参与。在众多 Web 视频技术中，由非营利组织 Xiph.org&nbsp;负责维护的 Ogg Theora 以及 Vo 2009-06-20 前端开发 秩名 COMSHARP CMS http://www.kuqin.com/webpagedesign/20090620/57894.html 原文：用CSS3将你的设计带入下个高度 译自：Take Your Design To The Next Level With CSS3 版权所有，转载请注明出处，多谢！！ 级联样式表在13年前被引入，而且被广泛使用的CSS 2.1 标准在11年前被创建，显然我们现在已经与当年相差千里了。相当了不起的是期间网 2009-06-20 前端开发 Inayaili de León 前端观察 http://www.kuqin.com/webpagedesign/20090620/57893.html W3C 在 HTML 5 proposal&nbsp;中为 HTML 5&nbsp;赋予了这样的使命，它将弥补上一代 HTML&nbsp; 的不足，具体说，是实现 Flash, Silverlight, JavaFX 所能实现的功能。&nbsp;HTML 5，这个 HTML 明日之星是否会改变 Web 应用的游戏规则，是否会让这些富 Web 插件成为历史 2009-06-20 前端开发 秩名 COMSHARP CMS http://www.kuqin.com/webpagedesign/20090620/57874.html 1、缓存 &nbsp;对那些经常使用的数据和需要大量的时间来创建的数据可以存储在内存中，后来的请求直接使用，不需要在从新生成， &nbsp;使用方法很简单： &nbsp;<%@OutputCache VaryByParams="none" Duration="120"%> &nbsp;使用缓存的原则 2009-06-20 前端开发 星球人 博客园 http://www.kuqin.com/webpagedesign/20090619/57725.html 译文来自：10个非常有用的CSS hack和技术 原文链接：10 astonishing css hacks and technique 好吧，既然你看了这篇文章，那么我猜你了解CSS并且知道它能为你做什么。但是一些很有用的技术对很多开发人员来说仍然比较隐秘，所以本文中，让我们看看10个肯定能提高你 2009-06-19 前端开发 Jean-Baptiste Jung 前端观察 http://www.kuqin.com/webpagedesign/20090618/57514.html 在讲CSS优先级之前，我们得要了解什么是CSS，CSS是用来做什么的。 首先，我们对CSS作一个简单的说明：CSS是层叠样式表（Cascading Style Sheets）的简称。它的规范代表了互联网历史上一个独特的发展阶段。现在对于从事网页制作的朋友来说，应该很少没有听说过CSS了，因 2009-06-18 前端开发 css探索之旅-飘零雾雨的庄园 蓝色理想 http://www.kuqin.com/webpagedesign/20090617/57326.html 在网站的一些应用中需要提供用户直接打印页面的功能，最明显的就是电子优惠券，商家根据网站提供的模板输入内容，然后生成优惠券页面，用户打印这个页面即是优惠券。 当然最优的做法是根据这个页面生成一个图片文件，用户下载这个图片再去打印，打印的效果就不会受浏览 2009-06-17 前端开发 zhusun Koubei UED http://www.kuqin.com/webpagedesign/20090617/57322.html hResume是发布简历和个人简历的微格式。 主要是用于发布简历和个人简历 hResume格式是基于一套共同的众多领域恢复今日公布在网站上。 在可能的情况下字段名称已选定，并从原有微格式重复使用。 实现hResume的方式，简单的来说就是把微格式中的Hcard、hCalendar、hReview 2009-06-17 前端开发 jalin 163 UED Team http://www.kuqin.com/webpagedesign/20090617/57178.html CSS（层叠样式表），英文全称Cascading Style Sheets，是一种网页的外观语言，简单来说就是CSS语言是用来定义网页上文字、图片等的外观（字体、大小、颜色等）。 自己也记不起什么时候开始使用的CSS，以前用Dreamweaver做网页的时候会自动产生CSS代码，也许这不算是使 2009-06-17 前端开发 Epile Epile · 奇雅 http://www.kuqin.com/webpagedesign/20090615/56862.html 清除浮动一个凡是做页面的人都会遇到的一个东西，但是是否大家都能够清楚的知道，全方位的了解呢？于是一闲下来了马上写了这样的一篇文章，不能讲面面俱到，然而基本能将我所知道的倾囊相授了。 我们粗略的一起来看看清除浮动的办法一共有多少个(IE里面用zoom:1就不写 2009-06-15 前端开发 今晚打老虎 ISD Webteam http://www.kuqin.com/webpagedesign/20090615/56776.html 　　现在流行的Twitter等微博客网站，有一个很好的用户体验，就是在文本框中输入文字的时候，会自动统计输入的字符，并显示用户还能输入的字符，在限制了140个字的微博客中，这样的小提示可以很好的增强用户体验。 　　如果实现这种技术呢，我进行了一些研究，发现实现 2009-06-15 前端开发 月光 月光博客 http://www.kuqin.com/webpagedesign/20090614/56674.html 为了处理根据Web标准创作的网页和根据盛行于20世纪90年代末的旧时实践创作的网页，当代的Web浏览器实现了各种不同的引擎模式。本文说明了那些模式是什么以及如何触发它们。 原文：Henri Sivonen的Activating Browser Modes with Doctype2009.05.19 译文来自：http://d 2009-06-14 前端开发 Henri Sivonen 随网之舞 http://www.kuqin.com/webpagedesign/20090614/56672.html 个人主页 1、导航 极赞，且采用了少见的跟随窗口滚动的方式。由于整体配色清淡一致的缘故，这样也不觉得打搅，不过就牺牲了导航常用的深色系，使导航不够醒目，利弊参半。我猜测原因是这样的：为了及时通知消息（当页面拉到较低位置的时候），又要把标签栏走马灯的提示 2009-06-14 前端开发 3233 TG ideas http://www.kuqin.com/webpagedesign/20090614/56670.html 最近讨论到了line-height的问题，做了一个实验，分别测试占主流的Firefox、IE6、IE7、IE8下的line-height的算法。 1.第一种情况，字体为宋体，在不设置line-height时，font-size:12px。 Firefox&mdash;-字体实际高度为11px，上留白1px，下留白2px，上下所占空间为14 2009-06-14 前端开发 秩名 Cnscorpio http://www.kuqin.com/webpagedesign/20090614/56483.html 不论是企业网站、个人博客，或者购物网站、游戏网站，我们都希望能吸引访问者并且给他们留下愉快的访问体验。 可用性是用户体验的一种度量，它可以用访问者完成网站功能的方便程度来描述&mdash;&mdash;无论是通过自身知识还是通过学习新方式来完成这种功能。我认为Jako 2009-06-14 前端开发 Tim Wright Oncoding编码营 http://www.kuqin.com/webpagedesign/20090614/56482.html 今天展示一下五月底用4天时间完成的一个小项目，天津麻将电视大奖赛的专题官网UI设计+前端开发。这个项目要的很急，呵呵，所以非常非常赶&hellip;界面方面可能还有很多不如意的地方，但是网页的前端代码我是在既追求效率又追求质量的基础上完成的。这个项目的交互原型和 2009-06-14 前端开发 暴风彬彬 彬Go http://www.kuqin.com/webpagedesign/20090614/56481.html Sjoerd Visscher 发现了一个简洁的 方法 让样式在 IE 中作用到未知的元素上&mdash;&mdash;仅需 JS 创建此未知元素即可： document.createElement(elementName) 同理（对于 IE 来说 HTML5 元素即是未知元素），该方法也可顺延到 HTML5 的元素上（详细见：John Resig 2009-06-14 前端开发 怿飞 PlanABC – 怿飞’s Blog http://www.kuqin.com/webpagedesign/20090614/56480.html 译文来自：有效的维护页面：实例与最佳实践 原文链接：Effective Maintenance Pages: Examples and Best Practices 每个网站在某个时间点或其它情况下都必须执行维护 。无论仅仅是网站的部分升级还是因为网站的某些原因，这对网站所有者来说，都是不可避免的事实。而 2009-06-13 前端开发 Cameron Chapman 前端观察 http://www.kuqin.com/webpagedesign/20090613/56440.html 2009年3月20日，微软向全球发布了Windows Internet Explorer 8(IE8)正式版，成为人们关注的焦点。IE8迄今最符合标准的版本，它完全支持级联样式表 (CSS) 级别 2.1，并加强了对 CSS 3、HTML 4.01 的支持，也能很好地支持 HTML 5。由于改进了对这些 HTML 元素的支持，Web 2009-06-13 前端开发 小树 ISD Webteam http://www.kuqin.com/webpagedesign/20090613/56439.html 随着公司业务的增加，需求变的越来越多，团队也因此在不断的扩大，我们经常会遇到几个人协同工作来完成同一件作品或者维护修改别人作品的时候，那么是什么最让你最感到困扰呢？我们在实现一个表现复杂的页面的同时，CSS文件就会比较繁琐，众多的选择符、属性让人眼花缭 2009-06-13 前端开发 慕斯 ISD Webteam http://www.kuqin.com/webpagedesign/20090613/56382.html 最近在着手&ldquo;蓝色理想&rdquo;的页面重构工作，这次的项目与以往来比有几个劣势： 对参与开发人员的水平均不了解； 陌生人，谈不上谁配合谁，只能自己多协调一下大家的编码习惯； 结合这两天的项目进展及过去的工作经验，谈一下前端开发中的团队 2009-06-13 前端开发 崔凯 崔凯的博客 http://www.kuqin.com/webpagedesign/20090613/56327.html 思考web设计师的出路问题，先看看历史： 互联网最早的设计师的职能其实是工程师兼职做了，慢慢大家发现，能写出优美代码的工程师并不能把网页设计得很美观。于是，工程师＋美工的搭配成为主流。再到后来，人们觉得网页漂亮与否其实并不能帮助一个网站成功，大家认为， 2009-06-13 前端开发 tony 懒得设计 http://www.kuqin.com/webpagedesign/20090613/56325.html 先是看了这篇文章：高品质的网页设计: 实例与技巧 我突然意识到，我之所以崇尚的一些网页设计风格是什么原因了，原来其关键是恰到好处的留白。 比如douban，比如yahoo.com，比如microsoft，等等 (图1) 上面图1是douban首页的截图，我们看到在右下角有大胆的留白，而 2009-06-13 前端开发 jiangyang 产品设计与生活 http://www.kuqin.com/webpagedesign/20090613/56307.html FireFinder是一款用于刚出不久的Firebug扩展插件。它的功能是通过CSS选择器与XPath表达式来快速查找定位页面的HTML元素。如果您是Firefox的使用者，不妨试一试。 安装后效果图如下： Firebug扩展插件-Firefinder 它的主要功能： 输入CSS选择符或XPath表达 2009-06-13 前端开发 IIduce C S S 9 . NET http://www.kuqin.com/webpagedesign/20090613/56299.html 如果你是一名Web设计师，Firebug想必不会陌生，作为一款Firefox插件，它可能是网站前端开发最有用的工具之一。尤其是如今网站中用到越来越多的javascript和ajax技术，firebug为Web前端开发与调试提供了 2009-06-13 前端开发 IIduce C S S 9 . NET http://www.kuqin.com/webpagedesign/20090613/56268.html openID, Facebook Connect这样天下大同的梦想与野心从来都在，但太遥遥无期。对于一定需要用户注册后才能使用的网站而言，如何吸引更多的用户注册生死攸关。即便是仅供浏览的网站，让用户来注册也是有益无害的。 除了那些有抢ID癖的nerds，大多数人，诸如你我，肯定都 2009-06-13 前端开发 Yuancheng 懒人有禅 http://www.kuqin.com/webpagedesign/20090610/55924.html 1.避免将页面声明为XML类型，页面使用UTF-8或者UTF-16字符集。 2.在空元素标签（不能用来包含内容的标签）结束符>前加上斜杠 /，如：<br />,<hr />等等。 3.当一个非空元素（此标签是用来包含内容的，如标题，段落）内容为空时，给它一个空白字符，而 2009-06-10 前端开发 www.w3.org W3C标准WEB前端DHTML精英俱乐部 http://www.kuqin.com/webpagedesign/20090610/55921.html 作为一名网站开发WEB前端工程师，对自己开发的网站项目应该尽可能地对其性能进行优化，现在互联网上搜索到的网站性能优化多是翻译转载自Yahoo14条或34条。Yahoo的优化建议关注在大的方面，下面，W3C Group为大家呈现WEB前端开发高性能优化部分之JavaScript的优化细节！ 2009-06-10 前端开发 dh20156 W3C标准WEB前端DHTML精英俱乐部