正在载入……

Attention, Zin 的交互设计之路。

Zin's blog about interactive design.

{ I am SOHO:Researching in Design Pattern and Human-Computer Interaction. }本站放弃对IE6的支持,抛弃一切该抛弃的东西

今日英语"Quick launch, fast iteration" -Google

7thPark is Changing!

关于css中最小高度及最小宽度的问题

css中有个属性min-width及min-height,而这两个属性值对块元素起作用或定义显示为块的使用css的display:block,而min-width也只有在块元素浮左而不是自动填充整个宽度时候才起作用例如div要设置float:left或者right。
由于IE6无法识别css中的最小宽度min-width及最小高度min-height,而IE7+及其他比如Firefox等浏览器可以很好的支持,而同样IE不支持!important强调注释,利用这一点可以解决这个问题,代码如下:
xhtml:

<div id="test">min 100x100</div>

CSS

#test{float:left;min-height:100px;height:auto!important;height:100px;min-width:100px;width:auto!important;width:100px;background:#ccc;}

一种利用position:relative及absolutecss定义的图文混排样式

描述,这是一种定义图片或文字左右对齐的方法,可以保证文字不会因大于图片高度而包围图像换行。
xhtml代码:

<p><img src="imgpath" alt="image" />Text here</p>

通常,我们如果让图片靠左对齐或靠右对齐进行图文编辑时候会用到如下CSS

img{float:left;}

但这样的效果是文字包围图片,如果我们想让文字不会包围图片而是永远在一侧呢,使用如下CSS

p{position:relative;padding-left:100px/*图片宽度及相应与文字应保持的边距之和*/;}
p img{position:absolute;}

这样就可以了,关于position:relative及absolute的用法参考这里
PS:演变而来的更多应用,你想到了吗?

全手动安装开发环境:Apache+Python+PHP+Mysql支持Django框架

该开发环境方案均选用开源服务器及程序支持。
操作系统:Windows XP pro
服务器:Apache 2.2
程序:Python2.5、PHP5.2.6
数据库:Mysql5.0、SQLite3
框架:Django1.0
所需要程序:Python2.5安装文件、Django1.0压缩包、Apache2.2.4 for Windows x86安装文件、mod_python-3.3.1.win32-py2.5-Apache2.2.exe模块安装文件、PHP5.2.6安装包、mysql5.0安装包、MySQL-python-1.2.2.win32-py2.5.exe安装文件
安装步骤:……

基于jquery的水平展开菜单-slideMenu

前几天一个同事问起这个效果,当时说很简单,因为没时间就没去跟,其实是很简单的,用jQuery来做就更简单不过了,今天下午没事花了五分钟写了个超级简单但是够用的水平滑动菜单,当然,还是基于jQuery的,不多说,上代码,一看就懂的,效果在这里

书写对手机友好的xhtml规范文档

1. 基础知识,声明你的文档类型(Document Type),这样做的目的是为了浏览器了解应该按照何种标准来解析这种语言。mobile friendly xhtml是基于XHTML的子集,而XHTML又是HTML的变种,但有着个严格的标准和标签要求,通常mobile friendly xhtml有两种文档类型声明 Xhtml basic or XHTML MP(Mobile Profile),两者其实是共通的,后面会解释到。以前者为例声明应该是这样的:……

图片代替文字的3种方法

图片代替文字是在编写html及css中很常用的一种方法,因为我们并不推崇使用图片作为连接,而为了页面的美观效果,不得已去做这样的事情。那现在简单介绍三种图片代替文字的方法:……

BadCast-interesting illustration of bare guys

在线查词的Blog Gadget



今天翻出来,这是年初刚开始学习Actionscript3时候帮有道桌面词典做的单词大灌篮上的一个gadget,可以在线查词,比较简单,回头看一下代码果然初学者啊,呵呵,当时用了ActionScript3的Tween类,更是糟糕的一塌糊涂,不过昨天更新了一下这个小东西,使用了Tweenlite来做动画效果,有兴趣的朋友可以把这个小东西贴到自己的博客上去:)

非诚勿扰,且非诚勿扰

《非诚勿扰》,不过闲片而已,何必如此认真。
不说他莫名其妙的征婚到爱情,至少笑了,放松的,看到了北海道甜美安静的田园风光,知道了杭州除了西湖还有个叫做西溪湿地的世外桃源,向往了自己有钱有时间的时候可以多去走走,亲身感受一下,有这些就够了。
毕竟中国没什么大片可言,至少没什么商业大片。
看吧,果然非诚勿扰。

调情-非常人贩3

调情,从开始就在调情。
法兰克在车库里面打斗,一件一件的脱衣服秀肌肉,贝丝在车里面看的津津有味,打完后法兰克换上衣服,白衬衣,黑领带,一件一件的,贝丝看的更是入神,还轻轻鼓掌,。到了后来加油时候贝丝打开了音乐,摇啊摇,进了店里拆零食,吹酒瓶,oh yeah,- -//竟然在店里took off her trousers to piss。
最后终于用一把钥匙诱惑成功,这把钥匙,嗯,nice~

分享-英语四六级考试必背的单词表免费下载

英语四六级考试很快就要到了,貌似只有不到十天了,唉,还记得当时考四级英语时候一套题没做完就去考试迷迷糊糊竟然过去了,不知道还有多少同学这么幸运,这里有个好东西,英语四六级考试必背单词表可以免费下载回来研究一下,这些单词都是一些高频词,通过有道桌面词典的统计得出来的,比较科学,有需要的同学可以来下载这份单词表
下在链接:Word文件 PDF文件
这里还有个英语背单词小游戏可以测试一下你的四六级高频单词记得怎么样了,点击这里来玩一下
另外,推荐大家下载这个有道桌面词典,相当好用,最新的2.0版,免费、小巧又好用。

欣赏-精美的像素画城堡

十分精湛的像素画城堡,非常精美,36中配色,40个小时,仔细看,画面里面的光影效果很讲究的。

pyjamas-Python上的AJAX apps开发工具包

pyjamasbuild AJAX apps in Python (like Google did for Java),拥有一系列Python到javascript创建AJAX的框架及API,可以方便的控制widgets的UI及操作HTML的DOM树,同时支持跨浏览器,让你可以更多关注apps本身的开发而不需要在意或单独去学习浏览器的个中hack方法了。
第一页123456789101112131415最后一页下一页

控制面板

<< 2009-1 >>

Sun

Mon

Tue

Wed

Thu

Fri

Sat

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

最近留言