技術 【設計+切版30天實作】｜Day28 - CTA區塊 - 超快速切出簡約CTA，讓使用者註冊起來！！

前面完成了「Plans」區塊，今天來完成「CTA」的區塊。 數據收集 CTA的樣式 Background-color：$Primary Pad...

技術 Day 25- 專案開發技巧篇(三) : Variable、Utilities

專案開發技巧篇(三) : Variable、Utilities 每日一談 嗨，大家好 ! 我是阿蘇今天是Day25 ，在這篇會詳細說明 Variable、Ut...

技術 Day29【每天5分鐘】學前端 | 切版實作 CSS 篇

昨天架構完 HTML （附上連結 切版實作 HTML 篇），今天要加上 CSS 樣式做排版～ 會補充說明 偽類別 ，以及 CSS 變數 的使用方法。 首先建立一...

技術 Day14 - 切版排版技巧(二) : Width、格線系統(Bs)

Day 14 - 切版排版技巧(二) : Width、格線系統(Bs) 每日一談 嗨，大家好 ! 我是阿蘇今天是Day14， 今天繼續談切版排版技巧，除了fl...

技術 Day 18 - 開發小知識(二) : 切版學習之路、實作精進切版

Day 18 - 開發小知識(二) : 切版學習之路、實作精進切版 每日一談 嗨，大家好 ! 我是阿蘇今天是 Day17 ， 前面的切版實作技巧分享差不多了，...

技術 【設計+切版30天實作】｜Day23 - Pros區塊 - 看似無邊框的三欄式卡片，到底要對準哪條欄位？

前面完成了小廣告區塊，今天來完成「平台好處 - pros」的區塊。 數據收集 card標題的樣式 Font-weight：Bold Font-siz...

技術 Day01 系列介紹 切版與CSS：打造工具箱與切版施工流程

切版與CSS：打造工具箱與切版施工流程！ 轉往前端的第一大關便是切版，這工藝主要由HTML5、CSS3作為底層技術，搭配切版心法，並在各家瀏覽器上呈現畫面，切版...

技術 Day03 學習看文件Ｗ3C，武林秘笈之文件意識

看不懂啊 起初，跑去問問題，得到一則Ｗ3C官方規範網址，我試圖集中注意力，想要看透它，每個單字都懂意思，合在一起就看不懂了。是天書無誤，心想，規範有夠難看懂，...

技術 Day18 切切切，如何解構元件(Component)？

我們要來談談切分元件了，我學習切分元件的概念，是到用SASS才出現Component這個詞，但其實在簡單切版的時候就會有初步概念了。記得那時候，跑去問問題，學姊...

技術 Day02 腦容量爆炸！打造你的切版工具箱

初入CSS，會被他豐富的屬性嚇到以為要玩記憶力大考驗，我曾經就把MDN的側欄屬性給他一個個看過(佩服自己的刻苦耐勞)，後來隔天就忘了。經過幾番無功、探索與混亂...

技術 Day19 跑版＆切好寫好

什麼是跑版？跑版，簡單來說，畫面不是你預期，東西待在它不該待的地方，畫面不忍直視，有興趣可自行查詢關鍵字。事情是這樣得，隨著每次Code Review做調整後，...