部落格載入速度太慢，要如何判斷哪些外掛可以移除？
重視 SEO 的站長自然都會關注網頁的載入速度，因為這也是 Google 的排名評分項目之一。過去寫過一系列「 網站效能 」的相關文章，有興趣的站長可以瞭解不同的主題要如何處理。 由於提升「網頁載入速度」的詢問度一直很高，以往就算請讀者看這些相關文章，一段時間後還是可能回頭問...
繼續閱讀全文免 iPhone、iPad 開發人員就能進行除錯﹍MacOS 模擬器 + Xcode 妙用
之前這篇「 利用 Chrome 對 iOS 裝置進行除錯 」可以讓開發人員很方便地對 iPhone、iPad 等裝置進行偵錯，不過並非所有前端開發者都有辦法買齊各種昂貴的蘋果裝置來測試，因此本篇將會介紹一個比較省錢的解決方案。 雖然不用花錢，不過必須花時間跑模擬器，電腦的 C...
繼續閱讀全文Blogger 網址買了很後悔，可以再搬到新網址嗎？
前幾天有讀者表示，網址已經買了很多年，最近快要到期，想要換個新的網址，但又怕原來的網站連結就失效了，詢問我可不可以搬到新網址。 她的文章有 1500 篇，算是相當不小的規模，本站連她的一半都不到！ 規模中上的網站的確需要一個比較有記憶性、或與網站特色連結的網址 ，但一開始經營...
繼續閱讀全文從小編到總編之路﹍如何成為部落客中的佼佼者
前陣子這篇「 部落格從搜尋引擎而來的流量，是不會有感情的﹍找回經營網站的動力 」寫完後，有位美食部落格客戶，同時也算本站長期讀者，問了一些 SEO 問題。其實滿訝異的，既然是忠實讀者，想必知道我希望讀者將注意力放在 SEO 以外的地方。 瞭解她詢問的原因後，覺得這段對話可以看...
繼續閱讀全文滑動開關切換按鈕﹍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」，開始想追完這部經典美劇，同時練習英文。以前的作法是把字幕...
繼續閱讀全文利用 Chrome 對 iOS 裝置進行除錯(iPhone、iPad)的絕佳方案
前端開發非常頭痛的是，除了跨瀏覽器的問題，各種行動裝置的效果也可能不一樣。其中最麻煩的，算是針對蘋果 iOS 裝置進行偵錯 debug。 資本夠粗的話最好，各種蘋果筆電、平板、手機都買上一台。但 iPhone、iPad 的問題是，就算硬體有了，debug 流程也沒有 Wind...
繼續閱讀全文避免 Line 無用訊息浪費你的時間﹍建立重要待辦事項群組
最近長輩說「手機速度越來越慢，可能是 Line 的訊息很多，每天都要一直刪群組的訊息，不刪除的話空間很快就滿了，是不是要換手機？」 其實長輩會抱怨就是暗示我們主動幫她處理這件事的意思，但接手這種事不會有什麼好下場，有功無賞、無功還要算自己頭上。所以就打哈哈「那就換手機啊」。 ...
繼續閱讀全文網頁最強的文字編輯器 CKEditor﹍安裝使用心得整理
當初為了架設「 Blogger 中文論壇 」，如何讓使用者發佈文章時，能有個「所見即所得」(WYSIWYG)的文字編輯器，是滿棘手的一件事。總不能隨便做個 Textarea，讓使用者輸入純文字吧！ 因為有太多種情境需要考慮，發佈文章可能會有這些需求： 插入程式碼 引用文...
繼續閱讀全文Blogger 自訂網址出現 404 錯誤﹍事件紀錄及處理方法
前兩天開始，Blogger 使用自訂網址的網站，開始會間歇出現 404 錯誤連不上。出現這個狀況的原因很複雜，最後經由「 FB 社團 」大家的討論，總算釐出一些頭緒。 同時回顧這個事件，也可當成一個很好的借鏡與教材，因此整理成這篇心得留存。 (圖片出處: 699pic.c...
繼續閱讀全文利用隱藏的 Iframe 跨域傳送訊息實作﹍postMessage
最近處理的案子需要在 A 網域登入後，同時在 B 網域一樣能保持登入的狀態。這就像登入 Google 一次後，旗下的各種服務例如 Gmail、Google Drive 等等，就算不同網域也不需要再重新登入。 實作的方式可以將登入資訊儲存在 HTML5 的 localStora...
繼續閱讀全文第四台跳槽北都一年後感想﹍續約的考量
2018.8.14 公告： 由於北都未信守承諾，目前已不續約，請見「 使用北都兩年後解約感想﹍第四台各種替代方案整理 」。 2019.9.14 公告： 不看第四台之後，我做了一個可以線上合法收看多數台灣節目的選台器工具，無論是新聞、財經、政論、綜藝...各種節目一應俱全，推薦...
繼續閱讀全文網頁、行動版都可使用的 Tooltip 提示框﹍jQuery + Bootstrap
過去曾寫過一系列「 簡單漂亮的 CSS 提示框(tooltip)懶人包實作 」，可不用裝 JS 外掛，純粹使用 CSS 來實現。 網頁版的 tooltip 提示框，在滑鼠經過時會自動浮現。而最近的案子則是需要在行動版顯示 tooltip 提示框效果，這就有點麻煩，因為手機沒...
繼續閱讀全文Hotmail 或其他電子郵件快速、完整搬到 Gmail 心得紀錄﹍Thunderbird
原本的公務郵件是用 Hotmail 收發，不過其實沒有很滿意，因為： 網頁開啟速度很慢 搜尋功能不怎麼樣，都要搜尋很久 網頁編輯時貼圖片很麻煩，只能用附檔 而 處理垃圾郵件的能力太差，則是讓我決定搬家的最終原因 。以前一開始是，被我標示為垃圾郵件的寄件者，Hotmai...
繼續閱讀全文台灣縣市鄉鎮郵遞區號 下拉選單外掛 TWzipcode 使用心得
填寫會員資料的表單，大多需要輸入地址，不過自己製作「縣市」、「鄉鎮地區」的下拉選單其實很麻煩，而且最好也要提供郵遞區號，因為填表者自己不一定記得住。 本篇介紹的這個 jQuery 外掛 TWzipcode，可以完美地解決這些麻煩事，同時也會分享實作的心得。
繼續閱讀全文Asus Zenfone 觸控螢幕亂跳﹍處理心得全紀錄
兩年前幫長輩買了 Asus Zenfone 2 手機，主要用途就上網、拍照、Line 而已，除了用久存放相片空間會不夠，其他沒什麼問題。 所以今年初也買了一台規格比較高的 Zenfone 2 自用，沒想到悲劇是降臨在我身上，用沒幾個月就開始出現 "螢幕亂跳、到處亂點...
繼續閱讀全文商業公司網站需要了解的 SEO 概念﹍短期策略
前陣子寫了「 重複內容對網站 SEO 會有什麼影響 」後，收到 FB 訊息，表示某旅遊公司要學習 SEO 操作方法，想邀請我前往上課。而這陣子接的幾個商業架站需求，也特別註明需要加強 SEO。 我想，SEO 對多數網站而言隔著一層神祕面紗，他們對 SEO 不是很了解，不過抱著...
繼續閱讀全文
