各式軟體教學、免費線上工具、電腦使用技巧分享
很多人會在自己的網站上分享Youtube的影片，而在分享的時候，如果影片尺寸設的很大，那麼可能訪客在手機上看到的影片就會超出螢幕範圍，反過來說，若影片尺寸設的過小，那麼在桌機版上就顯得不夠清楚，用來解決這個問題的方法通常是會採用RWD的網頁設計，這樣就可以根據不同的尺寸螢幕做出適當的調整
根據我的經驗來看，目前很多的Templates其實都已經支援RWD設計，話雖如此，但必需要注意這些RWD設計的範本不一定對「影片」有做良好的設計，換句話說，它可能可以滿足「網頁」RWD的規範，但影片部分卻還是一如往常，沒有做進一步的做優化，所以很有可能在手機上看到的Youtube影片還是會超過螢幕，若你所用的Blogger範本也有此種問題，那麼可以參考以下的程式碼來解決
在上一篇剛剛提到Firefox有內建的「適應性檢視模式」可以來觀看RWD設計的網頁，就在這幾天，Google也推出了新的網頁工具「Resizer」，它是Google專門推出給網頁設計師作為Material Design開發「Responsive UI Breakpoints」的預覽工具，簡單的來說，就是我們可以利用Resizer來看看網頁是否有符合建議值，或者排版不對的地方，完全不用安裝額外的外掛
(圖片來源)
現在的網頁很多都是採用RWD設計，可以讓訪客在不同的螢幕尺寸中都得到最佳的閱讀效果，而之前也介紹過幾個線上的Responsive Layout測試工具，可以協助我們來模擬各尺寸的的效果，今天，在拜讀了「Responsive Web Design Tester 響應式網頁開發工具，在瀏覽器測試網站顯示效果」一文後，突然想到其實Firefox已經有內建類似的功能，透過這個「適應性設計檢視模式」就可以簡單的達到我們的需求，很適合不想要額外裝外掛的人且使用率不高的人試試
這篇文章說實話寫了好久了呀，寫寫停停的，算一算大概有長達7個月之久吧，已經懶到有點自我放逐了，但不管如何最終還是完成啦，主要的目的是向大家分享一下近來收集的WordPress Theme，這篇收集文和「2014年精選20款Responsive Web Design (RWD) Blogger免費範本」一文相同，選擇條件就是要支援Responsive Layout，且當我隨意變更瀏覽器尺寸時，下方不能出現捲軸，這才會是我第一考慮收納的對象，在下面的文章中，基本上都是可以免費下載，只是有些功能可能是要付費版才能使用，請各位自行斟酌囉。
在「2014年精選20款Responsive Web Design (RWD) Blogger免費範本」一文中，我收集了20款Responsive Layout的範本給各位，在後續的這段時間裡，RWD的技術越來越純熟，功能性也越來越強大，所以前前後後又收集了不少蠻不錯的範本，因此花了一點時間，整理出第二彈的RWD Blogger Template，盡量選擇一些有不同風格或有特色的範本，有需要的站長們可以參考一下。
下載：50 款Blogger範本打包下載 (各位可由下方單獨下載範本，或由左邊連結全部打包下載)
這二年的網站設計，最大主流就是朝向RWD風格來設計，所以漸漸的，一些Blogger Template也都支援RWD，而本文中所列出的「免費」Blogger範本都是由網路收集而來，不同的是我過濾掉一些我認為設計的不是很好的部分，這邊所謂不是很好的部分指的是支援的RWD程度不足，或者整體的設計風格我不太喜歡，當然，這是很主觀的，因為每個人喜歡的樣式不同，所以以下列出的範本只供參考，沒有絕對的好壞，但會以支援RWD設計為主，也歡迎各位推薦好的Blogger範本。
什麼是Responsive Layout？即「Responsive Web Design」，簡稱「RWD」中文翻成「自適應網頁設計」，簡單的來說就是可以根據用戶的閱讀裝置，讓網頁可以在不同的解析度下，自動呈現不同的介面，舉例來說：若你用 PC看網頁，那麼就呈現適合PC可以瀏覽的版面，若用手機或平板來看網頁，那麼有Responsive Layout的佈景主題，就會自動調適成適合觀看的版面設計，以得到較佳的閱讀體驗。
推薦閱讀：2014年Blogger響應式範本第二彈，精選50款免費RWD範本
下載：20+ Blogger Templates 打包下載 (各位可由下方單獨下載範本，或由左邊連結全部打包下載)
雖然我已經由Blogger搬家到WordPress，但對於Blogger的Template我還是很注意，每當我需要Blogger樣板時，通常會先到「PBtemplates」來尋找想要的樣式，因為這網站提供的樣板都很專業，唯一的缺點就是同質性太高，變化不太大，而本文介紹的「TEMPLATEISM」剛好就可以補其不足，雖然TEMPLATEISM所提供的樣式不多，但每個樣版都有其特色，有的亦支援Responsive Layout，例如其中一個我蠻喜歡的「Brand Mag UX」就是一例。
在「NewWPThemes.com § 支援Responsive Layout的WordPress佈景主題站」一文中，曾提到「Responsive Layout」這個熱門的設計趨勢，讓我們在來回顧一下什麼是Responsive Layout
什麼是Responsive Layout？中文翻成「自適應網頁設計」，簡單的來說就是可以根據用戶的閱讀裝置，讓網頁可以在不同的解析度下，自動呈現不同的介面，舉例來說：若你用 PC看網頁，那麼就呈現適合PC可以瀏覽的版面，若用手機或平板來看網頁，那麼有Responsive Layout的佈景主題，就會自動調適成適合觀看的版面設計，以得到較佳的閱讀體驗。
以前由於主站設在Google Blogger平台，所以平常注意的就是以Blogger的樣版為主，而搬過來WordPress後，自然而然的就會多關注WordPress的佈景主題，而在這那麼多的主題佈景網站中，首推「NewWPThemes.com」這個主題站，它目前提供了700+個獨特的主題，而且個人、商業都可以免費使用，最近又新增三大特色：
什麼是Responsive Layout？中文翻成「自適應網頁設計」，簡單的來說就是可以根據用戶的閱讀裝置，讓網頁可以在不同的解析度下，自動呈現不同的介面，舉例來說：若你用PC看網頁，那麼就呈現適合PC可以瀏覽的版面，若用手機或平板來看網頁，那麼有Responsive Layout的佈景主題，就會自動調適成適合觀看的版面設計，以得到較佳的閱讀體驗。(這裡有實際的範例)
這次Firefox 15的更新，除了電腦玩物所提到的「記憶體釋放」與「內嵌選項分頁」這二個功能外，另外還有一個「Responsive Design Tool」，我覺得也是值得向大家介紹的，尤其是對於網頁設計師來說應該是個蠻方便的工具，它可以直接在Firefox上觀看各解析度螢幕上網頁所呈現樣貌，不需要再藉由其他線上工具或軟體來達成。
下載點：Firefox 繁體中文免安裝版