編譯 SCSS 除了用 Ruby-compass, Koala, Prepros, Dreamweaver CC 2017，還可以用功能也很強大、不會彈廣告、不用錢的 node.js + gulp 或 webpack，但是我覺得網路上的文章都太詳細冗長了，容易嚇壞一堆根本不想寫 code 卻又被逼著寫的視覺設計師。
一直很佩服程式人十分鐘系列，可以把複雜的事情濃縮得比較易懂，也包含一堆關鍵字可以去深究。
不過我就來幾篇三分鐘系列的... 繼續閱讀⇢
標籤: css
畢竟正常的軟體公司不是用程式碼行數來算薪水跟 KPI 的，所以得找一些輕鬆的法子，有時候遇到只會寫 CSS 的人辛苦的寫樣式，但用一下新工具其實可以做得更輕鬆，但又很難三言兩語說明新工具的好，於是整理了這份資料。
學 SASS/SCSS/LESS/STYLUS之前，要先學 CSS 嗎?
當然要哇! 本質上還是 CSS，最後編譯出來的檔案還是 CSS，只是在過程中多了一些東西讓你更方便的寫 CSS。
跟這類似的問題:
學 HTML... 繼續閱讀⇢
我們上網時偶爾會看到上圖左這種情況，
應該是一塊一塊排好的內容，卻出現異樣的空白?
有時候這個是設計風格，為了體現品牌的自由風氣，並特意強調那兩個落單區塊的獨特性，並且為了視覺上的平衡美感所做的處理，甚至還經過 A/B test 與各種 UX 實驗，除了可以達到最佳的轉換率，還可以引起討論話題…
但我想此例純粹就是個小失誤而已。(ps.上圖案例網頁不是我做的，只是上網時剛好逛到而已。)
在上圖右我們把每... 繼續閱讀⇢
自從 Google 在 2016 年宣布將調整手機 Google 中行動版網站的搜尋結果排名Mobile-first Indexing，各大網頁設計公司的業務人員就開始以此當噱頭、勸業主改版，因為這又是一個收費的大好機會。腳步比較遲緩的企業，也在老闆發現自己家的網站用手機打不開，而競爭對手的網站在手機上很好用，而開始提出需求將自家的網站做行動版的優化。
讓資料可以優美舒服的顯示在行動裝置顯示解決方案有很多，響應式... 繼續閱讀⇢
近幾年很流行在網頁專案導入一個叫 Twitter Bootstrap 的前端 framework，例如網站的管理後台，網頁系統的後台，新創網站，甚至一些預算不低的網站前台，也是套 Bootstrap ( 簡稱 BS )的預設樣式，或是套上某個 Bootstrap 的免費樣式，就端出來給大家用，讓那些慢慢手工刻網頁的勞工覺得自己好像智障。
導入 Framework 的意義何在? 就是 Write less, do more.
Bootst... 繼續閱讀⇢