空白边叠加

Tag: 前端开发cnscorpio @ 12:30 29-08-2008

最近在写个前端与设计的交流PPT,其中有个地方测试了一下多种情况下盒模型的表现,其中有个小地方,关于margin叠加的一种情况,我是第一次发现,估计相对于其他前辈而言,不值一提,自己记录一下吧。

场景是这样的:外层div给他固定了高度和宽度(500px*500px),内层div(300px*300px)也一样但是高度和宽度比外层的 小,为的是减少其他因素的影响,然后对内层div进行margin:10px。问题就在这里了,一直以来都晓得垂直空白边会叠加,但没想到这样也能叠加, 并且ie系列(6,7)和firefox,opera等标准浏览器的表现不一样。

code:

< !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
< html xmlns=”http://www.w3.org/1999/xhtml”>
< head>
< meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
< title>margin</title>
< style type=”text/css”>
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td{margin:0;padding:0;}
#wrapper{width:500px;height:500px;background:#DADADA;}
#inner{width:300px;height:300px;background:#050505;margin:10px;}
</style>
</head>
< body>
< div id=”wrapper”>
< div id=”inner”>< /div>
< /div>
< /body>
< /html>

Continue reading “空白边叠加”

偶然想到的a标签

Tag: 前端开发cnscorpio @ 16:18 26-08-2008

都知道,a标签通常就是利用href的属性来创建超文本链接,用来链接到互联网中的某个位置,就像网中的一个节点。Internet也因它而神奇。

除了它本身的作为超链接的源的应用外,还有什么扩展应用呢。

1.最简单的,<a href=”xx.xx”><img src=”xxx.jpg”/></a>,这种是最初的扩展,利用图像作为a的内容,而不仅仅是文字,这样就能使得链接看起来更直观,更醒目。

2.javascript ,有时候,为了在点击a标签时能够触发某些事件,你可以在<a >内写javascirpit,例如:< a href=”#” onclick=”alert(”fafsfs”);”>xxx</a>。

3.还有一种,能够给浏览者更进一步的良好体验,就是让鼠标hover时,< a>能够变换视觉效果。

mail.163.com的做法:

163

利用了onmouseover和onmouseout事件将这个INPUT上的class进行切换,使得背景变换。

优点:对很多元素都可以使用这个方法。

缺点:要添加额外的脚本,如果浏览者禁用脚本,就不会起作用。

Continue reading “偶然想到的a标签”

软件“图标设计”方法和规范

Tag: 视觉设计saidy @ 15:07 26-08-2008

这个是做了好几年的东西了,公司以前是不允许发这些文件出来的,现在终于开放了,设计方法和风格可能已经过时了,但我想一些设计原则还是不变的,有需要的朋友参考参考。呵呵

kingdee_icon_saidy  点击下载

 

好创意,来自生活

Tag: 用户体验saidy @ 16:45 20-08-2008

好创意,来自生活。

做设计,想创意。我鼓着双眼干瞪着屏幕,左想右想就是想不出来。

喔~~上网看看?搜搜?看看是否能有什么能触动我灵感的东西吧?

静悄悄,某某来了,问:我要的东西呢?怎么样了?眼睛撇着偶的屏幕(正显示着跟工作不大相干的网页内容),偶咯噔一下,咽口口水,没,没,还没做好,正在思考。。思考?!某某再次撇一下屏幕,一副不满不信的态度:“快点!偶很急要的……”

偶深深的回忆和感受了一下,貌似自己在上网时,都会有“偷偷摸摸”的心理,很怕某某们看到,很是自责似的。
因为不好解释,他们总之会认为你是在找“借口”!

我想告诉非设计师的人们或不能理解设计师工作的人们:

1、请不要给设计师套上“枷锁”,他们不是关闭在内网,关闭在办公室,关闭在工作任务中就能够茁壮成长的。

2、设计师的工作不是流水线上的产品,不是谁一摁按钮,就可以靠电脑设备生产出一个完美的作品。

3、为什么搞手工活动?为什么搞摄影活动?为什么去逛宜家?为什么去看画展?对工作有什么用?为什么?为什么?……你们搞的

活动跟我们的工作都不太相关嘛!这是很多非专业人士心里藏的“问题”。即便他们觉得也许有点用,但也不是必须的。

4、我始终认为,热爱生活,认真观察生活,懂得享受生活的设计师,才能设计出杰出的作品。

5、知识、灵感、创意是靠平时生活中的点滴积累,没有日积月累,就不会有小宇宙的爆发。只会慢慢平庸沉寂。

6、让设计师们多聊聊生活吧,让他们多出去呼吸一下新鲜空气吧,多给一些“雨露和土壤”,他们才会茁壮成长。

……一点想法。还要继续干活。
……后续再补。呵呵

欢迎阿峰来到kdued大家庭!!

Tag: 团队cnscorpio @ 10:02 15-08-2008

欢迎阿峰(晓峰,阿疯,疯子-_-!,珠峰-_-!!!!)的到来,大家鼓掌,o(∩_∩)o…哈哈.

每次有新同事来,我总是很高兴,因为又有新良民来了,又有新朋友。我们的力量更强大,看着放在旁边的苹果,想着每次成功的喜悦都有更多的“红颜知己”一起分享,就像它一样,脸蛋都红红的。。

不知道阿峰“恶搞”等级(上次IKEA不堪入目啊)咋样,大家期待吧。

下一页 »