<?xml version="1.0" encoding="UTF-8"?><rss version="0.92">
<channel>
	<title>Blog: timdream</title>
	<link>http://blog.timc.idv.tw</link>
	<description>網路、Mozilla、天文、物理、科學、科幻、社會 …… 自由</description>
	<lastBuildDate>Wed, 28 Jul 2010 03:44:59 +0000</lastBuildDate>
	<docs>http://backend.userland.com/rss092</docs>
	<language>en</language>
	<!-- generator="WordPress/3.0" -->

	<item>
		<title>Responsive Web Design</title>
		<description><![CDATA[Ethan Marcotte 的《Responsive Web Design》，布丁爸爸說這是 2010 上半年最重要的文章之一。 內文主要是在闡述一個重要的 Idea：「Responsive Web Design」。隨著 Web 從 PC 螢幕移動到各式各樣的裝置，為每個裝置設計不同的網站版本（iPad 版、iPhone 版、手機版）是個 viable 但是不 scalable 的解決方法。作者認為，網站開發時如同「Responsive Architecture」的概念一樣，讓環境去適應使用者的存在 －－ 像是自動調節室內溫度、將窗戶霧化以保護隱私等。網站設計不應該是平面出版的電子化，存在於固定的版面、文字大小、圖文配置；設計應該要自然的適應不同的裝置，自動調整版面的 flow，甚至是互動 UI 的大小等等。 實作的細節，作者花了後半的篇幅在介紹 CSS media query。Media Query 是以前 CSS 2 的 media type 延伸，不同的是它不只是一組預先設定好的媒體（螢幕、紙本、點字、語音&#8230;），它可以讓開發者自行設定 CSS 規則適用的裝置類型、寬度等等。文章內提供了具體的範例，展示了使用 Media Query，作者可以指定當裝置的螢幕寬度小於多少、或是介於多少時，網頁可以隨之切換欄數、圖片寬度、圖文配置等等。 我自己把文章印了出來（地球對不起 &#62; &#60;），認真讀了一遍，滿有收穫的。雖然 CSS media query 是早就知道的東西，但是不了解前面的設計哲學與意義就不會有動機去玩它（現在就超有動機的哈）。作者的文筆讓人耳目一新，闡述概念的方式相當的生動，可以拿來練英文（真的）。 有個研伸的問題，作者也有簡略提到。CSS media query 解決了排版適應裝置畫面的問題，但如果開發者希望在不同裝置呈現不同的內容，甚至不同的互動時，多版本網站還是解法。如果只是幾行字，或許可以用 display 屬性開關切換掉，但總不會 [...]]]></description>
		<link>http://blog.timc.idv.tw/posts/responsive-web-design/</link>
			</item>
	<item>
		<title>知識信用與 HTML5</title>
		<description><![CDATA[Chris Blizzard 的文章 intellectual honesty and html5，正中我上篇文章講的 Apple 如何假裝開放實際上還是在做 vendor locked-in 的陰謀(陽謀?)。只是這次做的太明顯然後就翻船了。 Blizzard 主要的論點是 Apple 竟然大聲說他們喜歡創新的網路，那出來的產品跟作法就要言行一致 －－ 尤其是 HTML5 這一系列的創新本身的目標之一就是互通性 －－ 不能到處廣告說 Safari 支援 HTML5 然後故意把其他也支援的瀏覽器從示範網頁排除掉；這種顯然是沒有信用、不誠懇的傳遞知識的做為。 Mozilla 的 Sayre 做了一個很酸的 HTML5 demo，哈哈哈 (當然不代表 Mozilla 的立場)。]]></description>
		<link>http://blog.timc.idv.tw/posts/intellectual-honesty-and-html5/</link>
			</item>
	<item>
		<title>iPad Ready? iPad Only?</title>
		<description><![CDATA[My fellow Web Developers, I know it&#8217;s exciting to work with new devices and experimenting with new interactions, like multi-touch. I also acknowledge that sometimes it&#8217;s best to have a special look-and-feel that fit the device. But this time Apple is deliberately hurting the open web. Yes, you must have heard the phrase &#8220;iPhone is [...]]]></description>
		<link>http://blog.timc.idv.tw/posts/ipad-ready-ipad-only/</link>
			</item>
	<item>
		<title>CNNIC certificate criss: what you should do</title>
		<description><![CDATA[Disclaimer: I am a Mozilla Taiwan Community contributor, however the followings are my own point of view; not the view of entire community. 中文版貼在 Mozilla Links。 So, now we got bug 476766 calling Mozilla to remove CNNIC CA certs from it&#8217;s codebase, and people posted over on how to remove it manually. Personally I agreed [...]]]></description>
		<link>http://blog.timc.idv.tw/posts/cnnic-certificate-criss-what-you-should-do/</link>
			</item>
	<item>
		<title>Animation Smoothness</title>
		<description><![CDATA[中文： 寫了一個測試動畫順暢度的網頁，用了三種不同的處理方法：一種讓 JavaScript 去改 CSS 的 top 和 left、另一種是改 background-position、最後就是用 HTML 5 的 &#60;canvas&#62; 來繪圖。結論是 background-position 最順，另外 Webkit 感覺比 Gecko 厲害一點。 I wrote a little test to find out which way of doing animation is the most smooth one. The three animation being tested are: Changing CSS top and left property. Chainging CSS background-position property. [...]]]></description>
		<link>http://blog.timc.idv.tw/posts/animation-smoothness/</link>
			</item>
	<item>
		<title>HTML5 File API + XmlHttpRequest = SWFUpload, now what?</title>
		<description><![CDATA[So what should you do if you decided to ditch SWFUpload and embrace HTML5 solution for ajax file upload? In honor of the releases of Firefox 3.6 (with File API), I decided to just that in the GFX Firefox promotion site. (sounds perfectly reasonable to use Fx-only technology on such site, right?) Firefox now gives [...]]]></description>
		<link>http://blog.timc.idv.tw/posts/html5-file-api-xmlhttprequest-swfupload-now-what/</link>
			</item>
	<item>
		<title>A simple interaction design model</title>
		<description><![CDATA[From “Interaction Design: beyond human-computer interaction” by Preece, Rogers, and Sharp. 2002.]]></description>
		<link>http://blog.timc.idv.tw/posts/a-simple-interaction-design-model/</link>
			</item>
	<item>
		<title>慶祝與紀念</title>
		<description><![CDATA[寫篇文章慶祝與紀念這個星期的風風雨雨。 慶祝在遇到如此複雜度的事情的關頭上，能夠找到夠多的朋友與家人的溫暖與陪伴，以及擁有足夠的成熟與 capacity 。 紀念逝去的天真，還有那個大家都可以好好相處永遠當好朋友的美好想像。 There are life challenges ahead. I won&#8217;t back down.]]></description>
		<link>http://blog.timc.idv.tw/posts/cerebration-and-remembrance/</link>
			</item>
</channel>
</rss>
