[HTML5]運用網頁上的電話超連結語法(tel:)，讓大家點一下就直接撥打電話

在行動時代，絕大部分的流量，都來自行動裝置，若是在手機的網頁上，看到一組電話號碼，比較合理的作法，應該是點擊一下，然後就直接透過手機撥號。  
那要怎麼寫，才能讓網頁上的電話號碼，變成可以點擊撥號的超連結呢？  
寫法很簡單，只是連結額外加上 TEL: 這個結構語法。  
我們看一下電話號碼超連結標準語法 ...full story ››

[HTML5]文字輸入欄 Input 的新屬性：Placeholder 是什麼？怎麼用？以及他的黑暗面

HTML 5 的規範裡，對於 Input 文字輸入欄位有很多新的屬性，其中有一個新屬性非常好用，但也同時有很多陷阱，一旦用不好，反而會產生更糟的使用者體驗，這個新屬性就是：Placeholder。  
為什麼說他非常好用，但又有很多陷阱呢？  
今天我們就來跟大家聊一聊這個新屬性的用法和應該留意的幾個小點 ...full story ››

[RWD]用Javascript來偵測是否為行動裝置最簡單的方法

在進行響應式網站開發(RWD)的時候，  
有時候最麻煩的，還不是CSS的部分(這個部分相對是最簡單的)，  
稍微熟悉CSS語法的朋友們，  
只要透過『響應式網頁設計(Responsive Web Design,RWD)』技術，就可以很有效率的以CSS原生模式，解決不同平台間的樣式問題。  
不過有些功能，縱使再強大的CSS，也還是有一些鞭長莫及的地方，  
必須要個別建立行動裝置或是一般裝置不同的程式碼。  
 
那要如何使用偵測使用者是用什麼樣的裝置上網呢？  
 
基本上偵測的方法還蠻多的，像是一般多以 Javascript 去偵測裝置的類型，好比下面這樣的原始碼 ...full story ››

[HTML5]Uploadify 無法上傳，問題可能出在 Flash Player

不曉得大家有沒有使用 Uploadify 這個好用的 jQuery 網頁多檔上傳套件？  
我們五分鐘閱讀的網站後台，  
多年來一直都是使用這個套件來上傳圖檔，  
從1.xx版，一直到現在3.xx版，  
基本上都沒有任何問題，  
不過很奇怪的是，  
這兩天突然的 Uploadify 就無法上傳了。  
 
無法上傳的狀況是這樣的(看看大家有沒有同樣的情況) ...full story ››

[RWD]在設計行動版網站時，如何避免點選表單欄位時自動放大

在我們進行行動版網站設計的時候，  
不管是留言板或是訂單等等，頁面總是不免會出現一些表單欄位，  
當然，  
透過CSS的一些技巧，絕大多數的表單欄位、下拉選單等等都不會是問題，  
不過有很多朋友們發現，如果在手機版的網站中，  
一旦點擊了文字欄位或是下拉選單，  
那麼 iPhone 就會自動放大整個頁面(Zoom in)，  
雖然這似乎是美意一樁，可以讓網友們打字時更便利，  
但問題是放大之後，就算離開這個欄位，  
頁面也不會自動還原為原來的大小，這樣就讓人苦惱了 ...full story ››