存档

‘工作’ 分类的存档

总结

2009年4月17日 没有评论

转眼来深圳一年了,转职做PM快半年了,一些不足和体会有必要记录一下。

首先说说为什么要转职做产品,之前自己做是UI设计,然后做重构,相对来说这些是属于比较专业的领域。而我希望的是自己能全面的接触到互联网的各个方面,以便对互联网行业有一个比较立体的认识。

当初凭着一股热情踏入产品经理这个圈子,很快的会发觉自己欠缺许多东西,以前从UI带过来的习惯让我想问题总是凭感觉,并且自己思考问题往往浮于表面,浅尝辄止,前面挺长一段时间是尽力在纠正这些习惯。

阅读全文…

成功产品经理的6个好习惯和向上沟通的六个要点[转]

2009年4月7日 没有评论

成功产品经理的6个好习惯
1. 立即执行的行动力
一个产品的开发过程牵扯到很多环节,有些很小的问题你会想以后可以轻松解决,而事实并非如此.有时候你会想,这个问题等页面切割的时候再解决,或者这个问 题等程序开发完了再解决!到最后你会发现,什么都变的很难解决了!有时候产品完成后你会觉的这根本不是你要的样子。为什么?问你自己去!
2. 写文档,Publish or Perish
把你要做的事情,技术要做的事情,以及程序的修改都写成文档列表.然后与技术协商,排出优先级.不要总是突然出现在技术面前告诉他要修改什么地方。第一次 他可以接受,但是次数多了,他会变的很不耐烦,并最终导致整个开发流程混乱,技术会逐渐失去方向。而产品也会变的越来越不稳定!
阅读全文…

珍惜新版上线~

2008年8月6日 1 条评论

忙累了好一段时间了,新版的珍惜网终于上线了,尽管还有许多不足和bug,但是总算上线了,团队的每个人都辛苦了,也许我们还算不上一支卓越的团队,但将来肯定会是的~

现在还在测试阶段,有兴趣的可以点下面的邀请链接进行注册
http://www.zhenxi.com/welcome-0/?registerIntroducer=z-knight%40qq.com&channelId=65

分类: 工作 标签:

迅雷考题-W3C网页设计师

2008年7月25日 15 条评论

题目:
类似这样一个列表
后面的数字始终要跟在标题后面,始终离10px
整个宽度是300px
标题长度超出了以后要自动隐藏
要兼容IE6 IE7 ff2.0

这题目是我3个月前面迅雷的时候的考题
现场没做出来,回去以后做好了发过去~

现在把完美的解决方案放出来,有兴趣的研究一下吧~

点击查看页面

(因为wordpress会自动格式化插入的html代码,另存了一个文件)

分类: 工作 标签:

Logo PK

2008年6月22日 2 条评论

财富杂志请了几个专家PK了一些知名logo, 最终胜出的是Target, 一家叫作标靶的零售店的徽标, 简洁明了, 胜过文字:
复杂的东西往往接受度低,简单的东西更容易被接受。这对做网站的思路应该也是一个很好的启发,用户体验、产品、视觉设计、文案等等~

分类: 工作 标签:

plurk:timeline+twitter

2008年6月22日 没有评论

国内模仿twitter的网站太多了~饭否,滔滔,许多网站也带上了这个应用,像海内的迷你博客,怪兽网的乌拉等等~
timeline也是在国外很早就开始应用的表现方式,那twitter+timeline是什么样呢~如果你比较关注WEB2.0的话应该早就开始用了~这就是plurk

带上了表情和直观的先后时间顺序,感觉比twitter好吧~估计下一段时间timeline在国内的应用将会变得很泛滥~

btw:我的plurk是:http://www.plurk.com/user/zknight

分类: 工作 标签:

JS+CSS实现的二级导航实例。

2008年5月26日 没有评论

这个效果最早是在163出现的,上次在电脑报上也有看到一个
仿着弄了一个
在IE7下正常,没测试别的浏览器。
原理很简单
鼠标经过的时候,把ul的display状态由none变成block。

分类: 工作 标签:

基于 CSS 的 ASCII 艺术

2008年5月7日 2 条评论

ASCII 艺术是一种使用计算机可打印字符(一般为ASCII码中的96个可打印字符)表现图形的一种技术,传统的 ASCII 艺术基于 HTML 代码,然而由于不同浏览器的差别,在一种浏览器下可以完美显示的 ASCII 艺术,到了别的浏览器就面目全非,Web2.0 时代,应该多在 CSS 上做文章,因为目前主流浏览器对 CSS 的支持都非常一致,使用 CSS 实现 ASCII 艺术可以更好地保持不同浏览器间的兼容。

下面这个图很难想象是用 ASCII 艺术做出来的,当然为了简便,我使用的是图片,原始 ASCII 艺术版可在这里看到。

