畢竟正常的軟體公司不是用程式碼行數來算薪水跟 KPI 的,所以得找一些輕鬆的法子,有時候遇到只會寫 CSS 的人辛苦的寫樣式,但用一下新工具其實可以做得更輕鬆,但又很難三言兩語說明新工具的好,於是整理了這份資料。
學 SASS/SCSS/LESS/STYLUS之前,要先學 CSS 嗎?
當然要哇! 本質上還是 CSS,最後編譯出來的檔案還是 CSS,只是在過程中多了一些東西讓你更方便的寫 CSS。
跟這類似的問題:
學 HTML... 繼續閱讀⇢
數位科技玩家,幫助你在網頁瀏覽器裡面管理掌控線上數據 [written by human, not by AI]
畢竟正常的軟體公司不是用程式碼行數來算薪水跟 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... 繼續閱讀⇢