正在载入……

{ 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做一个下拉菜单

这里的菜单事项windows软件一样的,具体事件包含了:点击下拉;鼠标挪到其他菜单项自动显示;点击其他位置收回菜单。而这次用jQuery实现的菜单发挥了jQuery简单易用的动画效果slideDown及slideUp效果(Effect),具体演示可以看本站页头的具有下拉箭头的导航菜单,点击箭头可以看到效果,代码在ui.js中,现分离javascript代码出来,html及css部分可以参考本站源码……

《玩命速递3》与《速度与激情4》

精彩动作大片《玩命速递3》(有名《非常人贩3》)Transporter 3将如期而至,主演杰森·斯坦森(Jason Statham)上身赤裸上阵,爆健壮肌肉,大显拳脚功夫,片中有一如既往的火爆精彩打斗场面,而另一个让人期待的是,前段时间热播美剧《越狱》中的T-bag饰演者罗伯特·克耐普(Robert Knepper)将加盟上阵,虽然上镜机会不久,但看起来还是一脸猥琐邪恶笑容。

《速度与激情4》Fast and Furious 4由第三部《速度与激情:东京漂移》华裔导演林诣彬继续,延续了《速度与激情2》的故事,由大牌明星文·迪塞尔(Vin Diesel)和保罗·沃克(Paul Walker)前第一部主角出任男主演,女主角为米歇尔·罗德里格兹(Michelle Rodriguez)、乔丹娜·布鲁斯特(Jordana Brewster),同是前主演回归,此番动作设计也是一大看点令人期待。

继续阅读看精彩预告片

关于Django的一些链接收集

Django是基于Python的一款优秀web开发框架,有着十分优美的MVC设计,支持对象关系映射(ORM,object-relational mapping),基于正则表达式的URL匹配、模版系统、表单处理、Cache系统、会话(session)、国际化以及自动化的管理界面等功能。

IE8下javascript无法正常工作

因为工作需要,在项目中用jQuery实现了一个导航效果,但是测试发现在IE8 Beta1下工作不正常,翻了一下同事发过来的邮件列表有一封介绍如何fix在IE8下一些网站页面不能正常工作的问题,主要是IE8默认使用新的标准模式,而与IE7的使用模式并不兼容,虽然客户端有模拟IE7的功能,但我们无法强制用户,微软提供了几种解决方法,一个是设置服务器返回页面的头强制客户端基于IE7标准,而另外一个方法是基于页面的,只要在<head>标签内使用meta标记:<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />即可以,测试通过,一切正常。

铁舞新刊(Vol.3)-《西风的话》

铁舞原创短篇漫画志推出新刊《西风的话》,可以在这里了解详情:铁舞官方网站,一些预览http://www.iron-dance.com/samplewest01.html
http://www.iron-dance.com/samplewest02.html
http://www.iron-dance.com/samplewest03.html
http://www.iron-dance.com/samplewest04.html
http://www.iron-dance.com/samplewest05.html
http://www.iron-dance.com/samplewest06.html
http://www.iron-dance.com/samplewest07.html
http://www.iron-dance.com/samplewest08.html
http://www.iron-dance.com/samplewest09.html

《越狱》第四季-Sara将“生还”回归

越狱第四季越来越有谱了,等着上映,具体日期还没看到,简单剧透一下,越狱第四季里部分情节:
第一集《Scylla》:故事发生在第三季结束后的一个月,Sara与Michael重逢,会演绎激情热吻,Sara描述自己假死消失发生的事情,并交代其他人,此时已无人在监狱里,将组成反公司的A团队。
第二集……

感谢芹菜提供精美的背景图片

感谢芹菜提供精美的背景图片,做随机背景效果。可以在首页置顶的三篇日志后面的背景图看到效果,刷新一下 :)

欢迎访问:
芹菜的涂鸦板:www.apium.org
铁舞:www.iron-dance.com(芹菜的组织,原创短篇漫画志)

Attention! Redesign

Attention! 改版进行中重新设计了Logo,这次升级到了Zblog的最新版本,改版过程中基本只针对模板的重新设计制作,尽量不进行前台的修改,不过有一些页面可能需要增加,例如关于介绍,更多链接等,或者会做成ajax的形式调用,目前已经比较多的在用了。

相对还是绝对?

css中有个定位属性position其中有两个值分别是relative和absolute,即相对或者绝对。
通常在拿到一个页面 的设计在进行结构化之前,即是写一份完整而可用的纯html文档,是不是会发现有很多奇怪的需求呢?一个icon或图片要飘在某个区域的一个角落,显然它已经偏移了这个区域的内容范围,或者一个居右的更多或者回到页首,那么你是如何规划自己的html文档结构的呢?

iGoogle 新版已加入Google Talk

今天发现新版的iGoogle已经加入Google talk了,了解测试中的新版iGoogle看这里
第一页12最后一页下一页

控制面板

<< 2008-12 >>

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

最近留言