以前會碰到一個惱人的網頁設計怪問題,近期又碰到有客人反映了,決定找找這到底是什麼因素。
要重現問題很簡單,就是調整電腦瀏覽器縮放設定(用Ctrl+滾輪,或是從瀏覽器工具列裡面選),或是調整 Windows 的縮放設定(例如顯示設定變更文字、應用程式與其他項目的大小),只要不是 100%,網頁就會顯示得怪怪的,例如表格/儲存格的框線會粗細不一,如以下範例:


Windows,有一條橫線特別粗


macOS Monte... 繼續閱讀⇢

前幾天把一份別人的 Photoshop 設計稿做成網站,發現裡面用了不少 PS 圖層混合模式,例如下圖兩個簡易 wireframe 範例

圖左有一組清單,標題跟內文各有背景色,清單上面有一些透明圖案,會跟標題和內文的背景色混合。
只是把圖存成 PNG 蓋在上面肯定是不可行的,因為要跟底下其他區域混合後,才會是正確的顏色。
也無法把圖案墊在最下面,會被標題跟內文的背景圖蓋住,當然顏色也會不對。
用 RWD 的思考邏輯,肯定無法... 繼續閱讀⇢

前幾天才看到一篇文章You Don’t Need A UI Framework,一位需要在一個產品一再重複打磨的 in-house 外國工程師,出來講說大家做產品不應該用 Bootstrap, Material UI, Ant Design 之類的 UI Framework,讀了之後有點夏蟲語冰之感,工作型態百百種,就像一個不愁吃穿做興趣的私廚出來分析說早餐店不該用料理包、組合肉、現成化工調味料,不該用水果茶粉/奶茶粉來泡飲料... 繼續閱讀⇢

微軟正式宣布 Internet Explorer (簡稱 IE 瀏覽器)將於 2022/6/15 停止支援,(the Internet Explorer 11 desktop application will be retired and go out of support on June 15, 2022, for certain versions of Windows 10),但不確定到了那天會發生什麼事,會像 Flash Player 一樣完全無法使用? 網... 繼續閱讀⇢

用我的A電腦上網時碰到一個怪網頁,頁面從頭到尾內容空空如也?


(敏感資訊已模糊處理)

但是開另一台B電腦上同樣的網站,顯示又是正常的,難道是我的A電腦壞了?

-本以為是圖片被 AdGuard 之類的擋掉,但是查詢發現圖片都有正常載入,直接開圖片 url 也是正常的。
-Console 裡的 Javascript 沒有特別的嚴重錯誤。
-Google Chrome 瀏覽器換無痕模式、更換瀏覽器為 Firefox, Safari,都... 繼續閱讀⇢

一開始又要老人講古,以前小時候用 Notepad++ 都是白色的背景,Visual Studio 之類的 IDE 也是白色背景配淺藍色系的工具列,Adobe 的 Phoroshop 也是淺灰系配色,AE 也只是深一點的灰色系。大概只有股票節目、電影裡的電腦畫面,電腦的 command line 視窗,會用黑色系的 UI 畫面。

但近幾年突然掀起黑色 UI 風潮
– 新出的 Text editor,像 Sublime Text, Ato... 繼續閱讀⇢

不只聽過一次中小企業問說「要另外請一個人來維護網頁嗎?」維護網站最基本的技能就是美感,以及各種數位資訊的知識、工具的操作。還有數位內容的產出,例如無中生有變出行銷方案、文案發想、商品/人像攝影、影片拍攝/剪輯/後製?甚至排解伺服器運作問題?出一張嘴最簡單了嘛。實作人員就是該死。

所以維護網頁已經不簡單了,要維護一個符合台灣NCC無障礙網頁規範的網站,要求的東西就更多了!本文概略講解流程,跟記錄一些常... 繼續閱讀⇢

使用者在電腦上使用先進的網頁瀏覽器,如 Google Chrome 或 Firefox,因為這些瀏覽器可以安裝「擴充套件」,有時可讓使用者達成一些方便的功能,但網頁或 web 系統,可能就因為這些擴充套件,發生排版顯示,或是讓系統無法操作、購物網站無法下單等等的嚴重問題。

一、廣告攔截的擴充套件讓正常內容也出不來

當使用者都在網路上的時候,廣告也跟著出現在網路上了。網路有很多地方,以網頁來說,廣告是怎麼顯示在... 繼續閱讀⇢

編譯 SCSS 除了用 Ruby-compass, Koala, Prepros, Dreamweaver CC 2017,還可以用功能也很強大、不會彈廣告、不用錢的 node.js + gulp 或 webpack,但是我覺得網路上的文章都太詳細冗長了,容易嚇壞一堆根本不想寫 code 卻又被逼著寫的視覺設計師。

一直很佩服程式人十分鐘系列,可以把複雜的事情濃縮得比較易懂,也包含一堆關鍵字可以去深究。

不過我就來幾篇三分鐘系列的... 繼續閱讀⇢

畢竟正常的軟體公司不是用程式碼行數來算薪水跟 KPI 的,所以得找一些輕鬆的法子,有時候遇到只會寫 CSS 的人辛苦的寫樣式,但用一下新工具其實可以做得更輕鬆,但又很難三言兩語說明新工具的好,於是整理了這份資料。

學 SASS/SCSS/LESS/STYLUS之前,要先學 CSS 嗎?
當然要哇! 本質上還是 CSS,最後編譯出來的檔案還是 CSS,只是在過程中多了一些東西讓你更方便的寫 CSS。

跟這類似的問題:
學 HTML... 繼續閱讀⇢