﻿<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>凝香 &#187; Web</title>
	<atom:link href="http://vcity.imagels.com/archives/tag/web/feed" rel="self" type="application/rss+xml" />
	<link>http://vcity.imagels.com</link>
	<description>我要修建自己的花圃，然后大声宣布它叫天堂</description>
	<lastBuildDate>Wed, 10 Aug 2011 11:56:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>用photoshop制作、保存ico文件（包括mac版本）</title>
		<link>http://vcity.imagels.com/archives/185</link>
		<comments>http://vcity.imagels.com/archives/185#comments</comments>
		<pubDate>Wed, 10 Nov 2010 12:19:18 +0000</pubDate>
		<dc:creator>北极熊</dc:creator>
				<category><![CDATA[零碎心情]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://vcity.imagels.com/?p=185</guid>
		<description><![CDATA[工作中偶尔有制作favicon.ico文件的需求。但是photoshop默认状态下是不能将文件保存为ico格式的。搜了一下，发现需要用到文件格式的插件，但是大多数链接给出的都是一个8bi格式的插件，这个插件是用于windows下的photoshop的，对于mac的用户，则需要专门的plugin文件。下面给出比较完备的用于ps各个版本的插件链接： Windows,所有 Photoshop 版本 ( 如果仅用于创建网页收藏夹图标请下载此版本 ) Windows,所有 Photoshop 版本 ( 可创建 Vista 格式图标 ) Windows, 64-bit 仅适用于Photoshop CS4 Mac OS X, CS3+CS4 (PowerPC/Intel) New! Mac CS5 (Intel 32/64 位) Mac OS X, CS2 专用 (PowerPC) Mac OS 7, 8, 9, Classic: PS3-CS 专用 Mac OS 7, 8, 9, Classic: PS3-CS 专用 ( 可创建 Vista [...]]]></description>
			<content:encoded><![CDATA[<p>工作中偶尔有制作favicon.ico文件的需求。但是photoshop默认状态下是不能将文件保存为ico格式的。搜了一下，发现需要用到文件格式的插件，但是大多数链接给出的都是一个8bi格式的插件，这个插件是用于windows下的photoshop的，对于mac的用户，则需要专门的plugin文件。下面给出比较完备的用于ps各个版本的插件链接：<br />
<strong><a href="http://telegraphics.com.au/sw/files/ICOFormat-1.6f9-win.zip"><br />
Windows,</a></strong>所有 Photoshop 版本 ( 如果仅用于创建网页收藏夹图标请下载此版本 )<br />
<a href="http://telegraphics.com.au/sw/files/ICOFormat-1.93b1-win.zip">Windows,</a>所有 Photoshop 版本 ( 可创建 Vista 格式图标 )<br />
<a href="http://telegraphics.com.au/sw/files/ICOFormat-1.93b1-win64.zip">Windows, 64-bit</a> 仅适用于Photoshop CS4<br />
<a href="http://telegraphics.com.au/sw/files/ICOFormat-2.0f1-CS3.dmg">Mac OS X, CS3+CS4</a> (PowerPC/Intel)<br />
<a href="http://telegraphics.com.au/sw/files/ICOFormat-2.0f1-CS5.dmg"><em>New!</em> Mac CS5</a> (Intel 32/64 位)<br />
<a href="http://telegraphics.com.au/sw/files/ICOFormat-2.0b5-CS2.dmg">Mac OS X, CS2</a> 专用 (PowerPC)<br />
<a href="http://telegraphics.com.au/sw/files/ICOFormat-1.6f9.sit">Mac OS 7, 8, 9, Classic: PS3-CS</a> 专用<br />
<a href="http://telegraphics.com.au/sw/files/ICOFormat-1.7b4.sit">Mac OS 7, 8, 9, Classic: PS3-CS</a> 专用 ( 可创建 Vista 格式图标 )<br />
<a href="http://telegraphics.com.au/sw/files/ICOFormat(68K)-1.6f9.sit">Mac OS 7, 8: 68K Mac</a></p>
<p>插件来自：<a href="http://telegraphics.com.au/sw/#icoformat">http://telegraphics.com.au/sw/#icoformat</a></p>

	<br />Tags(标签): <a href="http://vcity.imagels.com/archives/tag/web" title="Web" rel="tag">Web</a><br />
]]></content:encoded>
			<wfw:commentRss>http://vcity.imagels.com/archives/185/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>标致雪铁龙集团（中国）网站界面设计</title>
		<link>http://vcity.imagels.com/archives/169</link>
		<comments>http://vcity.imagels.com/archives/169#comments</comments>
		<pubDate>Fri, 29 May 2009 04:02:24 +0000</pubDate>
		<dc:creator>北极熊</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://vcity.imagels.com/?p=169</guid>
		<description><![CDATA[这个项目零零散散的做了半年，终于完成了～ 我负责全部的网站界面视觉效果设计，完整的HTML+CSS代码实现和部分的视觉效果js代码实现。 因为网站要与原英文网站的视觉效果保持一致，所以在大面的设计上并没有什么创新可言，主要做了一些细节，以及和中国公司相关的海报、播放界面、登录界面等。 首页的结构与原网站相比有了很大的改动。原英文网站是用flash实现，而现在的项目要求全部用代码实现，并且还要改动很多和中国公司不符合的内容。经此一役，原本已经熟练的html+CSS技术现在已经炉火纯青了……而原来基本不会的js部分，现在也能做些像模像样的效果了。 恩，下面是几张页面效果图，大家也可以到www.psa.net.cn去看看实际的网站。 Tags(标签): Design, Web]]></description>
			<content:encoded><![CDATA[<p>这个项目零零散散的做了半年，终于完成了～</p>
<p>我负责全部的网站界面视觉效果设计，完整的HTML+CSS代码实现和部分的视觉效果js代码实现。</p>
<p>因为网站要与原英文网站的视觉效果保持一致，所以在大面的设计上并没有什么创新可言，主要做了一些细节，以及和中国公司相关的海报、播放界面、登录界面等。</p>
<p>首页的结构与原网站相比有了很大的改动。原英文网站是用flash实现，而现在的项目要求全部用代码实现，并且还要改动很多和中国公司不符合的内容。经此一役，原本已经熟练的html+CSS技术现在已经炉火纯青了……而原来基本不会的js部分，现在也能做些像模像样的效果了。</p>
<p>恩，下面是几张页面效果图，大家也可以到<a title="标致雪铁龙集团（中国）" href="http://www.psa.net.cn/" target="_blank">www.psa.net.cn</a>去看看实际的网站。</p>
<p><img class="alignnone" title="psanetcn1" src="http://vcity.imagels.com/pic/webdesign/psanetcn1.jpg" alt="" width="600" height="403" /></p>
<p><img class="alignnone" title="psa3" src="http://vcity.imagels.com/pic/webdesign/psanetcn3.jpg" alt="" width="600" height="461" /></p>
<p><img class="alignnone" title="psa4" src="http://vcity.imagels.com/pic/webdesign/psanetcn4.jpg" alt="" width="600" height="636" /></p>

	<br />Tags(标签): <a href="http://vcity.imagels.com/archives/tag/design" title="Design" rel="tag">Design</a>, <a href="http://vcity.imagels.com/archives/tag/web" title="Web" rel="tag">Web</a><br />
]]></content:encoded>
			<wfw:commentRss>http://vcity.imagels.com/archives/169/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Global Warming网站设计</title>
		<link>http://vcity.imagels.com/archives/165</link>
		<comments>http://vcity.imagels.com/archives/165#comments</comments>
		<pubDate>Fri, 29 May 2009 03:26:47 +0000</pubDate>
		<dc:creator>北极熊</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://vcity.imagels.com/?p=165</guid>
		<description><![CDATA[受哥伦比亚大学的Minnie Li同学邀请，为她的毕业设计做的e-learning website，一个关于全球气候变暖的课程。 因为是静态站，所以我自己就全部搞定啦～主要在这个项目中尝试了用jQuery框架写js的视觉效果。以前说了好几次要好好学下jQuery，都没有静下来做，果然还是在实际的需求下来的比较有动力啊～ 下面是几张效果图，大家可以去www.minnieli.com看下实际的网站 Tags(标签): Design, Web]]></description>
			<content:encoded><![CDATA[<p>受哥伦比亚大学的Minnie Li同学邀请，为她的毕业设计做的e-learning website，一个关于全球气候变暖的课程。</p>
<p>因为是静态站，所以我自己就全部搞定啦～主要在这个项目中尝试了用jQuery框架写js的视觉效果。以前说了好几次要好好学下jQuery，都没有静下来做，果然还是在实际的需求下来的比较有动力啊～</p>
<p>下面是几张效果图，大家可以去<a title="Global Warming" href="http://www.minnieli.com/" target="_blank">www.minnieli.com</a>看下实际的网站</p>
<p><img class="alignnone" title="minnielicom1" src="http://vcity.imagels.com/pic/webdesign/minnielicom1.jpg" alt="" width="550" height="344" /></p>
<p><img class="alignnone" title="minnielicom2" src="http://vcity.imagels.com/pic/webdesign/minnielicom2.jpg" alt="" width="550" height="301" /></p>

	<br />Tags(标签): <a href="http://vcity.imagels.com/archives/tag/design" title="Design" rel="tag">Design</a>, <a href="http://vcity.imagels.com/archives/tag/web" title="Web" rel="tag">Web</a><br />
]]></content:encoded>
			<wfw:commentRss>http://vcity.imagels.com/archives/165/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Chrome浏览器文字显示问题</title>
		<link>http://vcity.imagels.com/archives/160</link>
		<comments>http://vcity.imagels.com/archives/160#comments</comments>
		<pubDate>Thu, 26 Mar 2009 08:38:44 +0000</pubDate>
		<dc:creator>北极熊</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[心得]]></category>

		<guid isPermaLink="false">http://vcity.imagels.com/?p=160</guid>
		<description><![CDATA[前段时间给标志雪铁龙集团做中文的网站界面，测试各个浏览器的兼容问题的时候发现谷歌浏览器Chrome在显示0px大小的文字时会有小小的异常。 如下图： 图中的媒体中心几个字是一个链接，为了应用特殊字体和阴影样式而使用了图片作为&#60;a&#62;锚的背景图，同时为了对浏览器友好和对停用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年最敬业的浏览器…… Tags(标签): Design, Web, 心得]]></description>
			<content:encoded><![CDATA[<p>前段时间给标志雪铁龙集团做中文的网站界面，测试各个浏览器的兼容问题的时候发现谷歌浏览器Chrome在显示0px大小的文字时会有小小的异常。</p>
<p>如下图：<br />
<img class="alignnone" title="ChromeTextBug" src="http://vcity.imagels.com/pic/others/ChromeTextBug.jpg" alt="" width="285" height="94" /><br />
图中的媒体中心几个字是一个链接，为了应用特殊字体和阴影样式而使用了图片作为&lt;a&gt;锚的背景图，同时为了对浏览器友好和对停用css状态（例如盲人浏览器）的可用性考虑，这个链接中仍然放入了“媒体中心”这几个文字，并用css将其大小定义为0px。这样在一般的浏览器中文字大小为0，就不会被显示出来。但是此时我们发现在chrome中浏览网页时，这几个文字还是被显示出来了（媒体中心左上角那一小团），只不过很小，小到只有几个像素，像个污点似的……<br />
这个问题的解决方法很简单，在css中再加一句text-indent:-9999px;即可。</p>
<p>其实最早我用来隐藏文字的方法就是text-indent:-9999px;  但是这个方法在浮动布局时，也可能会产生纵向的占位问题，所以后来一律用font-size:0px;了，简单、有效。<br />
不过现在多种浏览器争芳的时代来临了，只是苦了我们小小的web开发……看来以后text-indent:-9999px; 和font-size:0px;要并用了，特殊时大约还要用到overflow:hidden;</p>
<p>Chrome的这个问题或许算不上bug，但是怎么说呢？它实在太尽职尽责了，0px的东西都要显示出来……就冲这一点，Chome可以无愧地当选<strong>09年最敬业的浏览器</strong>……</p>

	<br />Tags(标签): <a href="http://vcity.imagels.com/archives/tag/design" title="Design" rel="tag">Design</a>, <a href="http://vcity.imagels.com/archives/tag/web" title="Web" rel="tag">Web</a>, <a href="http://vcity.imagels.com/archives/tag/%e5%bf%83%e5%be%97" title="心得" rel="tag">心得</a><br />
]]></content:encoded>
			<wfw:commentRss>http://vcity.imagels.com/archives/160/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

