UECSS.COM

专注前端开发,关注用户体验,记录成长历程

WPtouch iPhone Theme

WPtouch iPhone Theme这款wp插件是专门为iPhone或iPod Touch用户而开发的,新的界面主题,兼容性良好,用你的iphone iPod Touch 这些玩意儿访问本站 (手机浏览器输入UECSS.COM)即可,下图是俺的水货iphone截屏快照(home+锁屏键): Continue reading →

网页制作说明文档(简版)

前一段还算是蛮充实的,时间不多(虽然不知道被我藏哪了-_-#),这里我就拿我负责的一个比较完整的项目简单的整理一下网页制作这部分文档,如下便是:

目录建立的原则

  • 以最少的层次提供最清晰简便的访问结构
  • 基本的文件我们用这些文件夹将其归类划分 [ css ] 、 [ images ] 、[ script ] 、[ fla ]

w-01.gif

  • 确保整个文件树的简洁有序,命名尽量采用简短英文,尽量避免简写、缩写,一律小写
  • html 文档的扩张名均以 .html 结尾
  • 每个栏目首页以栏目名命名

例如,积分商城下的首页 shop/shop.html 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 →

定位相关的怪异问题

事物绝非十全十美总有强差人意的一面,之前针对浮动分析了其引起文本重影的怪异问题,而作为浮动布局的最佳搭档定位布局也存在一定的缺陷。

1.position:relative;属性值导致overflow:hidden;失效。

问题:在IE6/7中子级设置position:relative;属性值后,导致父级的overflow:hidden;失效。Demo1

分析:与定位的层级关系有关,IE6/7解析为内容已经跳出文档流,以致父级误以为没有包含内容。 Continue reading →

Unicode – CSS中文字体转编码

Unicode简单的说一下制作网页时的为了兼顾到一些浏览器CSS样式文档中一般是不出现中文字体的,尤其是{}中,因此通过参照下表将其对应转编,可以将中文名转成英文名、unicode、unicode2注意unicode2是直接输出为文本的,
比如:微软雅黑,我们在CSS中的设置为

font-family:"Microsoft Yahei"; 

也可以是对应的unicode

font-family:"5FAE8F6F96C59ED1";

但微软雅黑对应的unicode2即 Continue reading →

About Font

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