其他

使用者介面和使用者體驗（UI/UX）是任何產品成敗的關鍵，尤其 Web，Web 是一種公開的，可以被任何人隨時隨地訪問的特殊產品，使用者的體驗幾乎意味著一切，雖然內容更重要，但內容可以替代，體驗卻是獨一無二的，本文分析了15個不同的 UI/UX 案例，優秀的使用者體驗給我們帶來的啟發是無價的。內容滾動中的運動視差效果Parallax scrolling 是讓多層背景以不同的速度移動，形成運動視差 3D 效果，雖然純屬視覺效果，但在內容滾動時形成的視覺體驗仍然非常出色。Charlie

一個叫 Chris Smoak 的程式員，最近發起一個使用 JavaScript/HTML5 實現 Flash 功能的開源項目，Smokescreen，可以將 Flash 動畫轉換為純 HTML5 + JavaScript，以便脫離 Flash 外掛程式，直接在瀏覽器中實現 Flash風格的動畫。這裡有一些很漂亮的示範。關於這項技術，一個叫 Simon Willison 的程式員，在他的部落格中做了很好的剖析：SmokeScreen 完全在瀏覽器中運行，讀取 SWF

這是《資料之美》系列的第五篇，本文搜集了更多令人歎為觀止的資料圖（Infographics），展示了那些原本枯燥的資料，在轉換為可視化圖表之後令人目不暇接的美麗。資料之美系列的前四篇請參閱《資料之美四》《資料之美三》，《資料之美二》《資料之美一》。37 Minute Bus Ride新加坡一家公司收集的新加坡巴士運行統計資料。Population of dead有史以來全球人口統計Feel Good人的生理節奏Hospital Aleman: Tree不聽話的孩子有前途Pink

上過 Twitter 的人都知道下面的這幅圖片，這是 Twitter 的出錯畫面。一位叫 Steve Dennis 的新西蘭 Web前端設計師，使用純 CSS 產生了這幅畫面，甚至，假如你使用基於 Webkit 的瀏覽器（Safari 或Chrome），畫面還可以動，不過，對 IE 瀏覽器，產生的效果還差強人意。作者的靈感來自 Twitter 的一次宕機，當 Twitter 頁面上出現這個畫面，他突發奇想，希望用

       位置服務中移動對象需要不斷想伺服器報告自己的位置。伺服器所獲得的位置資訊越精確，移動對象所能獲得的服務就越好。考慮到移動對象位置固有的不精確性，系統實現就必須考慮什麼時候以及什麼頻率進行位置更新。     移動對象的位置更新策略存在一個折中。一方面頻繁地更新會對伺服器端造成很大的壓力，導致過高的代價並會影響效能，而低頻率的更新可能會導致位置查詢返回過時的資料。合理的推理可知，無論何種位置更新策略都會存在不精確性。目前學者已經提出了好幾種更新策略，本文著重介紹Ralf

DeviantArt 是一個著名的，彙集了大量怪誕藝術家的非主流藝術作品展示網站，最近，他們推出了一個完全基於 HTML5 的繪圖程式 Muro。這個幾乎支援所有現代瀏覽器，無需 Flash 和任何外掛程式的繪圖工具是作者見過的最好的 HTML5 繪圖程式。該程式甚至支援 Wacom手寫繪圖板。是 DeviantArt 使用者 loish 使用 Muro 創作的一幅畫，這裡還有更多作品範例。Muro 讓人想起了過去那些基於瀏覽器的繪圖工具，像使用 Flash 的

Drupal 是一個出色的 CMS （內容管理系統），然而，如果你只想做一個簡單的傳統網站，Drupal 就大材小用了，Drupal 是一個適合開發人員使用的平台，它擁有眾多模組，外掛程式，擴充，API，以及龐大的開發社區，你可以使用 Drupal 實現幾乎任何類型的網站，本文列舉了16個著名的網站，這些網站都可以用 Drupal 實現。1. Digg 網站 可以模仿 Digg 的程式多如牛毛，然而，Drupal 中，只需要一個單獨的模組，就可以將 Digg

作為 Web 開發人員，對自己的行業前景，人人都有自己的看法，然而，任何行業都有出人意料的地方。著名的 Web 開發設計部落格 Nope.com 曾向他們的讀者做了一個調查，請他們列舉 Web 開發領域那些讓他們感到意外的事情，收到了各種各樣的反饋，本文就是這次調查的結果與分析。一個真正的符合 Web 標準的 IE這個訊息讓我們振奮，在經過 9個版本更替後，我們終於看到了（或者說即將看到）一個真正符合 Web 標準的 IE 瀏覽器。在 Web 開發設計界，人們對

美國電腦緊急反應組近日透露，上周發現的 IIS6 WebDAV 漏洞已經被用在攻擊中，這個由電腦安全專家 Nikolaos Rangos 發現的漏洞可以通過一個偽造的 HTTP 請求，查看並上傳檔案到 IIS6 伺服器，攻擊利用了微軟處理 Unicode token 過程中的漏洞。 微軟在一份聲明中表示，尚未聽說此類攻擊的發生，但他們正在對此進行觀察，並將提供安全顧問為使用者提供協助。漏洞隻影響那些在 IIS6 中啟用了 WebDAV 協議的系統，WebDAV 用來在 Web 上共用文檔。

