Vanessa

作者 <strong><aclass="editorlink"href="http://www.infoq.com/cn/bycategory.action?authorName=Dionysios-G.-Synodinos"class="editorlink">DionysiosG.Synodinos 译者 <strong><aclass="editorlink"href="http://www.inf

很不错，强烈推荐一下。ugmbbc 发布于 2010-05-1113:29:01 感谢锐商企业 CMS 的投递新闻来源:designshack.co.uk 用户界面和用户体验（UI/UX）是任何产品成败的关键，尤其 Web，Web 是一种公开的，可以被任何人随时随地访问的特殊产品，用户的体验几乎意味着一切，虽然内容更重要，但内容可以替代，体验却是独一无二的，本文分析了 15 个不同的 UI/UX 案例，优秀的用户体验给我们

<!--GoogleAdsenseend--> 效果很炫，可以借鉴下。在一些特殊的 Web 布局设计中，可能当前的 CSS 并不能满足我们的 Web 页面布局需求，这时，优秀的 jQeury 相关的层布局扩展插件可以及时地帮助我们完成需求的布局，这里是 10 个非常优秀的 jQeury 层布局插件，可以帮助我们更好地完成类似需求。UI.Layoutmb.containerPluscss-template-layoutMaso

作者 <strong><aclass="editorlink"href="http://www.infoq.com/cn/bycategory.action?authorName=Abel-Avram"class="editorlink">AbelAvram 译者 <strong><aclass="editorlink"href="http://www.infoq.com/cn/bycategory.ac

Theserulesarethekeytospeedingupyourwebpages.They'vebeentestedonsomeofthemostpopularsitesontheInternetandhavesuccessfullyreducedtheresponsetimesofthosepagesby25-50%.Thekeyinsightbehindthesebestpractices

JavaScript 是一种垃圾收集式语言，这就是说，内存是根据对象的创建分配给该对象的，并会在没有对该对象的引用时由浏览器收回。JavaScript 的垃圾收集机制本身并没有问题，但浏览器在为 DOM 对象分配和恢复内存的方式上却有些出入。InternetExplorer 和 MozillaFirefox 均使用引用计数来为 DOM 对象处理内存。在引用计数系统，每个所引用的对象都会保留一个计数，以获悉有多少对象正

Author:李丽媛 Date:2010/6/2Email:lly219#gmail.com1CSS 优化方案 1.1 使用 CSS 优化工具 a)onlineCSSOptimizer；b)CSSFormatterandOptimizer。解决方案：选取以上一个工具进行进行优化。1.2 清理 CSS 在我们写样式的时候，页面的 CSS 在经历几个版本的修改之后，可能有些样式已经用不到了，或许将某些样式更名了而原来的忘了删除

Author:李丽媛 Date:2010/6/2Email:lly219#gmail.com2JavaScript 优化方案 2.1 测试驱动开发为了编写可维护的 JavaScript，测试驱动是必不可少的。因为每个测试都起到质量反馈的作用，给后期维护和修改创建了一个安全保护网并提供了一份可执行的文档。通过测试，我们可以保证所有的功能被覆盖，也避免了重写代码后再进行测试的高昂代价。解决方案：以后的开发中使用 J

对于设计人员和开发人员来说，CSS 一直是 web 设计过程中重要的一部分，随着 CSS3 的出现以及越来越多的浏览器对它的支持，设计师们有了更多的选择。用纯 CSS 也可以实现各种各样很酷的效果了，甚至是动画。虽然有些效果不能跨浏览器（甚至是支持 CSS3 的浏览器）运行，有些只是展示并没什么实际用途，但仅用 CSS 实现出的这些效果似乎没什么可以挑剔的。这里有 5 个使用 CSS3 实现的常见效果，你可以马上动手试试看。1.

早在几个星期前，Adobe 就发布了 DreamweaverCS5HTML5Pack 的预览版下载。众所周知，HTML5 在互联网领域掀起了一场大论战，并让 Adobe 的日子很难熬。HTML5 致力于为前端开发提供全面的标记语言。以下 30 多个资源可帮你开始学习 HTML5。BlowingupHTML5videoandmappingitinto3Dspace（将 HTML5 视频吹散并组成 3D 效果）最近我研究了 HTML

很是强大。转自：http://www.infoq.com/cn/news/2010/06/gmail-harness-html5 作者 <strong><aclass="editorlink"href="http://www.infoq.com/cn/bycategory.action?authorName=%E5%BC%A0%E9%BE%99"class="editorlink"> 张龙发布于 2010 年

文章有点混乱但是很基本也很详细，mark 一下转自：http://tech.ccidnet.com/art/3539/20100714/2115221_2.htmlmeta 是 html 语言 head 区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的 html 代码：＜head＞＜metahttp-equiv="content-Type"content="text/html;charset=gb2

SmashingMagazine 为了激发 Web 设计者对 CSS3 的兴趣，上月组织了一次 CSS3 设计赛，最终有 5 位设计师获奖，获奖作品体现了 CSS3 技巧的原创性与独特性，同时展示了 CSS3 的强大的功能，这些作品基于纯 CSS3 技术，并不借助 JavaScript 或其它技术。第一名:CSS3 图表 CSS3Charts[预览 | 下载]该设计试验了 CSS3 在图表方面的应用，不借助任何 JavaScript 和图片。用到了

由愚人码头撰写 http://www.css88.com/archives/2418 在丸子主编的帮助下终于找到了各浏览器的默认 CSS。只要是由于今天解决了一个特殊的问题，依靠的就是看各浏览器的默认 CSS，然后重置它，所以很多时候浏览器的默认 css 还是很有用的。各浏览器的默认 CSS 可以在这里 http://www.iecss.com/找到，贪心一下，把这些样式都保存了一份：IE6(下载)IE7(下载)IE

转自：http://www.cnblogs.com/bloodmage/archive/2010/06/14/1758208.html 每种浏览器都包含一个代码引擎或渲染引擎，它负责解释 Web 页面上的代码，javascript 解释器是其中的一部分。Netscape4 惨败之后，网景公司于 1998 年创立了 Mozilla 项目，开发了 Gecko 引擎，现在它支持着 Mozilla,Firefox,Netscape

IntroductionInthislistIhavegathered8examples/experimentsthatapplyphysicsandgravitytodemonstratethepowerofJavascript.Fewyearsback,alloftheseexperimentsmustbedoneusingJavaorFlash,Idon'tthinkwecanimplemen