[筆記] MarkMan 跨平台 設計稿標註與量測工具
前幾週在六角學院的線上課程看到有個好用的 MarkMan 線上平台工具可以使用，讓你可以輕鬆的讀取和量測圖片上的顏色、大小。雖說不能夠讀取圖片上的字體，但在不開 Read More …
分類: 網頁開發 Web Development
[筆記] Sass 實戰全攻略 – 11 – 自製格線系統
這一段算是額外的補充部分，但也是很實用的章節。藉由介紹、分解既有的格線系統，你也可以製作一個屬於自己的格線系統。 課程對應章節 Course 62 ～ Cour Read More …
[筆記] CodeSandbox 線上編輯器 模擬前端框架
隨著前端框架的發展，當需要多人編輯、展示或是教學時，CodeSandbox 提供了一個很好的環境來給予模擬。除了 Vue 以外，React, Angular, Read More …
[筆記] Sass 實戰全攻略 – 10 – 設計模式和規範
每次專案，都提供給自己或是團隊一個可以將這些 CSS 規範給內化的機會。不過要謹記規範是死的，而人是活的，切勿為了規範而讓專案過於瑣碎，而是要力求導入規範讓工作 Read More …
[筆記] 工字型樣板，長方形依照比例縮放
這回要挑戰工字型( I-Shape )的顯示樣板。同時，上頭要疊加有個會隨著數值比例而放大縮小的一個長方形。這邊筆記下要如何用 CSS 和 Vue 的綁定 cl Read More …
[筆記] Element-UI 的自定義表格邊框樣式
Element UI 的表格算是非常常用的模組化套件之一，不過其表格邊框樣試算是非常難以處理的。這邊筆記一下如何客製化的一些步驟(頓時覺得辦公室文書軟體要自定義 Read More …
[筆記] Vue 關於 slot-scope 的簡易認知
Vue 的 slot 系列使用方法，頭一回在 Element-UI 這個模組上看見，覺得用法挺神奇的，於是便筆記一下個人對 slot 的理解，以及怎樣的場景會使 Read More …
[筆記] Chart.js 長條圖 最大值用特別顏色表示
前端圖表的軍火庫 Chart.js，雖說可以滿足大部分的圖表需求，但還是有一些客製化的案件會發生。這回遇上的情況是要在長條圖中，將最大值另外標示成其他顏色。以下 Read More …
[筆記] Sass 實戰全攻略 – 9 – 錯誤的 CSS 設計方式
Sass 在撰寫時，要注意一些常見的 CSS 設計方式，會讓你在撰寫的時候顯得冗長、日後也變得難以維護。 課程對應章節 Course 58 ～ Course 6 Read More …
[筆記] Vue Watch 監聽並延後發送請求
當使用 Vue Watch 的事件監聽時，若有要觸發傳送 XML 之類的事件時，屢屢發送的話會造成後端伺服器的負擔。你可以運用簡單的 Promise + set Read More …
[筆記] Sass 實戰全攻略 – 8 – 關於命名的那些事兒
撰寫程式的人們的日常頭痛問題之一，就是如何命名變數。變數命名的好，可以省下日後維護時的大量時間在研究先前的邏輯上。這邊筆記下這個段落部分有提及的一些設計巧點。 Read More …
[筆記] Element UI Table 表格表頭縱向顯示
這回在從事公司專案時，遇上了一個稍嫌難解的問題。在 Element UI Table 表格選項內，它預設是抓取每一個物件的 Key 值名稱，然後對應的資料是由上 Read More …
[筆記] Sass 實戰全攻略 – 7 – Sass/CSS 設計模式 (OOCSS)
Sass/CSS 的設計模式，對於使用者來說，你可以把它想做是一種歸納管理 CSS 的思維。除了前一篇文章提到的 Smacss 外，OOCSS 提出另外一種收納 Read More …
[筆記] Sass 實戰全攻略 – 6 – Sass/CSS 設計模式 (Smacss)
Sass/CSS 的設計模式，對於使用者來說，你可以把它想做是一種歸納管理 CSS 的思維。隨著專案的開發架構越發龐大，修改一個小小樣式變成一個大工程，因為你必 Read More …
[筆記] 自定義 Element UI 標題欄位遇上 Vue/no-unused error 的解決方法
在 Vue template 的檔案，有時會需要運用到 slot-scope=”something” 的語法，但實質上並沒有用到 som Read More …
[筆記] CSS 上常見的水平置中 & 垂直置中方法
CSS 常見的老問題之一的對齊問題，這邊筆記一下目前自己常用以及網路上流傳的各種置中方法，分為水平和垂直兩塊。 基礎知識 HTML 的元素有預設的 displa Read More …
[筆記] Sass 實戰全攻略 – 5 – mixin 解決響應式網頁的斷點問題
Sass 的 mixin 可以幫助使用者在編寫 RWD 響應式網頁格式時，可以預先指定好自身常用的樣式表和斷點。這樣一來在實際運用上，可以增加可讀性，同時也避免 Read More …
[筆記] Sass 實戰全攻略 – 4 – mixin 統整你常用的 CSS 方法
妥善運用變數和 mixin，這樣就可以方便管理你常用的 css 方法，在必要時候免去你上網 google 查詢的困擾。同時，你也可以藉此開始打包一套屬於自己的常 Read More …
[筆記] Sass 實戰全攻略 – 3 – import 切分檔案和維護
Sass 隨著專案大小的越發增加，是可以透過引入 import 這個動作，來做到結構化的維護管理的。換言之，你可以在一個作為索引的 index 的 scss 檔 Read More …
[筆記] Vue2 Perfect-Scrollbar 置底開始
Vue 的 Perfect-Scrollbar 套件，是 Vue 中滿常使用的捲軸選單的套件。雖說有內建的一些自訂樣式的選項( 可用 options 載入)，不 Read More …
[筆記] Sass 實戰全攻略 – 2 – 變數的運用
變數在 Sass 的運用上，最為方便就是可以事先定義一些常用的基準變數，如顏色、大小、字體……等等，同時在搭配運算子進行加減乘除。如此一 Read More …
