<?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>Rengised2 &#187; 有關設計這玩意</title>
	<atom:link href="http://www.rengised.com/blog/category/about-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.rengised.com/blog</link>
	<description>對生活週遭一切事物的設計反思與個人性格的樞紐.</description>
	<lastBuildDate>Mon, 31 May 2010 03:24:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
	
<!-- Start Of Script Generated By WP-PostViews Plus -->
<script type='text/javascript' src='http://www.rengised.com/blog/wp-includes/js/jquery/jquery.js?ver=1.4.2'></script>
<script type="text/javascript">
/* <![CDATA[ */
/* ]]> */
</script>
<!-- End Of Script Generated By WP-PostViews Plus -->
	<item>
		<title>為什麼我們需要 W3C</title>
		<link>http://www.rengised.com/blog/why-we-need-w3c/</link>
		<comments>http://www.rengised.com/blog/why-we-need-w3c/#comments</comments>
		<pubDate>Tue, 21 Jul 2009 14:18:56 +0000</pubDate>
		<dc:creator>張家振</dc:creator>
				<category><![CDATA[有關設計這玩意]]></category>
		<category><![CDATA[部落格]]></category>
		<category><![CDATA[Concept]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Holy-Shit]]></category>
		<category><![CDATA[Share]]></category>
		<category><![CDATA[User]]></category>
		<category><![CDATA[W3C]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Why]]></category>

		<guid isPermaLink="false">http://www.rengised.com/blog/?p=434</guid>
		<description><![CDATA[為何網頁要用 W3C Standard？什麼是 W3C？
W3C 全名是 World Wide Web Consortium，根據維基百科對 W3C 的描述，其中文翻譯是「全球資訊網協會」是由網際網路發明人 Tim Berners-Lee 所創辦的。
<span class="readmore"><a href="http://www.rengised.com/blog/why-we-need-w3c/" title="為什麼我們需要 W3C" target="_blank">...詳全文（共2007字）</a></span>]]></description>
			<content:encoded><![CDATA[<p><img title="Why We Need W3C" src="http://farm4.static.flickr.com/3530/3742489778_50d4b62790_o.png" alt="" width="440" height="120" /></p>
<p>為何網頁要用 W3C Standard？什麼是 W3C？</p>
<p>W3C 全名是 <a title="W3C" href="http://en.wikipedia.org/wiki/World_Wide_Web" target="_blank">World Wide Web Consortium</a>，根據維基百科對 W3C 的描述，其中文翻譯是「全球資訊網協會」是由網際網路發明人 Tim Berners-Lee 所創辦的。</p>
<p>成立的宗旨與目標是：</p>
<blockquote><p>為解決web應用中不同平台、科技和開發者帶來的不相容問題，保障Web資訊的順利和完整流通，全球資訊網協會制定了一系列標準並督促 Web 應用開發者和內容提供者遵循這些標準。標準的內容包括使用語言的規範，開發中使用的導則和解釋引擎的行為等等。W3C也制定了包括XML和CSS等的眾多影響深遠的標準規範。</p></blockquote>
<p>簡單的說，沒有 W3C 的大方向與檔案格式標準規範，就不會有今天的網際網路。如果各家廠商都發展自己的協定，那網路瀏覽器也會是各家稱霸，瀏覽 A 網站就要用 A 網站專屬的瀏覽器，觀看 B 網站就要開啟 B 網站專用的軟體；網路的發展型式將會與今日完全不同。W3C 不但制定了網路發展的各種通訊協定，更囊括了各種通用檔案如：HTML、CSS 等等。</p>
<p><span id="more-434"></span></p>
<p>符合 W3C 的重要性，其實就在於能夠讓網頁上的資訊 (Content)、版面 (Layout) 能夠在各種作業系統平台、瀏覽器上能夠獲得一致的顯示結果。雖然目前大部分主流的瀏覽器如 Firefox 3.5、Safari 4、Internet Explorer 8、Oprea 9 等等都已經支援 W3C 的標準，但是為了許多特定需求所開發出來的語法，這些瀏覽器還是必須容許這些錯誤，讓網頁能夠顯示出來。W3C 亦提供了許多網頁檔案的驗證如 HTML 驗證、CSS 驗證、RSS 驗證等，透過這些驗證，網頁設計師得以知道如何改善網頁編寫架構，來得到更通用的呈現效果。</p>
<p>W3C 雖然制定了規範與驗證，但是這些是提供給網頁設計人員的建議，希望我們儘可能的符合規範，並不是絕對的標準。因此，許多知名的網站都為了商業利益或頁面效果需要，嵌入了許多未能通過驗證的語法，瀏覽器也都支援，但我們在編寫網頁時，還是必須要儘可能的符合 W3C 的規範以及不同瀏覽器支援的問題。</p>
<p>關於 W3C 規範支援重要性的案例，最經典的就是之前吵的沸沸揚揚的「IE6 must die」案例。IE6 不僅無法支援現下的 W3C 語法標準，在網頁的處理引擎上更是遠遠的落後許多年；但因為台灣一般使用者普遍認知錯誤，而系統又內建 IE，演變成政府與企業網站從許多年前的「推薦使用 IE6」到今天的「IE6 Only」網站。其原因 IE6 所支援的規範已經過時，當下的新興瀏覽器反而無法正確的顯示或執行當年符合 IE6 的網頁或程式。</p>
<p>哪些網站更應該符合 W3C？</p>
<p>首先是政府與公家機關，我們的政府大力的鼓吹國際化與資訊教育的政策下；外包出去做的政府公家機關網站大多不符合 W3C 的網頁標準，也不會去考慮瀏覽器相容，而更多的狀況是；以為全世界只有一種瀏覽器而形成 Internet Explorer Only 這種可笑的網站 (更別提那些 IE6 Only 的網站了！)。雖然非 PC 使用者的佔有比率在以前的確不值一提，但是 Apple Mac 與 Liunx 系統在近幾年的成長比率，已經足夠讓我們在開發網站時必須要考量到 none-IE 的使用者。</p>
<p>再來是金融銀行與電子商務這些牽扯到安全性與個人資料的網站，道理淺而易見；如果今天您使用的網站只支援過時的瀏覽器，您還能夠安心的將您的金錢信用資料、個人資料透過這樣過時的網站送出嗎？符合 W3C 規範與跨瀏覽器的支援，不僅能讓該企業單位穩固更多樣性的客源，且能夠提昇企業形象與自身企業的安全。只可惜大部分的台灣本地銀行都不夠高瞻遠矚.......</p>
<p>然後是教育單位與非營利組織，這類型的網站，也應該符合 W3C 的規範與跨瀏覽器支援。教育資源必須要開放，而不是以錯誤的示範告訴大家：「我們被 IE 壟斷囉！我們不符合 W3C！」敢問，台灣的資訊相關科系學生，知道 W3C 的有多少？非營利組織也該在同樣的原則下儘可能符合 W3C 規範，確保所有的網際網路使用者，都能夠正確的看到非營利組織所訴求的內容。</p>
<p>最後，就是中小企業與個人網站，其原因就是上述幾個重點的濃縮。難道您只希望用 IE 的人看到您的網站嗎？或是因為沒有符合 W3C 的規範與跨瀏覽器相容導致您的網頁在每台電腦、不同瀏覽器、不同上網平台上，看到都是不一樣的結果；諸如：破圖、欄位消失、背景不見等問題嗎？當然，不怕尷尬的一般使用者還是不會在乎的。</p>
<p>W3C 推行的問題，由於許多知名的大網站，如：Google、YouTube、Yahoo等，都不一定符合 W3C 規範了，要去要求上述的其他機關或是個人去符合 W3C 規範更是難上加難；關於更多的推行困難可以參考 Clement T 所寫的<a title="推行 Web Standards 的困難" href="http://chiunam.net/blog/archives/56" target="_blank">這篇</a>。</p>
<p>雖然 W3C 並不是網際網路的標準，而只是一份規範與建議；但身為一個網頁設計師或是網頁相關設計人員，還是應該致力於符合 W3C 規範，讓網頁能夠在各種平台與瀏覽器上都能夠正確的顯示、讓網際網路的環境更友善。</p>
<blockquote><p><strong>W3C 商標版權由 W3C 協會所擁有，本重製圖像無任何商業利益。</strong></p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.rengised.com/blog/why-we-need-w3c/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>貳零零玖新年搶拍，槍下非亡魂 II</title>
		<link>http://www.rengised.com/blog/new-year-2009-with-the-fabled-shoots-2/</link>
		<comments>http://www.rengised.com/blog/new-year-2009-with-the-fabled-shoots-2/#comments</comments>
		<pubDate>Wed, 04 Feb 2009 08:44:19 +0000</pubDate>
		<dc:creator>張家振</dc:creator>
				<category><![CDATA[有關設計這玩意]]></category>
		<category><![CDATA[隨口說說]]></category>
		<category><![CDATA[Art]]></category>
		<category><![CDATA[Backstage]]></category>
		<category><![CDATA[Big-Gun]]></category>
		<category><![CDATA[Explode]]></category>
		<category><![CDATA[Film]]></category>
		<category><![CDATA[Media]]></category>
		<category><![CDATA[Producer]]></category>
		<category><![CDATA[Works]]></category>

		<guid isPermaLink="false">http://www.rengised.com/blog/?p=356</guid>
		<description><![CDATA[這些日子來，最值得說嘴的，大概就是從 2008 年底開始擔任總製片所籌備的蘇匯宇最新作品「槍下非亡魂 II」。

自從 2007  年接觸「槍下非亡魂系列」作品後，爆破、血漿的製作一直都是種令人興奮的迷幻藥；參與創作的發生大概就是這種焦躁、逼急、榨腦汁感覺。
<span class="readmore"><a href="http://www.rengised.com/blog/new-year-2009-with-the-fabled-shoots-2/" title="貳零零玖新年搶拍，槍下非亡魂 II" target="_blank">...詳全文（共812字）</a></span>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" title="new-year-2009-with-the-fabled-shoots-2" src="http://farm4.static.flickr.com/3461/3252064569_ef962c5e25_o.png" alt="" width="480" height="220" /></p>
<p>這些日子來，最值得說嘴的，大概就是從 2008 年底開始擔任總製片所籌備的蘇匯宇最新作品「槍下非亡魂 II」。</p>
<p><span id="more-356"></span></p>
<p>自從 2007  年接觸「槍下非亡魂系列」作品後，爆破、血漿的製作一直都是種令人興奮的迷幻藥；參與創作的發生大概就是這種焦躁、逼急、榨腦汁感覺。</p>
<p>「槍下非亡魂系列」經歷了<strong> 血濺實踐大學攝影棚</strong>、<strong>血戰</strong><strong>下圭柔</strong>、<strong>浴血竹圍片場</strong> 等三次的拍攝，從一開始由神祕特效製作人傳授爆破與血漿製作方式到改良原始道具、模組化、流程化的精密製作團隊；從第一次血濺實踐大學攝影棚的 6 小時拍攝 2 個鏡頭，到第三次浴血竹圍片場的裝配線路10分鍾內完成、爆破成功率高達 9 成。</p>
<p>我與蘇匯宇不斷的討論改良、並透過許多擁有特別專長好友的協助下，這次的「槍下非亡魂 II」足以成功，特別感謝這些好友幫忙、特效組、攝影組等各組的努力！</p>
<p>這次的前置準備工作幾乎長達 21 天，特效組、場務組前前後後大概生產了 2000 組的爆破血漿套件組，所需材料的採買也幾乎掃光了台北光華所有的電子零件的商家，甚至還一度發生叫不到貨源的問題。爆破原料的防潮作業、各項道具的準備更是之前幾次拍攝所不及的，片場由於動用了廣告、工業等級的高速、高畫質攝影機，可以以每秒 1000 張的畫格數來拍攝動態畫面，並擁有 1920 x 1080 的 HD 高解析度；為了配合這樣高規格的拍攝條件，燈光更是不吝嗇的出動了 8 顆上萬瓦的專業攝影燈，並搭配兩台發電卡車。另外還特別聘請了拍攝過藝術家-陳界仁的專業攝影師來掌鏡。現場導演與總製片指揮各組工作人員 30 餘人、拍攝將近 20 小時，在寒流的僅 10 度左右的低溫小年夜中，將導演-蘇匯宇的 20 幾組鏡頭拍攝完畢。</p>
<p>過完農曆年節後的初六，各組人馬再次準備靜態拍攝，終於在初七的那天完美的拍完 6 位女模特兒等 16 個鏡頭。</p>
<p>根據蘇匯宇的說法，這次的作品預計會在 4 月份左右作初步的展出；更多的幕後記錄可以到<a title="The TV Kid: Su, Hui-Yu" href="http://www.suhuiyu.com/site/" target="_blank">蘇匯宇的個人網站</a>觀賞。</p>
<p>最後，真的要跟各組人員說聲：辛苦了！沒有您們的配合與包容，就不會有這次的作品完成。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rengised.com/blog/new-year-2009-with-the-fabled-shoots-2/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>日記-加州-洛杉磯-DAY-25</title>
		<link>http://www.rengised.com/blog/journal-california-la-day-25/</link>
		<comments>http://www.rengised.com/blog/journal-california-la-day-25/#comments</comments>
		<pubDate>Fri, 08 Aug 2008 06:43:15 +0000</pubDate>
		<dc:creator>張家振</dc:creator>
				<category><![CDATA[我在加州洛杉磯]]></category>
		<category><![CDATA[有關設計這玩意]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Los-Angeles]]></category>
		<category><![CDATA[Record]]></category>
		<category><![CDATA[Santa-Monica]]></category>
		<category><![CDATA[Travel]]></category>
		<category><![CDATA[USA]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.rengised.com/blog/?p=301</guid>
		<description><![CDATA[米國時間：2008-08-07
台灣時間：2008-08-08
行程內容：秘密工作進行中

<span class="readmore"><a href="http://www.rengised.com/blog/journal-california-la-day-25/" title="日記-加州-洛杉磯-DAY-25" target="_blank">...詳全文（共306字）</a></span>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" title="journal-california-la-day-25" src="http://farm4.static.flickr.com/3026/2724624898_4c9a411a07.jpg" alt="" width="330" height="150" /></p>
<p>米國時間：2008-08-07<br />
台灣時間：2008-08-08<br />
行程內容：秘密工作進行中</p>
<p><img class="alignnone" title="suhuiyu.com" src="http://farm4.static.flickr.com/3278/2743699682_d69e838190.jpg" alt="" width="300" height="300" /></p>
<p><a title="The TV KID：Su, Hui-Yu.com" href="http://www.suhuiyu.com/" target="_blank">The TV KID：Su, Hui-Yu.com</a></p>
<p><span id="more-301"></span></p>
<p>蘇的個人網站製作中，希望可以在回國之前完成大方向。由蘇匯宇設計版型，我製作網頁與 WordPress 的整合；為了配合讓蘇可以方便自行更新資料，第一次嘗試整個網站頁面都交給 WordPress 去處理資料！目前尚待克服的是讓 WordPress 內建編輯器可以完整做到網頁排版的設定，與<strong>鳥 IE</strong> 的 CSS 錯誤判讀造成的版面錯誤，以及呼叫 WordPress 內建函數的功能應用。之後還要面對的是 AJAX 的 lightbox 頁面以及 flv 影片的嵌入設定。還好！還好！現在沒有帶案子在身上，可以輕鬆 coding</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rengised.com/blog/journal-california-la-day-25/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>蘋果麥克製造平台貼紙 Made on Apple.Mac</title>
		<link>http://www.rengised.com/blog/stickers-made-on-apple-mac/</link>
		<comments>http://www.rengised.com/blog/stickers-made-on-apple-mac/#comments</comments>
		<pubDate>Tue, 22 Jul 2008 01:37:26 +0000</pubDate>
		<dc:creator>張家振</dc:creator>
				<category><![CDATA[有關設計這玩意]]></category>
		<category><![CDATA[網路這麼小]]></category>
		<category><![CDATA[Apple-Inc]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[Stickers]]></category>

		<guid isPermaLink="false">http://www.rengised.com/blog/?p=187</guid>
		<description><![CDATA[蘋果缺口商標版權由 Apple Inc. 所有，此貼紙僅引用圖案，混和後圖案非營利、無商業行為。
自從 6 月底回台中老鄉放假後，就一直使用 MacBook Pro 當作我的電腦平台；導致我出國前回台北收行李的那幾天，完全不想打開那台巨砲的 PC，雖然說我工作室的 PC 有裝兩顆 19 吋的 4:3 螢幕來跑，視覺上爽很多。但是，Windows 的介面一整個很難用啊！甚至在心理悄悄的埋下要把 PC 賣掉，改買 iMac 的種子。
<span class="readmore"><a href="http://www.rengised.com/blog/stickers-made-on-apple-mac/" title="蘋果麥克製造平台貼紙 Made on Apple.Mac" target="_blank">...詳全文（共1157字）</a></span>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" title="Made On Apple Mac" src="http://farm4.static.flickr.com/3023/2691259624_92838d9925_o.png" alt="" width="500" height="185" /></p>
<blockquote><p>蘋果缺口商標版權由 Apple Inc. 所有，此貼紙僅引用圖案，混和後圖案非營利、無商業行為。</p></blockquote>
<p>自從 6 月底回台中老鄉放假後，就一直使用 MacBook Pro 當作我的電腦平台；導致我出國前回台北收行李的那幾天，完全不想打開那台巨砲的 PC，雖然說我工作室的 PC 有裝兩顆 19 吋的 4:3 螢幕來跑，視覺上爽很多。但是，Windows 的介面一整個很難用啊！甚至在心理悄悄的埋下要把 PC 賣掉，改買 iMac 的種子。</p>
<p><span id="more-187"></span></p>
<p>其實我在 <a title="我的噗浪" href="http://www.plurk.com/user/roca" target="_blank">Plurk</a> 上發現有不少使用者的工作平台是 Mac OS，並且用以維護、發佈自己的部落格。也因為前年 HemiDemi 剛崛起時，一堆人搶著加入，並且在理面打出一個 Mac Fans 群組，標榜熱愛、推廣 Mac OS 的好處與種種分享文章；在當時的確出現過一陣子的「blog 上貼一個 Mac User 的貼紙」活動。但是隨著時間的過去與傳統媒體的介入部落圈，似乎在 Mac OS 10.5 推出時，這個部落圈也沒有特別的大力推廣；讓我覺得有一窩蜂的失落感......</p>
<p>於是就弄了一個 Made on Apple.Mac 平台的貼紙，<strong>本貼紙的目的在於提供好友們一種部落格的識別：我們用的是 Apple Mac OS，並且讓瀏覽該部落格的網友瞭解站長是用 Mac OS 來維護這網頁</strong>；排除 Windows Only 的網頁與軟體相容性 (例如 Windows Live Messenger 的許多功能在 Mac 版本無法使用)，讓整個網路生態對 Mac OS 更友善。也期望能有更多人加入 Mac OS 的行列，促使 Apple Inc. 正視台灣這塊 Mac 使用者的市場！也督促許多政府與公家機關網站對各平台的相容性提昇！</p>
<p>只要您的 blog 是使用 Apple Mac OS來製作或維護的網友們，就可以使用這張貼紙；而本貼紙也同步在<a title="人生海海" href="http://tzangms.com/blog" target="_blank">tzangms</a>所成立的 <a title="StickerAction" href="http://stickeraction.com/" target="_blank">StickerAction</a> 發佈串連貼紙，有興趣的網友們可以到那取用加入！</p>
<p>Made on Apple.Mac 目前有 2 種尺寸貼紙，共 4 種樣式。</p>
<div class="wp-caption alignnone" style="width: 210px"><img title="made-on-mac" src="http://farm4.static.flickr.com/3258/2691375948_3f9c933350_o.png" alt="" width="200" height="75" /><p class="wp-caption-text">200 x 75 px.</p></div>
<div class="wp-caption alignnone" style="width: 98px"><img title="made-on-mac" src="http://farm4.static.flickr.com/3522/3195615453_c1a4db85d8_o.gif" alt="" width="88" height="31" /><p class="wp-caption-text">88 x 31 px.</p></div>
<div class="wp-caption alignnone" style="width: 98px"><img title="Made on Apple.Mac 白色串連貼紙" src="http://farm4.static.flickr.com/3107/2690120581_2bec416b72_o.png" alt="" width="88" height="31" /><p class="wp-caption-text">88 x 31 px, gray.</p></div>
<div class="wp-caption alignnone" style="width: 98px"><img title="Made on Apple.Mac 黑色串連貼紙" src="http://farm4.static.flickr.com/3128/2690120625_9db88f7d80_o.png" alt="" width="88" height="31" /><p class="wp-caption-text">88x31 px, black.</p></div>
<p><strong>您可以自由下載這份貼紙貼到您的私人相簿、空間，再連結到這個說明網頁。<br />
或是前往 <a title="蘋果麥克製造平台 / StickerAction! 貼紙串連" href="http://stickeraction.com/made-on-mac" target="_blank">Made on Apple.Mac 於 StickerAction 的串連活動</a>取得語法貼紙。</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.rengised.com/blog/stickers-made-on-apple-mac/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
	</channel>
</rss>
