摘要：YUI不仅为我们提供了一个强大的JS框架，同时还提供了几个CSS的框架，分别是Reset、Base、Font以及Grid。通过在页面中引用这几个CSS，可以让我们的前端开发工作事半功倍，达到快速将美工图转化为实际产品、并且能够保证在绝大多数浏览器上的正常表现。今天我们就来了解一下这几个CSS。 YUI这几个CSS存在于两个版本的YUI中（YUI2和YUI3）。本文的介绍以YUI3版本为例。 1、YUI3 Css Reset。 做过前端的朋友都知道，目前众多的浏览器，对于HTML的解析并不是完全一样。比如 li ，这个元素默认的样式在IE和Firefox中就不一样。Css Reset 就是为了 阅读全文

摘要：本文主要内容取自 Caridy Patino 在2008年发布的文章,原文中使用的是YUI2，笔者对例子做了一些更新，均使用了YUI3.1.1，文章中讨论的这个问题，在Ajax满天飞的现在具有典型意义，所以拿出来重新重新炒了一下。 通常的应用场景中,为了节省和有效利用页面空间，会使用Tab。如果我们有一个Tab，每个Tab展示后提供不同的功能，功能较少时，我会选择将处理用户事件的JS代码写在页面... 阅读全文

摘要：YUI3是一个非常好的开源框架，但是学习曲线稍微有些陡峭，这个系列将记录下我使用YUI3过程中的一些心得点滴，希望对大家能够有帮助。 很多互联网的项目应用中，弹出层出现的越来越多，使用YUI3可以快速的实现制作弹出层的效果。 YUI3提供了Overlay这个组件来实现可定位、可叠加的弹出层效果，这个弹出层同时还包含标准的布局模块。 首先是包含YUI的基础文件，因为Overlay组件使用中要用到... 阅读全文