讓訪客能自行放大網頁文字,提升友善閱讀體驗

閱讀網路文章時,不免會遇到某些網頁的預設文字過小,不但看起來不舒服,也加重了眼睛的負擔。過去曾介紹過 Chrome 的外掛「 讓 Chrome 只放大縮小文字(Zoom Text Only 套件) 」,可以單獨調整文字的大小,讓我們閱讀文章時更舒服。 但並非每個訪客都會安裝...

繼續閱讀全文

如何使用 Google reCAPTCHA 防止網頁被留垃圾廣告訊息

前陣子「 Blogger 中文論壇 」遭到垃圾訊息洗版,被機器人大量貼文,一次發了幾十篇,甚至有一次達到上百篇。雖說也不會造成太大困擾,因為 Blogger 後台一次能勾選 50 篇文章刪除,不用幾秒就全部消滅了,不過能夠事先預防總是比較省事。 於是想到 Google 的這...

繼續閱讀全文

將 Google 行事曆排程顯示在網頁﹍FullCalendar CDN 安裝懶人包

過去一段時間,網站業務的排程經常處於吃緊的狀態,於是決定好好利用「 Google Calendar 」,把行事曆的排程顯示在網頁上,業主可查詢案件何時能進入排程、以及案件的時程區間。 基本上,Google 日曆預設就有提供嵌入網頁的語法,如果是功能取向的站長,不一定需要另外...

繼續閱讀全文

[網頁設計] 有助於色盲使用者的友善體驗 (2)實作範例

上一篇「 有助於色盲使用者的友善體驗 (1)設計構思 」,提出本站的設計方針為: 原本文章區塊為黃底黑字,另一套 CSS 將會使用白底黑字,用來增加對比。 原本文章區塊的連結無底線,另一套 CSS 將會使用底線。 本站文章常用紅字標示重點,同時教學程式碼中包含了大量的紅...

繼續閱讀全文

[網頁設計] 有助於色盲使用者的友善體驗 (1)設計構思

前陣子有讀者在「 Blogger 文章標題最佳化 」留言表示:"建議WFU大,文章的字顏色對比可以強一點,或標個線?這樣對色弱色盲人土比較友善,我完全找不到紅字在哪"。這才發現過去接觸網頁設計的主題時,很少碰到這一塊,因此沒想過要研究這部分的設計。 經查...

繼續閱讀全文

Blogger 使用圖片的各種技巧:上傳+刪除+管理+取得網址 (Picasa 圖床)

協助許多使用者架站時,由於不少都是剛接觸 Blogger,不太熟悉這個部落格平台怎麼處理、操作圖片。他們可能用過台灣其他的免費部落格平台,習慣了有個可以專門上傳、管理圖片的後台介面,但在 Blogger 找不到這樣的東西,因此「Blogger 要如何上傳、管理圖片」,變成了常見...

繼續閱讀全文

使用 Blogger 免費範本(模版),可能需要面對的問題有哪些?

使用 Blogger 的優點之一,就是有取之不盡的免費資源,網路上可找到各種美觀、符合自適應(RWD)、且又免費的範本可套用。 免費範本的確很方便,一陣子後覺得不合用、或想改個新鮮的版面,都可再另外找一個,如同免洗筷一般,再換一雙就好。 但在某種程度上,免費範本跟免洗筷...

繼續閱讀全文
TOP