我的習慣是在已上線、運作中的網站直接進行編輯修改,但其實不建議這麼做,一來如果修改的檔案很多,就必須逐步完成;另一方面當沒改好發生問題時,也會連帶影響到網站運作,因此現在許多主機商…
閱讀全文 »
測試工具
Mac 站長必學!使用 Xcode 模擬器測試網站在 iPhone X 顯示效果教學
兩週前 Apple 在 iPhone 誕生十週年之際宣布推出「iPhone X」(羅馬數字中的 10),吸引全球目光,堪稱有史以來最高階 iPhone 手機,更將沿用十年的 Home 鍵拿掉,讓使用者…
閱讀全文 »
閱讀全文 »
Sizzy 線上測試自適應設計 RWD 在各種 iOS、Android 行動裝置顯示效果
這幾年台灣行動裝置普及率已經非常高,幾乎可以說人手一機,無論是連接社群網站、即時通訊應用或上網查資料可能都會透過手機或平板電腦。對於網站管理者而言,你絕不能輕忽行動裝置使用者為網站…
閱讀全文 »
閱讀全文 »
下載微軟免費 Windows 10 開發環境,四種虛擬機器平台實作內建常用工具
昨天介紹過微軟提供免費 Windows 7、8 和 Win 10 作業系統虛擬機鏡像下載,對於開發者來說實在是一個不可多得的免費資源,簡單來說,微軟已將不同瀏覽器版本及作業系統設定為虛擬機器映…
閱讀全文 »
閱讀全文 »
微軟提供免費 Windows 7、8 和 Win10 作業系統虛擬機鏡像下載
對於網站或應用程式開發者來說,在不同環境下進行測試,確保網站能夠在各種作業系統及瀏覽器顯示是最重要也繁瑣的工作。尤其是 Windows 內建 IE 瀏覽器(最新為 Microsoft Edge…
閱讀全文 »
閱讀全文 »
Google 推出免費工具 Resizer 測試網站在電腦、平板電腦及手機顯示效果
去年 Google Design 網站釋出一系列 Material Icons 免費圖示集,提供超過 900 個以上平面設計素材,讓開發者在進行開發時可直接取用精心設計品質優良的圖案。最近 Goo…
閱讀全文 »
閱讀全文 »
Responsive Web Design Tester 響應式網頁開發工具,在瀏覽器測試網站顯示效果
當今開發網站不僅要顧及不同瀏覽器,還要同時滿足在電腦、平板電腦及行動裝置各種尺寸螢幕都能正確顯示,最常用的技術是響應式網頁設計(Responsive Web Design, RWD)。技…
閱讀全文 »
閱讀全文 »
Browser Screenshots 微軟線上網頁測試工具,查看網站在不同瀏覽器平台呈現效果(支援 IE 全系列)
開發網站時最不想做的就是在不同瀏覽器、平台和解析度測試網頁顯示效果,通常這會浮現許多問題,尤其瀏覽器版本就可能讓顯示成效完全不同,也只好盡力維持讓每一種裝置都能正常瀏覽網頁。修改到…
閱讀全文 »
閱讀全文 »
如何下載、匯入 WordPress 佈景主題開發測試範例元件(Theme Unit Test)?
說到 WordPress,最為人津津樂道的就是它的外掛和佈景主題資料庫相當龐大,也因為它提供了非常完整的開發資源,讓每個人都能設計自己所需的元件或模版樣式。如果你也想為自己的 Word…
閱讀全文 »
閱讀全文 »
BLOKK 適合在 Mockup 使用的填充字型,讓視覺效果更貼近真實樣貌
如果你是從事網頁開發、平面設計工作的話,應該會很常使用範例文字或圖片來填充設計區域,使 Mockup 或 Wireframe 更貼近完成時的效果。最近我在網路上找到另一個解決方案,透過 BL…
閱讀全文 »
閱讀全文 »