jpeg2css 是一个非常有趣的程序,你提供一副黑白的 JPG 图片给它,几秒种之内,可以为你生成一个 HTML 网页文件,你可以在该网页上看到和源 JPG 图片几乎一模一样的 ASCII 艺术图形,而且是基于 CSS 的,你不用担心该 ASCII 艺术在不同浏览器间的兼容问题。

更多基于 CSS 的 ASCII 艺术 (CSS 原始版可以在这里看到)

jpeg2css 下载地址:
http://www.romancortes.com/ficheros/jpeg2css.zip

分类: 工作 标签:

3种方法实现的圆角边框

2008年5月5日 6 条评论

最近工作种经常要用到圆角的边框,所以就写了几个实现方法,有用图片的,也有不用图片的,估计大家都会,仅仅是做个存档的目的。

预览地址

先看图片,第一种要用到的图片:

第一种方法用的是九宫格技术,原理就是通过背景图片的百分比定位,用四个div进行嵌套,然后给最外层的div背景颜色,这个方法的自适应很好,横向纵向都能自适应。

[html]



圆角边框

佳能EOS450D凭借其装备了1220万像素APS-C尺寸CMOS影像传感器,新的9点自动对焦系统中央一点为十字检测点,搭载了流行的Liveview功能,3英寸LCD,DIGIC III处理器的高性能再加上套机5500左右的市场售价,在入门级数码单反相机中极具吸引力,新加入了点测,反光板预锁等以往在入门级机身上很难出现的功能,可以预测,EOS450D成为入门级市场焦点也是顺理成章的事情。机身做工精细,握持手感好,按键排布合理,操控便捷,人机界面友好,功能强大,性价比高,LCD效果良好,色彩还原准确,ISO100-ISO800成像质量都较为优秀,噪点轻微。

这个圆角框可以自由伸展,四个方向都能自适应(拖动浏览器大小试试)

返回骑士的博客



[/html]

第二种方案比较常见,也比较简单,分做上中下三个部分,固定宽度,高度自适应,现在大部分网站的圆角都使用这个方法来做:

[html]



圆角边框

佳能EOS450D凭借其装备了1220万像素APS-C尺寸CMOS影像传感器,新的9点自动对焦系统中央一点为十字检测点,搭载了流行的Liveview功能,3英寸LCD,DIGIC III处理器的高性能再加上套机5500左右的市场售价,在入门级数码单反相机中极具吸引力,新加入了点测,反光板预锁等以往在入门级机身上很难出现的功能,可以预测,EOS450D成为入门级市场焦点也是顺理成章的事情。机身做工精细,握持手感好,按键排布合理,操控便捷,人机界面友好,功能强大,性价比高,LCD效果良好,色彩还原准确,ISO100-ISO800成像质量都较为优秀,噪点轻微。

这个圆角框可以上下伸展,高度自适应,宽度固定住

返回骑士的博客



[/html]

第三种方法不用到图片,原理是通过div的嵌套和div设置的margin值的递增来实现圆角,代码如下:
[html]



圆角边框

佳能EOS450D凭借其装备了1220万像素APS-C尺寸CMOS影像传感器,新的9点自动对焦系统中央一点为十字检测点,搭载了流行的Liveview功能,3英寸LCD,DIGIC III处理器的高性能再加上套机5500左右的市场售价,在入门级数码单反相机中极具吸引力,新加入了点测,反光板预锁等以往在入门级机身上很难出现的功能,可以预测,EOS450D成为入门级市场焦点也是顺理成章的事情。机身做工精细,握持手感好,按键排布合理,操控便捷,人机界面友好,功能强大,性价比高,LCD效果良好,色彩还原准确,ISO100-ISO800成像质量都较为优秀,噪点轻微。

这个圆角框可以自由伸展,四个方向都能自适应,而且,不用图片

返回骑士的博客



[/html]

—————————分割线————————–
by gemini :

第一种方法是IE6下的一个bug,但是这个bug一般情况下只有在运用了position之后才会产生,这里没有position的存在不知道为什么也会出现,具体原因有待研究。
先说解决方法,
针对IE6给一个HACK
* html p{ position:relative;}
还有一个方法
.lt{ background:#014477 url(http://www.zknight.net//attachments/month_0805/u20085519402.gif) 0 0 no-repeat; zoom:1;}
通过这个方法能够解决来看,还是haslayout的问题

分类: 工作 标签:

分享ffffound漂亮的图片

2008年4月22日 没有评论

偶然发现了这个网站,http://ffffound.com,f多了一点,里面的图片多到不行。有闲的人就幸福了,可以看上一整天。
随便找了几张来给大家分享一下

分类: 工作 标签: