免費資源指南，每日網路資訊與科技新知
如果要讓行動裝置正常瀏覽網頁，可以另外製作手機版頁面或是透過自適應網頁設計（Responsive Web Design，簡稱 RWD）技術來調整版型，那麼要怎麼知道一個網站有沒有支援 RWD 呢？最簡單的方法就是拖曳調整視窗大小，看看網頁是不是在寬度較窄時仍可正常顯示，例如選單可能會縮起變成點選後才展開的按鈕。大部分的開發者都會使用行動裝置測試版型，但每個裝置大小都有差異，若沒辦法同時擁有這麼多裝置進行測試，其實透過一些電腦上的工具也能達到相同效果。
閱讀全文 » 關於 Responsive Viewer 在單一頁面查看網頁在不同螢幕大小裝置的顯示樣貌（Chrome 擴充功能）
免費資源網路社群介紹過不少製作、產生網頁擷圖的線上工具，這些服務多半不需要額外下載軟體，輸入網址就能建立網頁截圖，有些還能選擇要用的裝置類型或解析度大小，對於檢查自適應網頁設計（Responsive Web Design）網站呈現效果來說會很有用，有時候也可能用來備份網頁內容，像是 Web-Capture 線上網頁快照服務輸入網址就能完整擷取網頁轉圖片，或是 Screenshot Guru、Full Page Screen Capture 都能透過瀏覽器建立網頁擷圖。
早期遇到行動裝置螢幕太小、無法正常瀏覽網站問題，都會針對 User Agent 提供不同的頁面版本，例如在手機存取時會直接切換到「行動版」網頁，若以電腦開啟則是跳轉一般網頁，這麼做的好處是一般行動裝置會使用速度較慢的行動網路，行動版就能盡量減少網頁大小，讓瀏覽者有更好的使用體驗，不過缺點也顯而易見，就是得同時維護網頁不同版本，無形間增加更多時間成本。
對於新創公司來說，為產品建立一個好看的 Landing Page 非常重要，但很多時候這個想法不被重視，或是沒有預算在第一時間設計出合適的頁面，可能就會錯失許多機會。雖然網路上搜尋一下就有無數的網站模板網站可供下載，但很多顯得過時或沒有幫助，可能得花許多時間編輯修改才能使用，因此有開發者考慮到新創團隊需求推出 Landing Page 素材資源，例如 LandingStock 收錄設計到達頁會用到的相片素材，還有 Cruip 專為新創團隊提供的免費網站模版。
對於新創公司來說，除了要有很好的點子，一群可實際理想的伙伴，更重要的是如何適當包裝產品，讓它更容易被市場接納，當然一方面也會吸引更多潛在顧客加入，提升大家購買意願。不過新創團隊或早期創業公司可能沒有多餘預算或技術能力設計出好的產品頁面，尤其在最關鍵的「Landing Page」（到達頁或登錄頁）成功抓住使用者目光並不容易，如果你需要一些設計好的免費模版，接下來要推薦的網站可收藏至書籤。
記得幾年前架設 WordPress 網站時，會透過行動版外掛功能來打造更適合手機或平板電腦閱讀的環境，這個作法通常是將手機使用者引導至另一個佈景主題，專為行動裝置特別設計，無論在網頁大小或載入速度上都會比桌面版更適合行動裝置使用者閱讀。雖然看起來是個很不錯的解決方案，但其實也會出現一些問題，例如：不一定適合所有螢幕大小的行動裝置、必須維護兩個不同的佈景主題等等，因此後來趨勢就逐漸轉為使用「自適應網頁設計」（Responsive Web Design）替代。
閱讀全文 » 關於 Responsive Screenshots 輸入網址查看網站在電腦及行動裝置顯示情形
前幾天 Jetpack 在官方部落格宣布：WordPress.com 推出 165 個官方開發 WordPress 網站佈景主題，開放讓所有 Jetpack 使用者免費下載！無論你是使用 WordPress.com 部落格服務或自己架站都能使用，只是自架站者必須安裝 Jetpack 外掛、連結 WP 帳號才行。Jetpack 好處就不用我多說，之前介紹過幾個免費功能都值得一試，例如：
閱讀全文 » 關於 165 個 WordPress 官方開發佈景主題設計 Jetpack 使用者免費下載
如果喜歡嘗試各種新服務、新軟體，一定對產品介紹網頁不陌生，通常在對外開放前會有一段封閉測試期，除了為產品上線暖場外，也收集少數使用者的回饋建議來改進產品。因此建立一個好的準備頁面是很重要的。若你對於設計網頁不在行，初期也沒有太多預算來製作引人注目的產品頁面，本文要介紹的服務或許可以幫上忙。
閱讀全文 » 關於 PrelaunchPage 快速建立產品上線前預告網頁，整合 Email 功能收集潛在用戶名單