Facebook 推出的Social Plugin 蠻多客戶都在使用，但隨著RWD響應式網頁(Responsive web design)的崛起，越來越多客戶反映網站嵌入的Social Plugin，不是被截掉，就是無法100%滿版，如果在手機上看的話更慘不忍睹...。
尤其是最多人使用的fb-like-box plugin，Facebook上面只能設定絕對的寬度(data-width)，如果你有嘗試設定100%，到了RWD響應式網頁上面，依然還是無法作用！下圖就是還尚未使用特殊的CSS語法來解決。
如果今天是RWD響應式網站，只要加入以下CSS語法以後，就可以輕鬆解決，讓fb-like-box Plugin的寬度達到100%，語法如下：
我們常常在網頁設計的時候，會需要使用到Table表格來排版，有時候多少需要加一點顏色來美化
今天要教大家的是僅透過簡單的CSS語法，來讓Table表格達到奇偶底色相間，整個語法不需要用到任何javascript，但是，僅限使用在IE7版本以上，若IE7以下恐怕還是不支援（不過這年頭IE7以下直接可以捨棄掉了），但即使是如此，還是不影響整個程式上的運作，頂多也只是美觀上的問題而已。
首先，很簡單，僅需要加上以下兩行CSS語法，就可以達到Table的奇偶底色相間：
我們都知道蘋果iPhone6即將於9/26在台灣正式開賣，這次Apple發表的iPhone6總共有兩種尺寸的規格，一種是4.7吋的iPhone6，另一款則是5.5吋大螢幕的iPhone6 Plus；小編身邊的朋友已經不少人指定要購買iPhone6 Plus的機型了，因為不外乎是喜歡”螢幕尺寸越大越好”。
其實從智慧型手機問世以來，他所帶來的影響不僅僅是手機產業的革命與變動，就連周遭一些配件商也跟著影響與帶動，例如可自行更換離電池的賣家越來越難賣了，因為現在智慧型手機幾乎都無法自行拆換電池，或是我們以往常聽到”全配座充”或”簡配旅充”。再來就是帶動手機殼這龐大的商機，甚至推出可自行設計&列印的客製手機殼，導致以往手機需全機包膜的需求者，現在正在逐漸轉型。
除此以外影響的層面不僅僅如此而已，就連我們的網路網頁市場，也跟著逐漸轉型；在網路網頁設計的市場當中，以往的業者，只需要專心Focus在一般PC電腦的消費者身上即可，但現在，因為智慧型手機的人越來越多，人手一機，隨時隨地都要上網一下，就連小編有時出去逛街，突然不知道吃甚麼，也要透過LBS去搜尋一下附近有沒有好吃的店家，可謂真的是無法離開手機一分鐘呀!
所以，為了搶下這片廣大的智慧型手機用戶的藍海當中，網頁設計後來逐漸演變出現”手機版網頁 (Mobile Web Design)”甚至是”APP”的軟體開發。我相信，目前為止還是有很多網頁設計公司還是有”手機版網頁”設計這項服務；但以往的智慧型手機螢幕尺吋屈指可數，要馬不就是640x960，要馬就是480x800…，所以即使是設計手機板的網頁，也只要符合這兩種此吋的螢幕大小，設計出來的手機版網頁其實不大會有問題。但是很可惜的，如今智慧型手機的螢幕尺寸大小越來越多種，這對於網頁設計公司與網頁設計師來說，越來越頭疼，因為要設計一個良好的瀏覽者UI介面，真的越來越困難。
(由上圖此表可以看出手機螢幕尺吋真的是眾多版本）
以往在網頁製作的時候，有時候要考慮到美編的內容，所以會在網頁中加入一些小ICON的圖示，一方面最主要用來增加網站的美觀；另外一方面則是用來讓瀏覽者好辨識該按鈕的內容，也就是我們俗稱的UI（User Interface - 使用者介面）
只不過以往的方法，對於網頁設計師人員相當麻煩，因為在網站設計的過程中，他們必須自行去網路蒐集或請美編人員設計這樣的ICON，再者，這些圖示ICON都還只是圖片檔，所以無形之中會造成以下幾點的缺點：
今天要帶大家介紹的是一個很不錯的工具，它叫做 Responsive Inspector
這工具是讓你用來快速判斷、並分析您所瀏覽的網站是否能符合多裝置不同螢幕尺寸大小
簡單講，就是快速讓您了解這網站是否有RWD自適應的功能！
OK，首先，你必須先去Google的應用程式商店，輸入關鍵字 "Responsive Inspector" 做搜尋，即可找到這項應用程式
目前國外普遍接受RWD的網站，因為對於一個網站的管理者來說，RWD這樣的製作方式，省去了不少的維護時間，所以就讓我們一起來欣賞國外人家製做過的作品吧！
以下要介紹的這個網站是Media Queries，他們蒐集了超過400多種的RWD網站提供參考，其中有些非常的漂亮，非常值得設計師們參考！
首先，你必須先在網站開始的地方加上以下meta語法，用於規定裝置的的結構規則：
其次，需將所有有圖片的地方，加上以下CSS語法，方便圖片按照螢幕寬度的自動縮放：
在手機版的網站上，我們常常為了要方便讓消費者可以更快速的聯絡到商家，所以我們會需要在網站上增加撥打電話、或是直接發簡訊的超鏈結，這時候，我們只要增加支持HTML5新技術、新語法就可以輕鬆搞定！使用方式如下：
tel:後面的數字就是電話號碼
英文的單字長度都不大一樣，所以我們常常會碰到在某一區塊裡面，英文無法左右對齊的窘境；這時候我們可以使用CSS的一個對齊的語法-- text-justify 與 text-align
但是text-justify它有支援上的限制：
語法的其他參數：
所謂「飢餓營銷」是指商品提供者有意調低產量，以期達到調控供求關係、製造供不應求「假象」、維持商品較高售價和利潤率的目的。
飢餓式營銷是在孟子「君子引而不發，越如也」的基礎上演變而來的，類似於囤積貨物、待價而沽。西方經濟學中的「效用理論」，是指消費者從對商品和服務的消費中所獲得的滿足感，它屬於一個心理概念，具有主觀性，這一常識在營銷學中被稱為「飢餓」營銷。
企業運用「飢餓」營銷的前提是企業產品品牌和產品質量擁有足夠的號召力，然後再運用飢餓營銷方式使其價值和號召力成倍地放大，為以後的持續熱銷打下基礎，並建立忠誠度更好的客戶群體。所以飢餓營銷不能簡單地理解為「定低價-限供量-加價賣」，強勢的品牌、良好的產品、出色的營銷才是關鍵，才是基礎。