Category: html

2 1,104
朋友分享了一篇網路文章，題材我有興趣，但讀來帶有痛苦感，像是馬拉松最後階段，得靠意志力才能撐下去不棄賽，但我明明是在讀第一段呀。 做了民調，原來不只我有這種感覺。嚴格來說，文章用字還算淺白通順，到底什麼原因讓它散發著「別讀了，快放棄吧，這些文字不是你能駕御的」的暗示？ (以上非原文章，是用廢文產生...

5 1,978
寫網頁介面時，有時我會想用多種顏色表示不同類別資料，此時如何挑選一組彼此差異明顯的顏色，差異大到即使同框出現也不致混淆，這批顏色該如何搭配組合是個學問。 面對這個常見的小需求，我 Google 到不錯的建議 - List of 20 Simple, Distinct Colors，為了繪製捷運路線圖...

0 6,453
同事報案，某表單有個連絡電話欄位，Edge/Chrome 的自動填表功能會提示上回填的電話號碼，但使用者選擇帶入上次填寫電話，瀏覽器卻把另一個代理人欄位連帶改成上次填寫的姓名，使用者沒注意到，上傳了錯誤的內容。 我知道瀏覽器有自動填表的功能，最常遇到是在填馬拉松報名資料時但沒細究過，這次看來得花點時...

0 4,543
IE 時代即將劃上句點，客戶端近期已開始改用 Edge，甚至連 PDF 也改為預設用 Edge 開啟 (註：依之前的經驗，某些 PDF 文件用 Edge/Chrome 開啟會有字型問題，有時仍得依賴 Acrobat Reader)。 IE Only 網頁經過拉皮翻修，多能順利在 Edge 檢視，但過...

0 7,679
FB 是當今網路行銷不可或缺的社群媒體。大家應該有注意到，在 FB 分享網頁有些網站 URL 會產生包含圖片、標題及摘要說明的精美預覽區塊[1]，有些則只有單調的網站名稱及標題[2]： 二者的差別在於網頁有沒有加入 Open Graph Tag (「開放社交關係圖」標籤)，就是網頁 HTML 要加...

2 4,419
免費字型檔圖示 Font-Awesome 是我的主力圖示來源，至今已到 6.1.1 版，授權方案也有些改變。前幾天 Google Material 圖示一文提到 Font-Awesome 6 分為 Free、Pro、Pro Max 三種方案，當時的認知是只有 Free 可免費用於個人或中低量用途(每...

2 5,915
先前用 FontAwesome 時學到網頁字型檔格式是 woff/woff2，較早期 IIS 需加設 MIME Types 才能正確下載。前陣子查閱 Google Material Icons 文件，讀到一段字型檔放自家網站的 CSS 設定範例： @font-face { font-family...

0 3,946
應用系統網站免不了會用到小圖示。早從 ASP/WebForm 時代，我就有四處蒐集 16x16、12x12 迷你 GIF 圖示的習慣，但檔案來自四面八方，很難要求配色、風格一致，所以認識 Font-Awesome，我如獲至寶。一套包含數百上千個圖示，用一個 woff/ttf 檔加 css 取代上千個...

0 10,850
我猜蠻多人跟我一樣，從沒上過 HTML/JavaScript 的課，甚至連書都很少買，寫網頁全靠著邊做邊學，上網複製貼上程式查資料慢慢養成。坦白說這不是最有效率的學習方式，但似乎是大部分有程式經驗的人跨界網頁開發常用的做法，也不能說是不長進不積極，就只是走平凡人走的路罷了。 我自己目前常遇的狀況，是...

6 5,575
處理了一個 Chrome 問題，因江湖經驗不足，多花了點時間搞定，筆記備忘。 測試台網站更新後，使用者回報版面還是錯的，但從我的機器看則正常。先懷疑是 Cache 問題，但按了 F5 重新載入甚至重啟 Chrome 仍無法解決。增加兩個對照組：使用者改用無痕模式以及用另一位同事 Chrome 的檢視...

2 17,356
相信大家都有過這種經驗，在網站下載檔案沒有直接開始下載，而是跳轉到另一個網頁顯示「檔案下載即將開始 / Your download will start shortly」。點完直接下載不是比較乾脆？花功夫多做一個中間頁的用意是什麼？這在我心中一直是個謎。 以下是我隨便蒐集到的範例： 免費軟體 Win...

0 3,270
試過純手工打造 ePub 電子書，寫過程式半自動轉換。前陣子試了另一種作法 - 用現成工具軟體 Pandoc 將圖文 HTML 轉成 ePub 電子書。 Pandoc 是個功能強大的文件轉換器(使用方法可參考保哥的文章：介紹好用工具：Pandoc ( 萬用的文件轉換器 ))，它支援多種文件格式間的轉...