2024-06-07 11:31 PM 0 4,917
使用者反映:有張電腦上看起來色彩正常的 JPG 檔,上傳到網站後,照片偏亮且鮮豔到浮誇,詢問程式是否在上傳過程修圖? 聽完心想,我寫的檔案上傳向來都是Garbage In Garbage Out原封不動搬資料,何德何能還會修圖(連該用什麼演算法我都沒概念),莫非 ChatGPT 已開始要接管地球了?...
2024-04-21 09:59 PM 2 1,685
朋友分享了一篇網路文章,題材我有興趣,但讀來帶有痛苦感,像是馬拉松最後階段,得靠意志力才能撐下去不棄賽,但我明明是在讀第一段呀。 做了民調,原來不只我有這種感覺。嚴格來說,文章用字還算淺白通順,到底什麼原因讓它散發著「別讀了,快放棄吧,這些文字不是你能駕御的」的暗示? (以上非原文章,是用廢文產生...
2024-01-10 10:07 PM 5 2,865
再來聊聊「依據背景色切換黑字或白字,確保文字明顯容易閱讀」這檔事。 過去我都用 Github Copilot 教我的186 魔術數字公式:complementary = (r * 0.299 + g * 0.587 + b * 0.114) > 186 ? '#000000' : '#ffff...
2024-01-03 10:28 PM 5 2,202
寫網頁介面時,有時我會想用多種顏色表示不同類別資料,此時如何挑選一組彼此差異明顯的顏色,差異大到即使同框出現也不致混淆,這批顏色該如何搭配組合是個學問。 面對這個常見的小需求,我 Google 到不錯的建議 - List of 20 Simple, Distinct Colors,為了繪製捷運路線圖...
2023-10-08 03:54 PM 2 3,957
上回提過 Azure 有提供 OpenAI Service,與 OpenAI API 相比,具有 SLA 保證、多區域備援、AD 整合、虛擬網路整合、更符合企業規範... 等特色。而對個人用戶,若手上有 Azure 免費額度(例如:Visual Studio Enterprise 訂閱 150 US...
2022-12-26 09:32 PM 0 8,305
同事報案,某表單有個連絡電話欄位,Edge/Chrome 的自動填表功能會提示上回填的電話號碼,但使用者選擇帶入上次填寫電話,瀏覽器卻把另一個代理人欄位連帶改成上次填寫的姓名,使用者沒注意到,上傳了錯誤的內容。 我知道瀏覽器有自動填表的功能,最常遇到是在填馬拉松報名資料時但沒細究過,這次看來得花點時...
2022-07-22 10:10 PM 0 4,824
IE 時代即將劃上句點,客戶端近期已開始改用 Edge,甚至連 PDF 也改為預設用 Edge 開啟 (註:依之前的經驗,某些 PDF 文件用 Edge/Chrome 開啟會有字型問題,有時仍得依賴 Acrobat Reader)。 IE Only 網頁經過拉皮翻修,多能順利在 Edge 檢視,但過...
2022-06-03 10:04 AM 0 9,028
FB 是當今網路行銷不可或缺的社群媒體。大家應該有注意到,在 FB 分享網頁有些網站 URL 會產生包含圖片、標題及摘要說明的精美預覽區塊[1],有些則只有單調的網站名稱及標題[2]: 二者的差別在於網頁有沒有加入 Open Graph Tag (「開放社交關係圖」標籤),就是網頁 HTML 要加...
2022-05-17 10:40 PM 2 5,016
免費字型檔圖示 Font-Awesome 是我的主力圖示來源,至今已到 6.1.1 版,授權方案也有些改變。前幾天 Google Material 圖示一文提到 Font-Awesome 6 分為 Free、Pro、Pro Max 三種方案,當時的認知是只有 Free 可免費用於個人或中低量用途(每...
2022-05-13 10:06 PM 2 3,526
前陣子驚喜發現 Google 有一套 Material 風格字型檔案圖示,數量超過 2500 個,開放原始碼,採 Apach V2 授權可免費用於個人及商業用途,還有友善的查詢介面: 使用方法跟 Font Awesome 一樣簡單,用 LINK 參照 CSS,在 HTML 插入 <span ...
2022-05-11 09:04 PM 2 7,128
先前用 FontAwesome 時學到網頁字型檔格式是 woff/woff2,較早期 IIS 需加設 MIME Types 才能正確下載。前陣子查閱 Google Material Icons 文件,讀到一段字型檔放自家網站的 CSS 設定範例: @font-face { font-family...
2022-05-09 11:48 PM 0 4,013
應用系統網站免不了會用到小圖示。早從 ASP/WebForm 時代,我就有四處蒐集 16x16、12x12 迷你 GIF 圖示的習慣,但檔案來自四面八方,很難要求配色、風格一致,所以認識 Font-Awesome,我如獲至寶。一套包含數百上千個圖示,用一個 woff/ttf 檔加 css 取代上千個...
2022-04-16 12:46 PM 0 11,178
我猜蠻多人跟我一樣,從沒上過 HTML/JavaScript 的課,甚至連書都很少買,寫網頁全靠著邊做邊學,上網複製貼上程式查資料慢慢養成。坦白說這不是最有效率的學習方式,但似乎是大部分有程式經驗的人跨界網頁開發常用的做法,也不能說是不長進不積極,就只是走平凡人走的路罷了。 我自己目前常遇的狀況,是...
2022-01-21 11:55 PM 6 6,029
處理了一個 Chrome 問題,因江湖經驗不足,多花了點時間搞定,筆記備忘。 測試台網站更新後,使用者回報版面還是錯的,但從我的機器看則正常。先懷疑是 Cache 問題,但按了 F5 重新載入甚至重啟 Chrome 仍無法解決。增加兩個對照組:使用者改用無痕模式以及用另一位同事 Chrome 的檢視...
2021-08-19 08:55 PM 2 17,500
相信大家都有過這種經驗,在網站下載檔案沒有直接開始下載,而是跳轉到另一個網頁顯示「檔案下載即將開始 / Your download will start shortly」。點完直接下載不是比較乾脆?花功夫多做一個中間頁的用意是什麼?這在我心中一直是個謎。 以下是我隨便蒐集到的範例: 免費軟體 Win...
2021-07-06 08:31 PM 0 14,983
有某段用 window.open() 開啟新網頁的 JavaScript 程式,在 IE 如預期開出新網頁,但在 Chrome 裡卻開啟在新頁籤,害我被迷惑了一陣子,做完研究整理筆記備忘。 測試程式如下:線上版 <!DOCTYPE html> <html> <head&...