為了做 app 而做 app 2017/09/13 實測把 RWD 網頁包裝成 Android App 上架 Google Play 的踩坑過程：用 AppsGeyser 打包後遭版權疑慮拒審，反思「為了做 App 而做 App」的衝動，以及 iOS 版因年費 3000 元放棄的選擇。... 繼續閱讀 網頁設計軟體產品體驗#app
三分鐘學會用 npm 相關套件在命令視窗編譯 SCSS 2017/09/03 用 node.js + gulp + yarn 在 Windows 10 命令列編譯 SCSS 的三分鐘速食教學，適合只會 CSS 的設計師：涵蓋 SCSS 編譯、壓縮、自動加 vendor prefix 與 Watch 模式的完整設定步驟。... 繼續閱讀 網頁設計#css
網頁嵌入Google 地圖的小小需求，例如顯示英文地圖 2017/08/30 兩個 Google Maps 嵌入客製化技巧：透過 &language=en 參數強制顯示英文介面，以及使用 Styling Wizard 隱藏地圖上的附近商家標記（Points of Interest）。... 繼續閱讀 網頁設計#map
網站放在 PaaS 第一次被都更就上手 2017/08/27 網站放在 PaaS 平台（OpenShift）的強制遷移記錄：v2 EOL 通知、評估免費替代方案、PaaS 優缺點分析，以及被迫搬家後的新環境選擇心得。... 繼續閱讀 網頁設計軟體產品體驗#webhosting
避免網頁文字資料被複製 2017/08/21 整理一些網頁防止複製的技術：包含JS 停用右鍵選單、CSS user-select:none、oncopy 事件攔截，最後這些防護如何在瀏覽器內建的工具面前輕易被繞過的破解說明。... 繼續閱讀 網頁設計#js
Visual Studio Code 網頁勞工常見擴充套件紀錄 2017/08/20 忘記從何時開始，突然感覺網路社群上常常有人在討論 Visual Studio Code (簡稱 VS Code) ，一開始以為是 Visual Studio 的什麼新功能，後來才知道是微軟出的開源程式碼編輯器。距離本部落格第一篇的文章 Sublime Text 網頁勞工常用擴充套件，已經過了三年多了，我近幾年都是用 Sublime Text 的，中途雖然因為一些原因有偷吃 Atom, Brackets…後來還是沒有轉換過去。其實一開始是先在上班的地方開始用 VS Code，因為公司的程式都是 A... 繼續閱讀 網頁設計軟體產品體驗#editor
ASUS Zenfone 2,3,4,5,6 哪一台最先出? 2017/07/24 ASUS Zenfone 系列命名混亂史梳理：2014 年第一代以螢幕尺寸命名的 4/5/6，接著出現 Zenfone 2（2015）、3（2016）、再次推出的全新 4/5/6（2017–2019），讓消費者搞不清楚的演變過程。... 繼續閱讀 3C電子產品吃喝玩樂生活交通
10 個小工具查出網站用的主機、程式語言、架站工具、字型 2017/05/29 想知道一個網站使用哪家主機、程式語言、CMS、電商開店平台或網頁字型？本文整理 BuildWith、Wappalyzer、Netcraft、WordPress Theme Detector、WhatFont 等 10 個網站分析工具，並實測它們能查到什麼、哪些結果可能因 CDN、客製化的限制而不準確。... 繼續閱讀 數位行銷科技網頁設計軟體產品體驗#cloudflare#server
中文 Web Font 踩雷記事本 2017/05/24 網頁使用 Web Font (雲端字型) 看似能解決以下問題，– 工程師不用再跟設計師解釋，為什麼網頁上的字型跟設計稿長的不一樣?– 解決客戶需求「這邊可以用比較活潑的字體嗎?」– 讓 Windows 的網頁文字不再只是黑體/明體/標楷體套餐?– 讓跨瀏覽器都能顯示相同字型?– 網頁編輯人員不用再把特別的字型都做成圖片?– 讓文字可以有好看的字體，同時也可以被選取、複製、翻譯、向量縮放、被搜尋引擎索引。– 用其他亞洲語系的系統字型來顯示黑... 繼續閱讀 網頁設計軟體產品體驗#webfont
什麼! 寫 CSS 也要編譯? 2017/05/21 CSS 預編譯器（SCSS/SASS/LESS/Stylus）入門說明：解釋為什麼要用預處理器，介紹變數、巢狀選擇器、Mixin、繼承（@extend）等核心功能的優勢，適合想提升 CSS 開發效率的設計師或前端工程師。... 繼續閱讀 網頁設計軟體產品體驗#css#css3
