讓每個網頁都能自動調整寬度，省下手動縮放的麻煩﹍Chrome 套件 Zoomy
使用 Full HD (1920x1080)的寬螢幕後，瀏覽網頁會有個小困擾，需要常常手動按 Ctrl + 放大網站的寬度，否則可視範圍及文字會過小。 如果是常逛的網站，其實調整過一次後，瀏覽器會記住設定，也就麻煩第一次而已。不過如果有這麼一個程式，可以 自動偵測網頁寬度，...
繼續閱讀全文Windows 筆電投影(追劇)心得﹍微軟無線顯示轉接器
現在網路有不少影音平台可以線上追電視劇、歐美影集，不必侷限於第四台的播出時刻，也不必浪費時間看廣告，還可以一次追完好幾季。比起過去為了等一集，常常得苦苦等上一個星期，真是太幸福了。 然而網路雖然方便，但 無論是盯著電腦螢幕、或是行動裝置，強烈的背光遲早會讓眼睛、健康受到嚴重傷...
繼續閱讀全文用 Google Apps Script 操作試算表 (2)搜尋、讀取資料庫
接續上一篇「 用 Google Apps Script 操作試算表 (1)製作資料庫 + 寫入資料 」的流程後，本篇來看如何用 Google Apps Script (GAS) 搜尋、讀取寫入試算表的資料。 (圖片出處: pixabay.com )
繼續閱讀全文PTT 停止 RSS 功能後，如何繼續訂閱個版文章﹍FEED43 自製 RSS 教學
除了使用「 RSS 閱讀器 」(例如 Feedly) 來訂閱各種網站的最新文章，PTT 個版也是非常重要的資訊來源。例如 WFU 會訂閱 Web_Design(網頁設計) 版，可以了解這個領域的同好最近有什麼新訊息、或討論哪些問題。 訂閱 PTT 個版已經好幾年了，但前陣子突...
繼續閱讀全文Facebook 留言框最簡單快速的安裝方式 + 常見問題整理
「 FB 留言外掛程式 」是協助架站時，安裝率滿高的一個工具。過去已經寫過「 Facebook 留言板安裝懶人包 」，由於 FB API 改版多次，加上現在的 API 版本已經支援 RWD，決定將安裝程式碼改得更為精簡，比舊版的 code 少了一半以上，本篇可以視為「FB 留言框...
繼續閱讀全文取得 Google 相簿圖片外連更好的方法﹍轉換為 Picasa 連結
在所有圖床之中，Google 相簿(Google Photo) 的圖片連結，可說是最詭異的一個，從網址字串你很難辨識出這是什麼，沒有路徑結構、沒有檔名，字元數多到相當於一篇小品文章。 這樣的連結型態，相當不適合用來當圖片網址，也不利於 SEO 。 在上一篇「 其實 Googl...
繼續閱讀全文其實 Google 相簿依然是 Picasa，你可能不太相信
自從「 Google 宣布關閉 Picasa 」之後，這段期間以來，每隔一陣子就需要跟案主、讀者安撫或解釋，是否該繼續使用 Picasa 圖床，要不要擔心 Google 把 Picasa 收起來。 說真的，比較需要擔心的反而是 Flickr 圖床的免費用戶，因為「 Yahoo...
繼續閱讀全文用 Google Apps Script 操作試算表 (1)製作資料庫 + 寫入資料
過去曾寫過「 利用 Google 試算表當小型資料庫﹍讀取+寫入+搜尋 」等 4 篇系列文，簡單列一下該系列使用方案的優缺點： 讀取、搜尋資料時， 需要發佈或分享試算表，因此適合安全性較低的資料 。 查詢資料很方便 ，Google 提供了各種 API，也可使用資料庫 SQL...
繼續閱讀全文自動備份 Blogger 文章的一些實驗，我找到了最佳方案
天有不測風雲，未雨綢繆會比出了意外再四處奔走來得從容。相信部落格站長都同意， "文章" 是最重要的資產，雖然發生意外的機率不高，但只要有一次，絕對會痛不欲生 ，就像「 Blogger 網站突然消失了怎麼辦？(網誌被刪除案例分析) 」，或是「 Blogger 文...
繼續閱讀全文協助痞客邦搬家到 Blogger 流程紀錄 + 常見問題解決
近期有一些痞客邦站長找本站協助，要搬家到 Blogger ，主要原因除了痞客邦為人詬病的廣告策略之外，也可參考「 Google搜尋結果將調降自動跳出蓋版或插頁廣告的網站網頁排名 」。另外則是有人說過 "痞客邦會大小眼，小咖的部落格比較容易不穩"，雖然我聽到的算...
繼續閱讀全文如何使用 Google reCAPTCHA 防止網頁被留垃圾廣告訊息
前陣子「 Blogger 中文論壇 」遭到垃圾訊息洗版，被機器人大量貼文，一次發了幾十篇，甚至有一次達到上百篇。雖說也不會造成太大困擾，因為 Blogger 後台一次能勾選 50 篇文章刪除，不用幾秒就全部消滅了，不過能夠事先預防總是比較省事。 於是想到 Google 的這個...
繼續閱讀全文將 Google 行事曆排程顯示在網頁﹍FullCalendar CDN 安裝懶人包
過去一段時間，網站業務的排程經常處於吃緊的狀態，於是決定好好利用「 Google Calendar 」，把行事曆的排程顯示在網頁上，業主可查詢案件何時能進入排程、以及案件的時程區間。 基本上，Google 日曆預設就有提供嵌入網頁的語法，如果是功能取向的站長，不一定需要另外瞭...
繼續閱讀全文使用 Blogger 免費範本，可能需要面對的問題有哪些？
使用 Blogger 的優點之一，就是有取之不盡的免費資源，網路上可找到各種美觀、符合自適應(RWD)、且又免費的版型可套用。 免費範本的確很方便，一陣子後覺得不合用、或想改個新鮮的版型，都可再另外找一個，如同免洗筷一般，再換一雙就好。 但在某種程度上，免費範本跟免洗筷還...
繼續閱讀全文Blogger 使用圖片的各種技巧：上傳+刪除+管理+取得網址 (Picasa 圖床)
協助許多使用者架站時，由於不少都是剛接觸 Blogger，不太熟悉這個部落格平台怎麼處理、操作圖片。他們可能用過台灣其他的免費部落格平台，習慣了有個可以專門上傳、管理圖片的後台介面，但在 Blogger 找不到這樣的東西，因此「Blogger 要如何上傳、管理圖片」，變成了常見的...
繼續閱讀全文[網頁設計] 有助於色盲使用者的友善體驗 (2)實作範例
![[網頁設計] 有助於色盲使用者的友善體驗 (2)實作範例](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMObqBozDq1rAdU1p6HM5w6z0EF3YZpOsuCFb3nJ8RQyaUVPcGKb-TQ94vZVznLXwsf_2veaAGtaaUhF_8yrimL6_5ba910xO6wblQhjD7JWDbQRP5QErgUmZiCZrWIgL-FvxHUrehlLcY/s1600/color-blink-web-design-2.jpg)
上一篇「 有助於色盲使用者的友善體驗 (1)設計構思 」，提出本站的設計方針為： 原本文章區塊為黃底黑字，另一套 CSS 將會使用白底黑字，用來增加對比。 原本文章區塊的連結無底線，另一套 CSS 將會使用底線。 本站文章常用紅字標示重點，同時教學程式碼中包含了大量的紅、...
繼續閱讀全文[網頁設計] 有助於色盲使用者的友善體驗 (1)設計構思
![[網頁設計] 有助於色盲使用者的友善體驗 (1)設計構思](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ_0kBqHynrpr0li1y5GMZ0hPyoFX0JuvrxXIHuzP1GiXEphDgVbcgzNePQrWFPWDxcZ-s26Ek4Qs9ZvQ7jEbuNaPiERILu0MnbJIGUq65P2WWIIC-7iCgzHMUfEPMeGPFxG7CIMbydkMu/s640/color-blink-web-design-1.jpg)
前陣子有讀者在「 Blogger 文章標題最佳化 」留言表示："建議WFU大，文章的字顏色對比可以強一點，或標個線?這樣對色弱色盲人土比較友善，我完全找不到紅字在哪"。這才發現過去接觸網頁設計的主題時，很少碰到這一塊，因此沒想過要研究這部分的設計。 經查詢...
繼續閱讀全文讓訪客能自行放大網頁文字，提升友善閱讀體驗
閱讀網路文章時，不免會遇到某些網頁的預設文字過小，不但看起來不舒服，也加重了眼睛的負擔。過去曾介紹過 Chrome 的外掛「 讓 Chrome 只放大縮小文字(Zoom Text Only 套件) 」，可以單獨調整文字的大小，讓我們閱讀文章時更舒服。 但並非每個訪客都會安裝這...
繼續閱讀全文利用 Google 試算表當小型資料庫 (4)使用 SQL 語法讓搜尋功能更強大
「利用 Google 試算表當小型資料庫」系列文已經寫過三篇，條列如下： (1)製作資料庫 (2)讀取、儲存資料庫 (3)簡易查詢與排序 (及新版試算表讀取流程) 上一篇提供了篩選資料的簡易查詢語法，以及對資料排序的方法，相信這對小型的資料庫處理已經足夠。 不過幾...
繼續閱讀全文讓 Facebook 留言框與粉絲團的留言能夠即時同步
前陣子有案主詢問，「看到有些 FB 粉絲專頁的留言，會自動同步到部落格文章的 FB 留言板，這個可以做嗎？」 如果不瞭解以上描述是什麼狀況的話，用畫面說明比較容易懂，例如下圖是「 粉絲團頁面的留言 」： 下圖是「 部落格如何處理結構化資料標記 」這篇文章的 FB 留...
繼續閱讀全文Line 處理待辦事項的技巧：讓已讀訊息保持未讀狀態
Line 已經越來越像傳統 Email 扮演的角色，以往收件匣未讀的信件就是我們的待辦事項，但現在越來越多待辦事項，會來自於 Line 的訊息，無論是上司、客戶、家人朋友，或是一大堆的群組。 但很可惜 Line 的訊息系統，無法像郵件軟體 (或 APP) 般好整理，除了不同...
繼續閱讀全文
