猪的明天 | 页面重构 — 2 comments
08
三 10
折腾,之前的数据几乎全部丢失掉了,学习、记笔记需要动力和时间的,在此恢复2009-05-07一篇文章记录,勉励一下自己,以下是全文,当然我会对之前的一些链接及文字做出调整。现在看来还好我当时加上了浅析二字..
这是总宽950像素的24栏栅格应用,先来看下淘宝网的一处3栏布局(当然现在的淘宝网已经改版了,尽管我还是不太习惯):

这里是对应的代码:

我们可以看到 class=”grid-c3-s5e7″ 这个命名似乎有些特别,
再看看其包含的class=”col-main” 和 class=”col-sub” 以及 class=”col-extra skin-orange”
Continue reading →
ailin0807 | 横向扩展 — No comments
01
三 10
上次在Abot Font 中介绍了一些特殊的字体在网页中无法实现的一种解决办法, 我们要去解决他的原因是因为1. 不可能大范围的使用该字体;2. 图片内容相对使用文字不易修改;3. 不利于网站SEO(主流搜索引擎不会将图片alt内容作为判断网页内容相关性的有效因素)。这次学到一个新的解决办法:如何只通过CSS的@font-face属性来实现在网页中嵌入任意字体,相对于上一种一来说更简单一些。来给大家分享一下:
Continue reading →
猪的明天 | 横向扩展 — No comments
24
二 10
记录一下,客户一个站点使用GA代码来跟踪统计,有精确到链接及文件下载次数的统计需求。 之前没这样统计过,询问、收集、整理、测试(还不小心把英文的引号给折腾成了中文的-_-|||),不罗嗦,在这里标记下:
如果你的站点使用的是新版Google跟踪码,如下面这段:
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-12547002-1");
pageTracker._trackPageview();
} catch(err) {}</script>
那么可在被统计的链接上作出如下添加: Continue reading →
猪的明天 | 懒得分类 — 1 comment
31
一 10
WPtouch iPhone Theme这款wp插件是专门为iPhone或iPod Touch用户而开发的,新的界面主题,兼容性良好,用你的iphone iPod Touch 这些玩意儿访问本站 (手机浏览器输入UECSS.COM)即可,下图是俺的水货iphone截屏快照(home+锁屏键):

附上官方下载地址:点击这里进入下载页面
猪的明天 | 页面重构 — No comments
31
一 10
前一段还算是蛮充实的,时间不多(虽然不知道被我藏哪了-_-#),这里我就拿我负责的一个比较完整的项目简单的整理一下网页制作这部分文档,如下便是:
目录建立的原则
- 以最少的层次提供最清晰简便的访问结构
- 基本的文件我们用这些文件夹将其归类划分 [ css ] 、 [ images ] 、[ script ] 、[ fla ]

- 确保整个文件树的简洁有序,命名尽量采用简短英文,尽量避免简写、缩写,一律小写
- html 文档的扩张名均以 .html 结尾
- 每个栏目首页以栏目名命名
例如,积分商城下的首页 shop/shop.html Continue reading →
ailin0807 | 横向扩展 — No comments
25
一 10
我们在切图的时候常会遇到这样一个问题: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 comment
19
一 10
Unicode简单的说一下制作网页时的为了兼顾到一些浏览器CSS样式文档中一般是不出现中文字体的,尤其是{}中,因此通过参照下表将其对应转编,可以将中文名转成英文名、unicode、unicode2注意unicode2是直接输出为文本的,
比如:微软雅黑,我们在CSS中的设置为
font-family:"Microsoft Yahei";
也可以是对应的unicode
font-family:"\5FAE\8F6F\96C5\9ED1";
但微软雅黑对应的unicode2即 Continue reading →
ailin0807 | 懒得分类 — 1 comment
12
一 10
今天给大家谈一个关于字体的话题,我们在做项目的过程中会遇到一些在psd中的字体在自己的电脑中没有安装,或者是一些特殊的文字,通常的做法是把它切成图片,但是如果这个站是多个语言的,那我们是不是把每个语言的都切一张图片呢,这样做不仅工作量很大,而且在后期维护的过程中可能会很麻烦,那我们应该怎么做呢。今天给大家介绍一种方法:
首先、
先要把所用的字体下下来,我们可能会想,把字体下下来装到电脑上不就可以了么,事实是这样,如果这个网站在我们自己的电脑上浏览可能不会出现什么问题,但是如果在没有这个字体的电脑上浏览可能就会有问题了,这里我们解决的是无论这个电脑上有没有这个字体可以正确的浏览这个网站。
第二、
先要打开这个地址:http://cufon.shoqolate.com/generate/ 打开之后先要下载一个JS文件,点击
下载。然后把本地的字体上传 Continue reading →