UECSS.COM

对于小的Web开发项目来说，CSS 框架并不一定就适用，至少不见得能提高多少工作效率。但对于一个开发团队和规模比较大的项目来说，CSS 框架不仅能加快设计进更能解决网站改版中带来的诸多麻烦和问题。当适当地使用CSS框架的时候，或许会减少您开发的进度。相反，如果您在项目中选择了错误的框架，那么就可能会耗费额外的工作和时间。下面来看看一些自认为还可以的css框架：

Blueprint: 一款 CSS 框架

Blueprint 是一个 CSS 框架，它的目的是减少你的css开发时间,同时包含了 CSS reset以消除不同浏览器之间的它提供一个可靠的css基础去创建你的项目，BP由一个易用的网格、合理的布差异局和一个打印样式。

YUI Grid CSS

YUI Grids CSS 支持像固定宽度布局那样的流宽度布局。这是基于YUI Grids CSS 高级应用，区别于其它 CSS 框架。您可以通过从官方网站中下载快速参考表和YUI Grids生成来开始 YUI Grids CSS 应用。YUI Grids CSS为开发者提供了预先设置的四种不同页面宽度，六种不同的模板。有国外作者曾指出YUI Grids CSS中最值得学习的网格布局CSS写法:

• 负Margin技术
• 使用度量单位em
• 清除布局的浮动

960 Grid System

一款很值得查看的非常出色的CSS框架。该下载包含有Firework，Photoshop，Inkscape等等的模板。所以您可以马上设计网页模板。PSD的文件，已经准备好的配备指南也为设计师们节省了不少时间

Continue reading →

上次在Abot Font 中介绍了一些特殊的字体在网页中无法实现的一种解决办法， 我们要去解决他的原因是因为1. 不可能大范围的使用该字体；2. 图片内容相对使用文字不易修改；3. 不利于网站SEO（主流搜索引擎不会将图片alt内容作为判断网页内容相关性的有效因素）。这次学到一个新的解决办法：如何只通过CSS的@font-face属性来实现在网页中嵌入任意字体,相对于上一种一来说更简单一些。来给大家分享一下：

Continue reading →

我们在切图的时候常会遇到这样一个问题：Design of the head常是一个通栏很漂亮的一个图片，它的宽度超过了1024的屏幕分辨率，虽然我们现在用的到的都是大于1024的分辨率，但也不排除用1024或是比1024更小的分辨率。那这个时候这个非常漂亮的图片怎么办呢这个时候我们就可以使用图片随着分辨率的大小自动调整的方法来解决这个问题：

这里我们需要用到一个JS文件,点击下载这个JS:

http://cid-8127d59343265667.skydrive.live.com/self.aspx/NamipanPublic/2010-01-25/jquery.js

还有必须前面申明 : Continue reading →

今天给大家谈一个关于字体的话题,我们在做项目的过程中会遇到一些在psd中的字体在自己的电脑中没有安装，或者是一些特殊的文字，通常的做法是把它切成图片，但是如果这个站是多个语言的，那我们是不是把每个语言的都切一张图片呢，这样做不仅工作量很大，而且在后期维护的过程中可能会很麻烦，那我们应该怎么做呢。今天给大家介绍一种方法：
首先、
先要把所用的字体下下来，我们可能会想，把字体下下来装到电脑上不就可以了么，事实是这样，如果这个网站在我们自己的电脑上浏览可能不会出现什么问题，但是如果在没有这个字体的电脑上浏览可能就会有问题了，这里我们解决的是无论这个电脑上有没有这个字体可以正确的浏览这个网站。
第二、
先要打开这个地址：http://cufon.shoqolate.com/generate/ 打开之后先要下载一个JS文件，点击下载。然后把本地的字体上传 Continue reading →

写了很长时间的 CSS+DIV ,也用这个做了很多的项目，对这项技术算是有一定的了解吧，但是在做了这么多的项目中却重来没有考虑过W3C的标准，最近做了一个项目客户突然要求我要遵守W3C的规则来做这个项目，当时我就傻眼了，平时都有听说过W3C标准，但W3C标准倒底是什么却没有真正的去了解过实践过，这次却让我深刻的体会到了。在经过对自己代码的测试和在网上的一些资料的查找总结出几个常见W3C标准验证失败原因：

1、div标签未关闭

这是设计失效的最常见的原因之一。调查显示，开启的div标签是最普遍的版块设计失误之一，也是最难诊断的失误之一。这种错误在初学者中出现的比较多，但写的多了就不会太容易出错。

2、麻烦的embed标签
Continue reading →