Ming Apps

請盡快學習html5 design principles!

Posted on: 2011/04/02

我想大家都可能聽了不少html5的資訊,

以下的有幾個:

大家已經可以見到了一個好大的趨勢,

就是HTML5經已是大勢所趨,

並具相當的普及性!

 

香港的網頁暫時看來並未有html5功能,

大部分公司看來頗擔心HTML5的兼容問題?

 

我亦相信大家的瀏覽器,

早就是Firefox, Chrome, Opera,

甚至已經轉向為IE9了。

 

手機瀏覽器亦不用擔心,

Android及iOS兩大智能手機的瀏覽器,

兩者對HTML5的新功能具相當的兼容性。

 

在W3C一文中: HTML5 design principles

提及了HTML5 developer需要考慮的方向,

包括:

  • 兼容性
  • Graceful degradation
    指即使瀏覽器並未支援下,亦能在不改變主體格式的情況下,利用css設定一個漂亮華麗的介面。
  • Do not Reinvent the Wheel
    一些技術早已施行,不用再新增其他多餘的資料。
    (contenteditable="" was already used and implemented by user agents. No need to invent a new feature.)
  • Paving the cowpaths
    意指當其他designer或developer已經在利用某一技術,請你跟從。
    (<br/> instead of <br>)
  • Priority of Constituencies
    意指以user考慮為設計重心,自己(author)的考慮為次,當然最好兩樣兼顧。
  • Separation of concerns
    意指利用html5將網頁的source code分開為Content和 Presentation.
    例如 <article> tag並不是內容,但需要以article tag分開每篇文章,方便css / crawler.
  • 避免不必要的複雜性
  • 錯誤處理
  • (Accessibility)輔助功能
    為傷殘人士提供支援,例如在圖片加入alt text, 超連結加入title等.

這些原則不僅適用於開發 以HTML5為基礎的應用程序,

在很多領域、應用軟件開發都是非常值得參考。

 

我相信所有的Apps designers / Web designers / Programmers 可以從中受益,

考慮這些原則,對Software Development非常有利。

單是Don’t Reinvent the wheel,

筆者經常Google 一番別人寫的program,

別人已經做得非常好的話,

何苦要由頭做起?

 

所以,好好研究這份文件吧。

了解並使用普遍接受的最佳做法,

我相信對整個Apps / Web開發有極大幫助。

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s

%d 位部落客按了讚: