<?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; CSS</title>
	<atom:link href="http://4evervoyage.net/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://4evervoyage.net</link>
	<description>即便可能會給他摔了個狗吃屎... 我也沒在怕的啦！</description>
	<lastBuildDate>Fri, 10 Sep 2010 09:19:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
		<item>
		<title>我的網頁編輯器：Coda！</title>
		<link>http://4evervoyage.net/2010/01/panic-coda/</link>
		<comments>http://4evervoyage.net/2010/01/panic-coda/#comments</comments>
		<pubDate>Mon, 18 Jan 2010 15:25:25 +0000</pubDate>
		<dc:creator>Allen Yang</dc:creator>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[Mac OS X]]></category>
		<category><![CDATA[敗家紀錄]]></category>
		<category><![CDATA[資訊科技]]></category>
		<category><![CDATA[軟體工具]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Developing]]></category>

		<guid isPermaLink="false">http://4evervoyage.net/?p=1424</guid>
		<description><![CDATA[<a href="http://4evervoyage.net/2010/01/panic-coda/"><img align="left" hspace="5" width="120" src="http://4evervoyage.net/wp-content/uploads/2010/01/2010-01-17_17.58.06-400x108.png" class="alignleft wp-post-image tfe" alt="coda" title="coda" /></a>這是我用過最好用的網頁編輯器：Coda！它不但輕巧，而且功能強大，它不單單只是文字編輯器，還結合了 Transmit 的 FTP Client 功能，也可以直接預覽，另外，它的 CSS 編輯器超棒的，非常方便開發人員快速處理整個網頁的版面！

<div style="background: #FCFCFC; border: 1px solid #EEE; color: #777; font-size: 0.9em; padding: 6px 10px;"><h4>【延伸閱讀相關的文章】</h4><ol><li><a href='http://4evervoyage.net/2010/02/1password/' rel='bookmark' title='Permanent Link: 1Password：輕鬆管理所有帳號密碼！'>1Password：輕鬆管理所有帳號密碼！</a></li>
<li><a href='http://4evervoyage.net/2007/04/google-desktop-for-mac/' rel='bookmark' title='Permanent Link: Google Desktop for Mac：太感動啦！'>Google Desktop for Mac：太感動啦！</a></li>
<li><a href='http://4evervoyage.net/2008/11/mac-tips-add-spacers-onto-dock/' rel='bookmark' title='Permanent Link: [Mac Tips] 在Dock上加個Spacer作為分隔!'>[Mac Tips] 在Dock上加個Spacer作為分隔!</a></li>
</ol></div>]]></description>
		<wfw:commentRss>http://4evervoyage.net/2010/01/panic-coda/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>推薦一個關於 CSS 的投影片：Efficient, Maintainable, Modular CSS！</title>
		<link>http://4evervoyage.net/2010/01/understand-css/</link>
		<comments>http://4evervoyage.net/2010/01/understand-css/#comments</comments>
		<pubDate>Fri, 15 Jan 2010 11:43:31 +0000</pubDate>
		<dc:creator>Allen Yang</dc:creator>
				<category><![CDATA[學習心得]]></category>
		<category><![CDATA[網頁設計]]></category>
		<category><![CDATA[資訊科技]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Slide]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Developing]]></category>

		<guid isPermaLink="false">http://4evervoyage.net/?p=1407</guid>
		<description><![CDATA[<a href="http://4evervoyage.net/2010/01/understand-css/"><img align="left" hspace="5" width="120" src="http://4evervoyage.net/wp-content/uploads/2010/01/css1.bmp" class="alignleft wp-post-image tfe" alt="This concept is ideal for large sites" title="This concept is ideal for large sites" /></a>剛剛在網路上逛一逛，看到了一份介紹 Cascading Style Sheets (CSS) 的投影片：Efficient, Maintainable, Modular CSS！這份投影片的內容還不錯，大家可以參考一下。這份投影片中，其中有幾個主題個人覺得蠻有意思的，因此去 Google 了一下，將一些心得摘要上來！

<div style="background: #FCFCFC; border: 1px solid #EEE; color: #777; font-size: 0.9em; padding: 6px 10px;"><h4>【延伸閱讀相關的文章】</h4><ol><li><a href='http://4evervoyage.net/2009/06/how-to-use-highslide/' rel='bookmark' title='Permanent Link: Highslide：超搶眼的圖片延展特效！'>Highslide：超搶眼的圖片延展特效！</a></li>
<li><a href='http://4evervoyage.net/2010/08/wordpress-tips-random-change-header-bgimage/' rel='bookmark' title='Permanent Link: [WordPress Tips]  隨機改變頁首背景底圖！'>[WordPress Tips]  隨機改變頁首背景底圖！</a></li>
<li><a href='http://4evervoyage.net/2007/07/dock-menu/' rel='bookmark' title='Permanent Link: 為您的部落格打造一個 Dock Menu ！'>為您的部落格打造一個 Dock Menu ！</a></li>
</ol></div>]]></description>
		<wfw:commentRss>http://4evervoyage.net/2010/01/understand-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>為您的部落格打造一個 Dock Menu ！</title>
		<link>http://4evervoyage.net/2007/07/dock-menu/</link>
		<comments>http://4evervoyage.net/2007/07/dock-menu/#comments</comments>
		<pubDate>Fri, 06 Jul 2007 11:14:00 +0000</pubDate>
		<dc:creator>Allen Yang</dc:creator>
				<category><![CDATA[網頁設計]]></category>
		<category><![CDATA[資訊科技]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Developing]]></category>

		<guid isPermaLink="false">http://4evervoyage.net/2007/07/06/%e7%82%ba%e6%82%a8%e7%9a%84%e9%83%a8%e8%90%bd%e6%a0%bc%e6%89%93%e9%80%a0%e4%b8%80%e5%80%8b-dock-menu-%ef%bc%81/</guid>
		<description><![CDATA[<a href="http://4evervoyage.net/2007/07/dock-menu/"><img align="left" hspace="5" width="120" height="120" src="http://4evervoyage.net/wp-content/uploads/2007/07/cssdock-150x150.png" class="alignleft wp-post-image tfe" alt="cssdock" title="cssdock" /></a>在 N.Design Studio – Blog &#038; Design 上看到一篇”裝潢”部落格的教學文章：CSS Dock Menu。這篇文章提供一個Hack，讓您可以在您的部落格中安裝一個有 Mac 風格的 Dock Menu 。原作者（Nick La）於文中說明這個 CSS Dock Menu 是使用 Jquery Javascript library 與 Fisheye component from Interface 以及一些作者自製的 icons 製作而成的。

<div style="background: #FCFCFC; border: 1px solid #EEE; color: #777; font-size: 0.9em; padding: 6px 10px;"><h4>【延伸閱讀相關的文章】</h4><ol><li><a href='http://4evervoyage.net/2007/06/google-techtalks-the-science-and-art-of-user-experience-at-google/' rel='bookmark' title='Permanent Link: Google TechTalks: The Science and Art of User Experience at Google'>Google TechTalks: The Science and Art of User Experience at Google</a></li>
<li><a href='http://4evervoyage.net/2010/01/understand-css/' rel='bookmark' title='Permanent Link: 推薦一個關於 CSS 的投影片：Efficient, Maintainable, Modular CSS！'>推薦一個關於 CSS 的投影片：Efficient, Maintainable, Modular CSS！</a></li>
</ol></div>]]></description>
		<wfw:commentRss>http://4evervoyage.net/2007/07/dock-menu/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
