相关文章（Related posts）

• 几张练笔 (1)
• 陈数 (8)
• 练习画美女~ (7)
• 时尚风格的mm (0)
• 安生 (6)

我负责全部的网站界面视觉效果设计，完整的HTML+CSS代码实现和部分的视觉效果js代码实现。

因为网站要与原英文网站的视觉效果保持一致，所以在大面的设计上并没有什么创新可言，主要做了一些细节，以及和中国公司相关的海报、播放界面、登录界面等。

首页的结构与原网站相比有了很大的改动。原英文网站是用flash实现，而现在的项目要求全部用代码实现，并且还要改动很多和中国公司不符合的内容。经此一役，原本已经熟练的html+CSS技术现在已经炉火纯青了……而原来基本不会的js部分，现在也能做些像模像样的效果了。

恩，下面是几张页面效果图，大家也可以到www.psa.net.cn去看看实际的网站。

相关文章（Related posts）

• Chrome浏览器文字显示问题 (1)
• 南开大学设计系2007年毕业设计作品展出 (0)
• 居然被人说抄袭 (3)
• 胜冈重夫——美丽的365天 (2)
• Wenote Logo (7)

因为是静态站，所以我自己就全部搞定啦～主要在这个项目中尝试了用jQuery框架写js的视觉效果。以前说了好几次要好好学下jQuery，都没有静下来做，果然还是在实际的需求下来的比较有动力啊～

下面是几张效果图，大家可以去www.minnieli.com看下实际的网站

相关文章（Related posts）

• 天津美院2007毕业设计作品展——服装 (0)
• Wenote Logo (7)
• 天津美院2007毕业设计作品展——饰品类 (0)
• 发布两个新logo (0)
• 音乐虫Logo&海报设计稿 (3)

本来想画一张速涂，结果画着画着就画进去了，全程5个来小时吧。在ps中试着画油画的效果。

相关文章（Related posts）

• 金裟菩提像 (1)
• 一只小妖精 (3)
• 练习画美女~ (7)
• 泽尻绘里香 (2)
• 安生 (6)

如下图：

图中的媒体中心几个字是一个链接，为了应用特殊字体和阴影样式而使用了图片作为<a>锚的背景图，同时为了对浏览器友好和对停用css状态（例如盲人浏览器）的可用性考虑，这个链接中仍然放入了“媒体中心”这几个文字，并用css将其大小定义为0px。这样在一般的浏览器中文字大小为0，就不会被显示出来。但是此时我们发现在chrome中浏览网页时，这几个文字还是被显示出来了（媒体中心左上角那一小团），只不过很小，小到只有几个像素，像个污点似的……
这个问题的解决方法很简单，在css中再加一句text-indent:-9999px;即可。

其实最早我用来隐藏文字的方法就是text-indent:-9999px;  但是这个方法在浮动布局时，也可能会产生纵向的占位问题，所以后来一律用font-size:0px;了，简单、有效。
不过现在多种浏览器争芳的时代来临了，只是苦了我们小小的web开发……看来以后text-indent:-9999px; 和font-size:0px;要并用了，特殊时大约还要用到overflow:hidden;

Chrome的这个问题或许算不上bug，但是怎么说呢？它实在太尽职尽责了，0px的东西都要显示出来……就冲这一点，Chome可以无愧地当选09年最敬业的浏览器……

相关文章（Related posts）

• 发布两个新logo (0)
• 一些体会——关于颜色 (0)
• Wenote Logo (7)
• 居然被人说抄袭 (3)
• 天津美院设计系2007年毕业设计作品展出 (6)

相关文章（Related posts）

• Red (1)
• 更新了，更新了，给大家补声过年好～ (3)
• 瞎子 (2)

—————

2009.3.25补充：写完这篇文章没多久，ie8正式版也发布了，幸而我同时也找到了更加完美的多浏览器共存解决方案。
IETester(点击下载)目前版本是0.3.2，软件作者列出的已知bug如下：

• The Previous/Next buttons are not working properly
• Focus is not working properly
• Java applets are not working
• Flash is not working on IE6 instance in user mode : A solution is to launch IETester as admin user and Flash will work.
• CSS Filters are not working correctly in user mode : A solution is to launch IETester as admin user and CSS Filters will work.

也可以去www.my-debugbar.com查看最新版本发布的情况

另一个是微软官方发布的调试器：SuperPreview（点击下载）
版本3.0.1656.0，需要.net framework 3.5 sp1（注意，目前版本不支持.net framework 3.5正式版）
SuperPreview可以提供网页在多个浏览器中的显示效果，而且还有像firebug或者是微软的开发者工具一样的功能。
不过这个软件我装了几次都没装成，总是卡在安装界面上，大概是因为用了ghost版XP的关系……还没有找到解决方案……

相关文章（Related posts）

• 更新了，更新了，给大家补声过年好～ (3)
• 祝福表弟表妹高考成功～ (7)
• 收到童话——有只熊从北极来了 (6)
• 这两天事情好多，累 (5)
• 接安然小妹的击鼓传花 (0)

24，24……为什么突然感觉30这个数字好邪恶？……恩，起码最近的几年里24寸绝对够我用的啦～

和以前用的21寸艺卓t962比起来，现在右边多出了一条可以放工具栏的位置。文字比原来清晰了一点，三色汇聚和几何都比原来好了很多，看来液晶的几何果然有着独到的优势啊～色彩没差太多，但是比原来要鲜亮了，据说液晶都是这样，似乎是色彩饱和度都比较高，不知道哪种更接近实际印刷效果。

感觉比较爽的是可以灵活活动的支架，想高则高想低则低，左右上下都可以转，底座还出奇的稳当。尤其看大尺寸的竖型图片时，显示器一转，像第二张图那样，感觉只能用震撼来形容～

另外就是桌子省出好大面积来，我的影拓3 930终于可以放在桌子上啦～

相关文章（Related posts）

• 居然被人说抄袭 (3)
• 手机找回！ (0)
• 一个结束，一个开始 (1)
• 收到童话——有只熊从北极来了 (6)
• 安生 (6)

相关文章（Related posts）

• 瞎子 (2)
• 安生 (6)
• 小公主 (2)
• 龙涎溪 (2)
• 练习画美女~ (7)

相关文章（Related posts）

• 瞎子 (2)
• 蜘蛛侠 (3)
• 更新了，更新了，给大家补声过年好～ (3)