滑動開關切換按鈕﹍CSS 語法產生器
最簡單的切換選項效果，是使用 Input 元素的 radio 型態，也就是單選(非複選)的效果，長得像這樣： 之前接到一個需求，希望切換效果做得有質感，像是蘋果系統的切換按鈕，例如下面的範例： 原以為這樣的效果，需要用 JS 才能做出來，沒想到純 CSS 就能有很...
繼續閱讀全文電子墨水 (E-ink) 護眼顯示器 Paperlike Pro﹍(1) 入手及開箱心得
為了解決眼睛長時間看螢幕會不舒服的問題，十多年來一直關注「非背光」螢幕顯示器的發展，以及各種解決方案。除了買過各種廠牌、尺寸的「 電子墨水 Eink 產品 」，去年也買過淘寶賣家自行改裝的「 10吋 富士通反射屏 」黑白顯示器。 前兩年也關注過「大上科技」的電子墨水顯示器 p...
繼續閱讀全文部落格從搜尋引擎而來的流量，是不會有感情的﹍找回經營網站的動力
近期製作網站需要大量使用 Bootstrap，因此寫了不少「 Bootstrap 相關文章 」，其中這篇「 Bootstrap 3 & 4 速查表 」，曾介紹 kkbruce.tw 製作的繁中版說明書。 有次搜尋相關資料時，又跳到了 kkbruce.tw，可見這個網站...
繼續閱讀全文Iframe 跨域傳值在 iOS 失效的解法﹍利用網址 + localStorage + cookie 並用
上一篇「 利用隱藏的 Iframe 跨域傳送訊息實作 」，很可惜在前端開發人員的大魔王(iOS)面前又失效了，在 iPhone 鬼打牆了很久才瞭解： iOS 禁止 localStorage 跨域傳值 iOS 的 Safari 設定中，預設關閉 cookie iOS 的 C...
繼續閱讀全文讓 Kindle DX 起死回生﹍更換電池(淘寶艱辛紀實)
去年 Kindle DX 壽終正寢後，改買 Kindle 8 作為替代品，操作上比較方便(觸控)、反應速度又快，可參考「 電子書閱讀器 Kindle 8 購買及使用心得 」。 前陣子在 HBO 看到「The Wire」，開始想追完這部經典美劇，同時練習英文。以前的作法是把字幕...
繼續閱讀全文
