Electron 實戰：讓 Mac 玩開心水族箱不用再每次按允許 Flash 2019/02/02 使用 Electron 框架將開心水族箱 Facebook Flash 遊戲打包成桌面 App 以繞過瀏覽器 Flash 封鎖的嘗試：說明 Electron 架構（Node.js + Chromium）、踩到的坑（jQuery 衝突、防毒軟體誤判），但 Electron 內的 Chromium 同樣移除了 Flash 支援。... 繼續閱讀 吃喝玩樂生活交通網頁設計#facebook#flash#js
那些年，一起整人的瀏覽器擴充套件們 2018/11/12 使用者在電腦上使用先進的網頁瀏覽器可以安裝「擴充套件」，有時可讓使用者達成一些方便的功能，但網頁或 web 系統，可能就因為這些擴充套件，發生排版顯示，或是讓系統無法操作、購物網站無法下單等等的嚴重問題。廣告攔截的擴充套件讓正常內容也出不來、解開鎖右鍵，讓網頁產生 javascript 錯誤、防毒軟體打亂 ajax 接收資料、讓網頁顯示得跟別人不一樣( injected stylesheet)...... 繼續閱讀 數位行銷科技網頁設計軟體產品體驗#css#form#google#RWD#Web
蘋果手錶 Apple Watch 竟然可以開網頁了，RWD 又要多調一種 了嗎？ 2018/10/22 2018/6 的蘋果開發者大拜拜上發表了 watch OS5，其中有頁簡報令網頁前端人員大驚失色，手錶竟然可以開網頁了！現在要針對手錶做 RWD 設計嗎? 手錶上的 Safari 瀏覽器又有哪些限制與功能？在本篇作了一些測試和研究... 繼續閱讀 使用者介面網頁設計#apple#ios#mobile#RWD#watch
瀏海螢幕「又」來了，網頁設計人員準備好迎接痛楚了嗎？ 2018/09/24 蘋果在台灣時間 2017 年 9 月13 日發表了 iPhoneX，在此之前，其實許多手機廠商已經都在市面上發售超薄邊框+屏佔比極高+特殊螢幕切割形狀的手機，但是「蘋果出的」這四個字在消費性電子產品市場代表什麼意思，就不多廢話了。又過了一年，2018 年發生了什麼事呢？火影忍者的角色-佩恩六道的台詞，準備讓世界迎接痛楚？更多的 Android 手機廠商推出了更多瀏海螢幕的手機，而 2018 年蘋果發表的新手機，有新的顏色 XS、更大支的版本 X... 繼續閱讀 網頁設計#apple#ios#iphone#RWD
竟然無法登入新系統報稅，2018 報稅季讓 Windows 的使用者都驚呆了… 2018/05/01 因為 Windows 的字體在 4K 螢幕上面看了不舒服，去年不小心換了台 Mac 電腦，轉換有許多陣痛，陣痛之一就是之前那臺用了 N 年的晶片讀卡機在 Mac 沒法用，也懶得買新的，而且自然人憑證也要到期了，還在想說今年報稅要怎辦的時候，就看到了重大更新《台灣報稅系統優化 mac&linux系統與平板專用報稅網站正式上線》我這輩的年輕人真的很爽，不像長輩那代報稅還要用手寫、整理扣繳憑單，現在幾乎只要會登入然後按下一步就好了。報稅系... 繼續閱讀 使用者介面視覺設計軟體產品體驗#UI
在網頁輪播廣告播放背景影片 2017/09/18 網頁 Banner 輪播加入影片的三種實作：純圖文輪播、背景 MP4 影片、背景 YouTube 嵌入影片；HTML5 video autoplay 必須加 muted 屬性、Swiper.js 每張投影片獨立計時的設定，以及 YouTube iframe 與 HTML5 video 的行為差異。... 繼續閱讀 網頁設計#video
為了做 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
