使用者在電腦上使用先進的網頁瀏覽器,如 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... 繼續閱讀⇢


我們上網時偶爾會看到上圖左這種情況,
應該是一塊一塊排好的內容,卻出現異樣的空白?

有時候這個是設計風格,為了體現品牌的自由風氣,並特意強調那兩個落單區塊的獨特性,並且為了視覺上的平衡美感所做的處理,甚至還經過 A/B test 與各種 UX 實驗,除了可以達到最佳的轉換率,還可以引起討論話題…

但我想此例純粹就是個小失誤而已。(ps.上圖案例網頁不是我做的,只是上網時剛好逛到而已。)

在上圖右我們把每... 繼續閱讀⇢

自從 Google 在 2016 年宣布將調整手機 Google 中行動版網站的搜尋結果排名Mobile-first Indexing,各大網頁設計公司的業務人員就開始以此當噱頭、勸業主改版,因為這又是一個收費的大好機會。腳步比較遲緩的企業,也在老闆發現自己家的網站用手機打不開,而競爭對手的網站在手機上很好用,而開始提出需求將自家的網站做行動版的優化。

讓資料可以優美舒服的顯示在行動裝置顯示解決方案有很多,響應式... 繼續閱讀⇢