Facebook 推出的Social Plugin 蠻多客戶都在使用，但隨著RWD響應式網頁(Responsive web design)的崛起，越來越多客戶反映網站嵌入的Social Plugin，不是被截掉，就是無法100%滿版，如果在手機上看的話更慘不忍睹...。
尤其是最多人使用的fb-like-box plugin，Facebook上面只能設定絕對的寬度(data-width)，如果你有嘗試設定100%，到了RWD響應式網頁上面，依然還是無法作用！下圖就是還尚未使用特殊的CSS語法來解決。
在手機版的網站上，我們常常為了要方便讓消費者可以更快速的聯絡到商家，所以我們會需要在網站上增加撥打電話、或是直接發簡訊的超鏈結，這時候，我們只要增加支持HTML5新技術、新語法就可以輕鬆搞定！使用方式如下：
QR-Code是二維條碼的一種，1994年由日本Denso-Wave公司發明。QR來自英文「Quick Response」的縮寫，即快速反應的意思，源自發明者希望QR碼可讓其內容快速被解碼[1]。QR碼最常見於日本，並為目前日本最流行的二維空間條碼。QR碼比普通條碼可儲存更多資料，亦無需像普通條碼般在掃描時需直線對準掃描器。
然而，隨著智慧型手機裝置的進步，搭配3G網路，隨時隨地都能上網，QR-Code只要一刷，就能立刻隨時知道優惠網站訊息，免除還要用打字輸入網址的麻煩。但是，我們要如何在網站內搭配PHPt程式語言，隨時隨地嵌入並製造QR-Code呢？
通常有兩種做法，第一種就是在Server端安裝QR-Code產生器模組，設定好並且啟用他，然而這不是我今天要介紹這篇文章的重點，因為過程繁複，所以今天特別介紹另一種好用簡單的方法，就是使用強大的 Google API
在做網頁時，有時候需要製作按鈕，但是一般的按鈕實在很醜，如下圖：
