/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 /webpagedesign/20080704/10393.html Web 2.0代表一种市场的转变，客户的注意力从专业生成内容（Yahoo）转向用户生成内容（Google）；富Internet应用代表一种对更强交互性的需求变化，类似PC桌面端应用的web站点可以简化客户内容的创建（Blogger，MySpace）；Ajax是一种架构上的变化，来支持RIA需求 2008-07-04 前端开发 Jon Rose译者 张凯峰 InfoQ /webpagedesign/20080704/10392.html 清单是个组织页面结构的强大工具,为每个独立的项目加上意义,让你能在稍后以css加上独立的样式.除了无需清单的变化之外,有序清单,定义清单也能提供相应的语义结构,便利的样式选择,发挥你的想象力,试着用这几种不同的清单类型 -- 同时以CSS为基础结构加上华丽的外衣吧. 2008-07-04 前端开发 Dan Cederholm 蓝色理想-经典论坛 /webpagedesign/20080704/10391.html 精简标签是个值得讨论的重要话题,制作网站时,用合法的XHTML书写,用CSS设定展示效果能得到的巨大好处之一,就是精简标签.简短的代码代表着下载速度加快,对于使用56k拨号上网的用户来说,这绝对是关键,简短的代码也代表服务器空间需求,带宽消耗减少 2008-07-04 前端开发 Dan Cederholm 蓝色理想-经典论坛 /webpagedesign/20080704/10390.html HTML中的链接,正确的说法应该称作"锚点",它不仅让我们能指向文档,还能指向页面里的特定段落,更能当作"精准链接"的便利工具.让链接对象接近焦点.在这一章里,我们将看到四种不同的锚点做法,说明每个方法的优点,也会介绍title属性如何能提升链接的易用性 2008-07-04 前端开发 Dan Cederholm 蓝色理想-经典论坛 /webpagedesign/20080704/10389.html 标准化设计解决方案 Part 1: 从标记语法谈起 - Chapter 1 清单；Chapter 2 标题；Chapter 3 邪恶的表格；Chapter 4 引用；Chapter 5 表单；Chapter 6 strong,em与其他短语元；Chapter 7 锚点；Chapter 8 再谈清单；Chapter 9 精简标签 2008-07-04 前端开发 Dan Cederholm 互联网 /webpagedesign/20080704/10386.html Unobtrusive JavaScript是一种正在浮现的技术，它能将JavaScript从HTML标记语言中分离开来。这非常类似于上世 纪90年代CSS的诞生所带来的页面样式和HTML的分离。当与像Prototype这样的开源库结合使用时，会更加容易创建Unobtrusive JavaScript。 2008-07-04 前端开发 Matthew Bass译者 张凯峰 InfoQ /webpagedesign/20080703/10346.html 所有允许被 BODY 元素包含的元素，要么是块级的；要么是内联的；要么既可以算作块级的，也可以算作内联的。但是绝对不存在一个能被BODY包含，但即非块级，又非内联的元素。block 和inline 并不是display 这个属性的唯一取值。 2008-07-03 前端开发 棕熊 博客园 /webpagedesign/20080703/10342.html CSS Sprites为什么突然跑火，跟能够提升网站性能有关。显而易见，这是它的巨大优点之一。普通制作方式下的大量图片，现在合并成一个图片，大大减少了HTTP的连接数。HTTP连接数对网站的加载性能有重要影响。 2008-07-03 前端开发 realazy realazy.org /webpagedesign/20080703/10341.html 今天上午比较轻闲所以就打算盗版一下阿里妈妈的登录页面，不成想，阿里妈妈的登陆页面里面用到了一个我非常喜欢的CSS技巧（css sprite），所以也就引出了这一篇真心盗版阿里妈妈了。 2008-07-03 前端开发 楚广明 博客园 /webpagedesign/20080702/10275.html 做GUI不错的同学，做web不一定灵。虽然两者的目的都是传达，但graphical更偏向设计图形，web偏向设计信息。到现在为止，我只做过基于web-based的产品，这一个方面就够折腾。论坛对技术的推动起到了至关重要的作用。 2008-07-02 前端开发 一叶千鸟 千鸟志 /webpagedesign/20080629/10265.html OpenFlux组件和现在的Flex组件大体的区别是前者将逻辑分离到MVC架构中了。这使你能在保持其他部分功能不变的情况下，轻松的替换组件的一部分。List组件更进一步，它还分离了布局逻辑，这样你就能轻松地使用新的布局来呈现列表条目了。 2008-06-29 前端开发 Jon Rose译者 张龙 InfoQ /webpagedesign/20080629/10253.html 使用800*600及以下分辨率的电脑正在逐渐退出历史舞台，1024*768左右分辨率的电脑是目前的主流，最后是采用1280*1024及以上分辨率的用户数量已经比较可观了。使用IE的用户是绝对的主流，占总用户数的99%多，其中，IE5已经濒临淘汰，IE6仍然是目前的主力，IE7是生力军 2008-06-29 前端开发 alucard 方凳｜阿里巴巴中文站前端开发团队 /webpagedesign/20080629/10252.html 如果网页加载时间在5秒钟左右，用户离开的比例应该低于20%，超过这个时间，用户离开比例会按照每秒1-2%增加。一般的电脑都能在3-10s内完成页面的加载，对应表中的0-7秒，之后的，应该不算用户的流失，而是页面加载完后用户自然的离开。 2008-06-29 前端开发 alucard 方凳｜阿里巴巴中文站前端开发团队 /webpagedesign/20080629/10238.html 当前的Silverlight测试框架还没有集成到Visual Studio的测试运行器中，但这个框架使用了和MS Test一样的类型和特性标记，这对于在Visual Studio中编写传统单元测试的开发人员来说是熟悉的。Jeff在他的指导练习中总结到：在Silverlight控件团队里，我们创建了大量的单元 2008-06-29 前端开发 Al Tenhundfeld InfoQ /webpagedesign/20080628/10204.html 方式1：使用window.open()方法，虽然window.showModalDialog()方法是IE独有的，但window.open()方法却是IE和FF都支持的，因此我们考虑使用这个方法实现方式1：使用window.open()方法，虽然window.showModalDialog()方法是IE独有的，但window.open()方法却是IE和FF都支持 2008-06-28 前端开发 Drummer 博客园 /webpagedesign/20080628/10203.html 为了Silverlight的成功，我觉得应该买下所有WPF/Silverlight的书的版权，然后免费发放给中国开发者，就像Intel发放IA32手册一样，写信就能得到。应该为所有参加WPF/Silverlight培训的开发者付学费、路费、食宿费。而且还可以考虑把这一策略推广到所有WxF。 2008-06-28 前端开发 yushih 博客园 /webpagedesign/20080628/10192.html 通过这篇文章你可以得到以下收获：1.jqury如何用ajax的形式调用后台asp.net页面生成的json数据；2.jquery简单的dom操作；3.送本jquery的开发手册给大家 2008-06-28 前端开发 Ants 博客园 /webpagedesign/20080628/10177.html 如何让你的字体在任何系统，任何电脑上都看起来一致？原则很简单。尽可能使用所有操作系统都存在的字体。虽然听起来比较简单，但是其实还是很tricky的一件事情。为此，你需要了解常用的操作系统的字体。 2008-06-28 前端开发 棕熊 博客园 /webpagedesign/20080623/9939.html 现在Web开发的门槛随着Google AppEngine和大量的JavaScript开发库的涌现，已经非常低了。使用Google AppEngine和jQuery，可以很快的构建一套自己的Web服务。而开发者只需用到一些简单的Python、JavaScript知识来分别处理服务器端和前端的逻辑。 2008-06-23 前端开发 aw awflasher.com /webpagedesign/20080623/9924.html 这是本教程的最后一部分，讲解如何实现友情链接版块。需要说明的是，这部分我们将把样式表转换为外联式来实现CSS样式的设定。我们把所有的链接放置在一个名为fav的DIV容器中，并将在CSS中定义其width、margin和padding等属性。 2008-06-23 前端开发 veerle 蓝色理想-经典论坛 /webpagedesign/20080623/9923.html 首先要提醒大家的是，相对于表格布局方式，CSS中页脚的实现有着很大的区别。遗憾的是Safari作为一个新生浏览器，其对Web标准的支持还不是很完善，比如min-width和min-height属性在Safari中还没能得到良好的支持，但是页脚的实现我们往往需要用到它们。 2008-06-23 前端开发 veerle 蓝色理想-经典论坛 /webpagedesign/20080623/9922.html 不论是padding还是margin，若其后跟着四个数值，对应的边缘顺序是上右下左，即顺时针方向。大家会发现现在#container中定义的宽度由原来的514变成了479，因为我们为了让正文文本与左右边框空出一点距离，左边缘用padding实现，而右边缘因为整个DIV是左浮动的 2008-06-23 前端开发 veerle 蓝色理想-经典论坛 /webpagedesign/20080623/9921.html 首先我们必须明确几个问题，比如设计好的界面应该划分成几块？每块对应网页中的哪部分内容？只有对这些问题有了概念之后，我们才能开始进行切片和导出的操作。如果对页面构建的整个流程很熟悉，那么以上几个问题并没有太大的难度 2008-06-23 前端开发 veerle 蓝色理想-经典论坛 /webpagedesign/20080623/9920.html 若使用H1标签来实现Blog标题，又想保持原来标题位置的图片的话，那么就有必要了解一下CSS中很经典的图像替换文本技术。简单点说就是在XHTML中包含了文本，并为其设置背景图片，但是要通过CSS“隐藏”文本而仅仅显示背景图片 2008-06-23 前端开发 veerle 蓝色理想-经典论坛 /webpagedesign/20080623/9919.html 在教程的前两部分中，提到过导航按钮的颜色选择，现在我们来看一下如何处理一张花卉图像的色调，使其与页面的风格达到统一。在用到的花卉图像素材中，大家可以发现它上面也有红和绿两种色调，我要做的事情就是把其中的颜色调制成粉红和暗绿 2008-06-23 前端开发 veerle 蓝色理想-经典论坛 /webpagedesign/20080623/9918.html 本教程的第二部分主要有两个重点：一是如何正确选择导航菜单中所涉及的颜色，虽然它没有很多的技术含量，但使用的颜色是否恰当，与后期出来的效果是有很大影响的；另外一部分主要是关于页面背景的，侧重于制作背景图片素材时的一些细节问题。 2008-06-23 前端开发 veerle 蓝色理想-经典论坛 /webpagedesign/20080623/9917.html 有些人可能会疑惑为什么要从导航按钮图片的制作开始，事实上我的初衷是让大家了解进而注重素材制作中的一些细节处理，这对最终的作品效果有很大的影响，至少在视觉上而言。创建翻转效果图片，我们只要简单的在原有素材基础上调整色调就即可。 2008-06-23 前端开发 veerle 蓝色理想-经典论坛 /webpagedesign/20080623/9916.html 本教材分八个部分讲解一张完整CSS页面的构建过程：导航菜单素材的设计；顶部图片视觉修饰；顶部图片视觉修饰；页面DIV布局解构；侧边栏导航菜单的实现；正文与图片的混排；页脚的构建；侧边栏友情链接 2008-06-23 前端开发 veerle 蓝色理想 /webpagedesign/20080621/9789.html 12种最为流行的CSS布局代码。非常适合入门者使用。大家可以看看这些布局：左右均自适应宽度；侧栏定宽，内容自适应（剩下区域填满）；与1类似，位置相反；三栏自适应；四栏自适应 ；浮动“侧栏” ；内容自适应，侧栏固定 2008-06-21 前端开发 aw awflasher.com /webpagedesign/20080621/9783.html 常规清除浮动，只要在需要清除的那个元素加上clear:left、clear:right或者clear:both，但两个情况下，靠这种处理不行：第一种情况，父元素有border或者background等视觉体现，而子元素都是float元素的时候。第二种情况，也是基于视觉的考虑，第一个元素的子元素做了一些 2008-06-21 前端开发 大米 口碑网UED Team /webpagedesign/20080621/9778.html browsershots提供了Linux、Windows、Mac os、BSD四个平台下的多个浏览器的页面截图，很强大。不过我主要就看看Windows和Mac os下的效果就好，选择太多浏览器会导致速度非常慢。 2008-06-21 前端开发 5key 5key’s blog /webpagedesign/20080620/9754.html 很多现代的浏览器在地址栏的右边有个搜索框，默认的安装有 Google 搜索等。其实这是 OpenSearch 的一个应用，只要编写相应的微格式的 xml 文件，就可以制定相应的搜索框。参考 OpenSearch 的定义文档，可以基本获得基本的 xml 格式。 2008-06-20 前端开发 淘宝员工 Taobao.com UED Team /webpagedesign/20080620/9749.html 基于WEB标准制作的网站，在难度是比Table布局的时代要高上一个等级，可是“付出就会有回报”这句话不会有假，制作出一个基于WEB标准的网站，所带来的好处也是显而易见的。如何制作一个基于WEB标准的网站，记住一点：WEB标准不等于DIV+CSS。 2008-06-20 前端开发 prower prower - 记录成长历程 /webpagedesign/20080619/9709.html 富互联网应用(RIA)无疑仍然是业界与广告盈利模式以及云计算争夺领地的重要战场。Gears是否会像Flash那样得到网站开发商和用户的认可，目前还不能过早地下结论。对这样一项旨在边缘化浏览器的技术，浏览器厂商们会怎样在合作和切割两方面找到平衡呢？ 2008-06-19 前端开发 Jean-Jacques Dubray译者 孙涛 InfoQ /webpagedesign/20080618/9695.html 知道了一张图片的地址，需要把它在一个固定大小的html容器（可以是div等）里边显示出来，最重要的当然是需要知道这张即将显示的图片的宽和高，然后再结合容器的宽和高，按照一定的缩放比例使图片显示出来。因此，实现图片预加载就成为图片浏览器的核心功能了。 2008-06-18 前端开发 Ronie Deng 博客园 /webpagedesign/20080618/9664.html Gmail上传文件提供给我们很多证据，证明使用AJAX和iframes是web 2.0应用不可避免的。Gmail是最先进的web应用之一，让古老的在线email服务焕发的新生。这一篇文章中我们将看看gmail是如何在emal中上传文件的。 2008-06-18 前端开发 Sajith.M.R JavaEye /webpagedesign/20080618/9663.html Gmail 用户界面由以下 iFrames 组成: HIST_IFRAME,SOUND_IFRAME,CANVAS_IFRAME,JS_IFRAME.Gmail 记录每个部分，标签，mails等，emails使用数组，每个mail有一个唯一的id，这个唯一id被ajax查看和更新使用。 2008-06-18 前端开发 Sajith.M.R JavaEye /webpagedesign/20080617/9660.html HTML 5规范没有“deprecated”的元素，原因就是它一方面要求设计师不要试用某些元素，另一方面却要求浏览器必须支持这些元素。这样的话，以我的直觉，它是想支持以前所有的用HTML或XHTML编写的网页。这对设计师来说算是一个福气，终于不用再受XHTML严苛语法的限制了。 2008-06-17 前端开发 小麦 / Mikko Lee 小麦的自习教室 /webpagedesign/20080617/9659.html 在CSS中，有两种单位。一种是绝对长度单位，包括英寸(in)、厘米(cm)、毫米(mm)、点(pt)和派卡(pc)。另一种是相对长度单位，包括em、ex和像素(px)。ex由于在实际应用中需要获取x大小，因浏览器对此处理方式非常粗糙而被抛弃，网页设计中对大小距离的控制使用的单位是em和 2008-06-17 前端开发 秦歌 随网之舞 /webpagedesign/20080617/9656.html Gears 只是给开发者提供了一系列更多的可以在浏览器内实现的功能而已。Javascript 和 web 开发者不需要学习任何新知识，用户要做的也只是安装一个插件。Flash 花了 5 到 6 年才足够普及，不过有了 Google 的支持，Gears 可能只需要用一半甚至更小的时间就能做到。 2008-06-17 前端开发 Techcrunch.com 译言 /webpagedesign/20080617/9655.html Web 历史显示，通常地，只会有一个胜出者，然后所有的用户都逐渐迁移到这个胜出的解决方案上，并且使之成为一个标准。尽管类似 Windows 操作系统这样的标准和类似 HTML5 这样的开放标准之间的差异巨大，但类似 Google 和苹果这样的公司要面对的最大的威胁就是历史的重演 2008-06-17 前端开发 Techcrunch.com 译言 /webpagedesign/20080615/9560.html 书写 jQuery 函数是一个非常简单的事。关键是你要学习如何获取你想要实现的效果的确切元素。$("#header") = 获取 id="header" 的元素 ；$("h3") = 获取所有h3；$("ul li") = 获取所以 ul 中 li 的元素；$("ul li:first") = 只获取ul中第一个li 2008-06-15 前端开发 不详 幸福收藏夹 /webpagedesign/20080615/9532.html 最后的冠军是Prototype，而jQuery屈居第二。 当然需要注意的是，这只是统计了网站首页的结果，没有进入网站内部。调查的具体方法是使用一个特殊工具在网站中寻找框架特定的关键字。例如，对于Prototype，寻找字符串 “prototype.js” 和 “/prototype”。 2008-06-15 前端开发 Web监视服务公司Pingdom CSDN博客 /webpagedesign/20080614/9511.html 类似Moonlight这样的软件，你不需要建立一个社区。就像领跑者的成绩不会记入田径比赛中的成绩一样。Moonlight的代码是开源的。Mono是一个企业级的项目，是一个副业。如果你的企业使用的是微软的软件，并且有一些的Linux用户，那么你就很有可能会对Mono或者MoonLight感兴 2008-06-14 前端开发 不详 博客园 /webpagedesign/20080613/9486.html 与之前的解释器使用遍历语法树的实现方式不同的是，SquirrelFish的实现采用字节码。遍历语法树实现方式存在的高代价问题，在SquirrelFish字节码引擎中基本都不存在。解释器使用字节码之后能够直接从字节码解释的所有的优化中获益匪浅，因此SquirrelFish的速度还会继续得 2008-06-13 前端开发 Nick Laiacona译者 张龙 InfoQ /webpagedesign/20080613/9484.html 测试的结果显示Curl在原始执行速度上保持着一定的优势，这主要是由两个平台的编程语言的巨大差异造 成的。而这是两个平台编程语言最显著的不同。架构本身决定了Curl语言可以编译成高效的代码，而Adobe的ActionScript却做不到这一点。 2008-06-13 前端开发 Moxie Zhang译者 张凯峰 InfoQ /webpagedesign/20080613/9442.html 新推出的FireFox 3.0，据称比2.0速度提高2倍，内存占用减小，几乎与苹果的Safari速度不相上下。或许会改变大家的看法。Spket的JS编辑器，强啊，实时提示语法错误，自动完成，CTRL+SHIFT+F的缩进排版，啥也不说了，眼泪哗哗的。EXT就不说了，地球人都知道。 2008-06-13 前端开发 我爱佳娃 BlogJava /webpagedesign/20080612/9433.html 本文说的是div+css是一个不太正确的名字，正确的名字应该是xhtml+css，而div只是xhtml中的一种元素而已，如果完全只用div而不用其他更加符合语义的元素，那就和可能造成div滥用，导致的后果其实和table滥用没什么区别。 2008-06-12 前端开发 Cat Chen 博客园 /webpagedesign/20080612/9432.html 再升级前请慎重考虑是不是要升级，Silverlight 2 beta 2的几个新特性对于您来说有哪么重要吗?VisualStateManager, Cross-Domain Policy等等, 先了解再等到RTM也是不错的选择哦。XAML文件上的修改，一些属性被去掉, ToolTip被修改成ToolTipService.ToolTip 2008-06-12 前端开发 xwang 博客园 /webpagedesign/20080612/9431.html 对于我最大的改变莫过于将原来在 System.Windows.Controls.dll中的控件转移到 System.Windows.dll中。这样.xap文件的大小将会变小。在Silverlight2 beta 1中Hello World程序的 .xap文件大小是230K. 在Beta 2中则只有4K. 取消 Event Bubbling(事件响应) 2008-06-12 前端开发 theADOguy 博客园