文章目錄 demo: 建議：以標準瀏覽器為準書寫代碼，如遇到相容問題，嘗試其他方法解決問題，在萬不得已怕情況下，採用HACK解決。以下是我總結的HACK書寫方法:瀏覽器：僅限IE6+，FF，safari,chrome,opera;(截止到2011.10.12非IE均為最新版本)。測試環境：windows系統;DOCTYPE:.標誌符樣本IE6IE7IE8IE9FFOPSACH*.eq {*color:#000;}YYNNNNNN_.eq {

在很多人眼裡，如今的 Web 是活潑，新鮮，充滿生機的，然而事實上，在 Web領域，一些陰魂不散的技術，產品或者思想仍然有它們生存的土壤，本文講述了 Web領域那些本該死去，卻依然為人所用的東西，像某些版本的瀏覽器，某些過時的技術，某些代碼，某些設計思想。引言當人們為 IE6 舉辦非官方葬禮的時候，很多人並不知道為什麼要這樣。瀏覽器 瀏覽器無疑是最值得大書特書的了，所有 Web 設計師都知道支持 IE6 的痛苦卻無能為力，這不是我們所能控制的事，儘管微軟自己也煞費苦心地推出了 IE7 和 IE8

Google 在世界各地的辦公室經常是很多人羨慕的對象，而這類話題早已泛濫，不過，下面這些來自 Google 加州 Mountain View 和瑞士蘇黎世的辦公室的圖片還是讓人免不了感慨一番，不得不承認，創造力來自寬鬆和自由的環境。吃是永遠的話題研究了很久，不知道地板上那些斑塊是水漬還是什麼牆上的圖畫是 Laval 制奶機吧一個程式員最大的夢想就是一台這樣的機器，據說很貴難道是觸控螢幕？很象老友記啊現在明白了，那不是水漬Larry Page

我剛看完Chad Fowler的Passionate

文章目錄 譯評 Mozilla 啟動了一個尚未命名的新項目，準備通過多 CPU 支援在速度上超過 Google Chrome 和 IE8，後者均支援多 CPU。多 CPU 架構在多數案頭應用司空見慣，Firefox 的多 CPU 體系將一些密集型工作分配給不同的 CPU 處理，比如，讓一個 CPU 運行使用者介面以及 chrome 程式，另一個渲染網頁內容。這一分離可以使 Firefox 擁有 Google Chrome 和 IE8

文章目錄 那些不遵守代碼驗證的網站盲從驗證規則人能做出決斷而機器不能無法顧及未來標準為驗證而驗證可訪問性與易用性測試只能通過人來進行用翻譯實驗看看機器翻譯的能力 W3C 驗證讓很多 Web 設計與開發人員感到糾結，在自己的網頁上放置一個驗證按鈕，點擊以後，當看到 W3C 為你給出的全部是綠色對勾的時候，滿足感油然而生，然而對這種機器驗證的過度依賴往往帶來另外的問題，本文講述的是 W3C 驗證中的一些是與非。W3C Web

每個 Web 設計師都在 UI 設計上費盡了心血，即使這樣，資源的匱乏，視野的狹窄，也常常讓他們的嘔心瀝血之作並不為人看好，事實上，UI設計並不需要閉門造車，很多 UI 元素是通用的。本文收集了 20 套非常前端的 UI 元素庫，它們多數是可以後期修改的 PSD 或 SVG 版。Modern Web UI Set (.psd)這套 UI 庫包括了從按鈕，到漸層，到文字各種 UI 元素，非常整齊地存放在不同目錄下，由於是 PSD向量分格式，裡面的任何元素都是可以修改的。Massive Web

還記得 Wap 嗎，現在還有多少人使用 Wap？後移動時代，隨著瀏覽器技術的進步，為行動裝置設定特殊網站已經不再必要。作為 Web設計師，如果你能遵循一些基本的設計與布局原則，你的網站將能被多數行動裝置更輕鬆地訪問。本文講述的是後移動時代的 Web 設計原則。移動瀏覽技術現狀當今最受歡迎的手機系統包括 Android，BlackBerry 與 iPhone。雖然這些手機系統中的瀏覽器都支援 HTML + CSS + JavaScript，但它們仍然存在某些局限。Flash現階段，用手機訪問

設計師，不管是 Web 設計師，還是平面設計師都有字型情結，字型會改變一個設計的感覺，設計師總有無數的字型可以使用，而 Helvetica 常常是他們最安全的選擇。這款由 Max Miedinger 於 1957 年設計的字型已經成為設計界的傑作。本文搜集了一些基於Helvetica 字型的設計作品。 該字型的擁有者，德國 Linotype 公司主管經理 Frank

熱衷於社會媒體領域的部落格寫手 Meg Pickard 最近在 Flickr 發布了一張圖，展示了那些業已死掉的 Web2.0 公司。這是一幅著名的密密麻麻排列著 Web 2.0 Logo 的圖，這些 Logo 曾被廣泛關注，然而上面絕大多數公司已經倒閉，一個不得不面對的事實是，Web 2.0 時代，失敗是常態。這是那幅著名的原圖 （原尺寸圖）現在是這個樣子（原尺寸圖） Meg Pickard 寫了一篇部落格文章，Game Web 2.Over? 她在部落格中寫道： 這張 Web 2.0

     本人筆記本被偷的一星期內，發生了很多事情，其中之一就是Google首頁右上方的登入按鈕和帳戶狀態列消失了。     Google自從被央視曝光以來，壞事不斷.先是google外文頁面無法使用，後又聯想功能被撤銷，現在是google帳戶的入口被隱藏了。Google在中國之艱難，由此可見一斑。     Google