∪∩deniable Design

     摘要: 閱讀全文

http://www.iunbug.com/archives/2012/06/14/360.html

你可能聽說了這個新MVC框架： CanJS。還有什么比用它來創(chuàng)建一個聯(lián)系人Web App更能深入了解它的辦法呢？當看完這三篇教程，你將全面了解用它的什么工具來創(chuàng)建你自己的Web App。
選擇正確的庫

創(chuàng)建一個JS APP沒有好的工具是很有難度的，jQuery只是操作DOM的庫，沒有提供任何創(chuàng)建APP的基礎(chǔ)，這就是為什么我們要一個類似CanJS的專門的庫。

CanJS 是一個輕量級的MVC庫，提供你創(chuàng)建一個JS APP所需的工具。

CanJS 是一個輕量級的MVC庫，提供你創(chuàng)建一個JS APP所需的工具。 它提供有MVC (Model-View-Control) 模式的基本框架，模板動態(tài)綁定， route的支持且 內(nèi)存安全。同時支持 jQuery, Zepto, Mootools, YUI, Dojo，有豐富的擴展和插件。

第一部分你將學到：

  閱讀全文

     摘要: PageSpeed Insights早在2年前google就推薦了這個工具的預(yù)覽版，現(xiàn)在他們推薦一個功能全面的2.0版本。作為Chrome開發(fā)者工具的擴展。可以對你的網(wǎng)站進行全面的分析，包括靜態(tài)資源文件，網(wǎng)絡(luò)，DOM和timeline等。下載安裝之后打開發(fā)者工具就到下圖的按鈕，點擊分析即可得到一份全面的報告。

閱讀全文
http://www.iunbug.com/archives/2012/06/14/353.html  閱讀全文

     摘要: 這是我們目前所知iOS6的Mobile Safari給前端開發(fā)者所帶來的，我期望在接下來的Beta版中驚喜更多用戶體驗更好。

閱讀全文


http://www.iunbug.com/2012/06/12/ios6的mobile-safari給前端開發(fā)者帶來了什么/  閱讀全文

     摘要: 閱讀全文
http://www.iunbug.com/2012/06/07/%E7%94%A8yuidoc%E6%96%87%E6%A1%A3%E5%8C%96javascript%E4%BB%A3%E7%A0%81/

文檔化你的JS代碼有點類似于測試； 我們都意識到要這么做，但我們都不確定怎么做，大多數(shù)人都沒有做，但其實我們非常支持這么做。YUIDoc正是應(yīng)付這個問題的最佳方案，那么，本教程將使你快速掌握它。

http://www.iunbug.com/2012/06/07/%E7%94%A8yuidoc%E6%96%87%E6%A1%A3%E5%8C%96javascript%E4%BB%A3%E7%A0%81/  閱讀全文

     摘要: 背景：http://www.travelog.me/ 上的背景圖片是高斯模糊的效果，而他們用的庫就是Pixastic。
Pixastic 是一個強大的圖片處理JavaScript庫，可以讓你輕易的對圖片執(zhí)行各種處理，無論是濾鏡還是各神奇的效果只需要幾行JS代碼即可以做到。 僅需要瀏覽器支持Canvas。

閱讀全文
http://www.iunbug.com/2012/06/07/pixastic%E5%BC%BA%E5%A4%A7%E7%9A%84%E5%9B%BE%E7%89%87%E5%A4%84%E7%90%86js%E5%BA%93%EF%BC%8C%E6%94%AF%E6%8C%81%E6%BB%A4%E9%95%9C%E7%AD%89%E8%B6%85%E8%BF%8728%E7%A7%8D%E5%A4%84%E7%90%86%E6%95%88/  閱讀全文

     摘要: 到目前，本系列文章集中講了File對象能在用戶參與下對操作文件的產(chǎn)生的積極效果。事實上File對象是Blob的特殊類型。即大塊的二進制數(shù)據(jù)，F(xiàn)ile對象的大水的類型等屬性都繼承自Blob。

大多時候， Blob 的 File是可以同時使用的。例如，可以用FileReader從Blob中讀取數(shù)據(jù)，可以通過URL.createObjectURL()來創(chuàng)建一個URL對象。

閱讀全文

http://www.iunbug.com/2012/06/06/%E8%AF%91javascript%E6%96%87%E4%BB%B6%E6%93%8D%E4%BD%9C5-bolb%E7%B1%BB%E5%9E%8B%EF%BC%88%E4%BA%8C%E8%BF%9B%E5%88%B6%E5%A4%A7%E5%AF%B9%E8%B1%A1%EF%BC%89/  閱讀全文

     摘要: 從這系列的以上文章中，你已經(jīng)學到以傳統(tǒng)的方式使用文件。你可以上傳文件到服務(wù)器，可以從硬盤中讀取文件。這些都是最普遍的操作文件的方式。然而，還有一個全新的方式讓你能簡化任務(wù)，就是使用 URL 對象。
何為 URL對象?
URL對象是硬盤上指向文件的URL。例如，你想在頁面上顯示用戶系統(tǒng)里的一張圖片，服務(wù)器不必知道對應(yīng)文件，當然也不用上傳它。你只需在頁面中加載它即可。是的，前面的文章中提到，獲取文件的引用，讀取 data URI，然后賦值給一個 元素。不過細想其中多浪費：圖片原本就在硬盤上，還要轉(zhuǎn)換成另一個格式再用之？如果你創(chuàng)建一個URL對象，你可以直接賦值給 元素而后直接加載文件。

閱讀全文
http://www.iunbug.com/2012/06/05/%E8%AF%91file-api%E4%B9%8Bjavascript%E6%96%87%E4%BB%B6%E6%93%8D%E4%BD%9C4-url%E5%AF%B9%E8%B1%A1/  閱讀全文

     摘要: 背景概述

Google已經(jīng)在Mobile Web App開發(fā)上取得了很大的突破. HTML5已經(jīng)拉近了Mobile設(shè)備Native App與Web App的差距. mobile Gmail 正是Google的Fixed position的最佳實踐之一. iPad上的基于兩欄的Gmail也運用了這種實現(xiàn)機制.

桌面瀏覽器本身就支持 position: fixed. 但 mobile Safari在iOS5之前不支持, 我們只能定制一個模擬滾動的工具來替代原生的滾動.

本教程就是在Mobile Web App上如何實現(xiàn)position: fixed的,就以下幾點來講:
如何布局
通過transforms實現(xiàn)滾動的動畫效果
通過 transitions實現(xiàn)滾動的慣性沖力
觸摸屏幕時中止?jié)L動,即在打斷 transitions的執(zhí)行

跳轉(zhuǎn)看詳情
http://www.iunbug.com/2012/06/03/%E7%BF%BB%E8%AF%91%E6%89%8B%E6%8A%8A%E  閱讀全文