檢測訪客瀏覽器對 HTML5 與 CSS3 的支援程度

五月 23, 20106 則迴響

img

由於各主流瀏覽器對於 HTML5 與 CSS3 中支援的程度不一，如果我們想要搶先嘗試使用它們的的新功能，卻又想要在各種瀏覽器中保持一定的可用性，那麼勢必要在 Javascript 中撰寫相關的判斷程式碼來進行判斷瀏覽器是否支援新特性，如果訪客的瀏覽器支援，則使用新功能，而反之則執行替代的程式碼或者提示使用者所使用的瀏覽器將會有部分進階功能無法使用。

繼續閱讀 »

HTML5 與 CSS3 準備好了嗎？

五月 16, 2010無迴響

img

HTML5 與 CSS3 不斷出現各種令人驚艷的應用，引起了業界的高度關注，它把許多原本屬於 Flash 的特殊應用搬到了 Web 標準中，而標準化的好處在哪我想不需要我多說了，但 HTML5 與 CSS3 真的準備好了嗎？

從 HTML & CSS3 Readiness 這份圖表可以很容易看出一些關鍵，它把 HTML5 與 CSS3 從 2008 年到 2010 年各個主流瀏覽器的支援情形以扇形區色塊圖的方式呈現，每個瀏覽器及渲染引擎都有自己的色系。 繼續閱讀 »

有趣的 jQuery 快速顯示隱藏元素技巧

五月 14, 20102 則迴響

今天在 Now you see me… show/hide performance 一文中，看到該文作者分析了各種jQuery顯示、隱藏的作法及其效能比較，最後還提到了一個非常有趣的好方法，他利用禁用、啟用<style>元素的方法來達到套用顯示、隱藏效果，在頁面中需要大量套用情況下效能特別好。

繼續閱讀 »

Diigo – 書籤連結分享與知識共享的結合

五月 11, 20106 則迴響

img

Diigo 是一個 Social Bookmarking (社群書籤或稱社會性書籤)，它除了可以是個人的線上書籤，更可以是一種分享平台，而其分享的不只是書籤連結，更是一種知識共享，其功能之強大，著實讓我一用就愛上它，因為它幾乎把我已知對於書籤或閱讀的工具及方法全都整合在一起了。

繼續閱讀 »

兩款用於開發 iPhone Web 應用的 UI Framework

五月 5, 2010無迴響

img

最近在雜誌上看到了關於手機平台開發的專欄，裡面提到了手機平台Web上很難做出如同本機應用程式所能做出的使用者體驗(User experience)，雖然這是事實，但透過Framework的輔助多少可降低難度及開發成本。

繼續閱讀 »

再談談Tag的知識關聯性與軟體操作設計

四月 29, 2010無迴響

img

Tag是伴隨著Web2.0而生的一個產物。因為Tag的多變化以及完整的定義性讓我自從認同了Tag所具備的價值之後我便愛上這種定義方式， 因為它除了可以幫助我們歸納整理知識或資料之外，還能夠幫助我們了解某個事物所在領域。

繼續閱讀 »

開始HTML5 – Video

四月 27, 20105 則迴響

img

在HTML5以前若我們要在網頁中播放影片時，需要使用ActiveX或Plug-in的方式來達到，例如：Flash Player、QuickTime等等，但在HTML5之後這些東西成了標準，我們不需再透過額外的外掛來達成，相信這也意味著Web的相關應用將更趨於豐富化。

現在就連 YouTube 也已經測試使用HTML5的Video來做為影片播放介面，因此在實際應用上雖然我們並不一定要走在時代的尖端，但了解一下新技術是有其必要的。

繼續閱讀 »

開始HTML5 – Web Workers

四月 24, 20101 則迴響

img

HTML5帶來了許多的改變，除了標記語意上的增強之外，最令人震撼的莫過於它所附屬的Javascript APIs。而 Web Workers 是 HTML5 提供的一個多執行緒(Multi-Thread)的解決方案，讓我們可以把需要大量運算的程式交由Web Workers去做背景執行，如此的好處就是其他的工作仍可以順利進行。

Web Workes 目前支援的瀏覽器有：Firefox 3.5+ / Safari 4.0+ / Chrome 5.0+

繼續閱讀 »

與你的夥伴線上討論設計或概念 – Cacoo

四月 18, 2010無迴響

img

Cacoo是一款很像Visio的免費線上工具，它可以用來繪製網站地圖、wireframe、UML、流程圖、網路圖等類型的圖表，其最大的特的點是它可以即時多人同時編輯。

以往當與夥伴處於異地而無法面對面直接溝通時，我們可能會用即時通訊軟體，你在那端、我在這端各自描述著自己的想法，遇到需要用圖形表示時只能透過即時通訊軟體或E-mail把編輯好的圖檔寄過去或用MSN之類的即時通訊軟體傳過去，這樣的過程不僅耗費不必要的時間，溝通起來也挺憋腳的，甚至還可能出現雞同鴨講的窘境。

繼續閱讀 »

談談Tag用於知識管理與軟體操作設計

四月 11, 2010無迴響

img

Tag(標籤)，是一種用於定義知識內容方向的概念，是一種透過人為定義的方式來達到輔助檢索或歸納整理的概念性工具。

其實這樣的概念在日常生活中我們常常在使用，最常見的是我們會為文件貼上標籤以方便在需要時可以快速取出。當我們剛認識某人時，我們可能會用一句很簡單的話來表述自己對他的第一印象，例如：「活潑開朗」、「沉穩內斂」，這樣的行為也稱之為「貼標籤」，當我們更進一步認識他之後，我們可能不斷為其貼上各式各樣的標籤，這種用來表達對某事物的簡單抽象描述，便可稱之為「Tag」。

繼續閱讀 »

Page 1 of 812345»...Last »