嗨各位！ 我們終於度過了昨天那篇漫長的業配文了，很快的我們就要開始進入主餐部分。 雖然你們已經把刀叉拿好了，但是在上主餐之前，必須提醒一下剛吃完前菜的你們：...
嗨各位大家好，我是搋兔～！ 相信大家一定都對我很陌生吧！ 先來自我介紹一下，我是兔兔教的兔兔，我在「Tailwind CSS 臺灣」的職位是兔兔，而兔兔們的工...
前面的功能介紹和小練習都度過了，我們現在要來學習如何安裝和設定囉！！！ 不過說到安裝啊，有些人可能會想： 「兔兔！如果我只是想要做簡單的應用和練習呢？ 還要安...
(今天切換故事主線了喔，別再吐倒了哦) 相信很多在前端打滾、需要用到 CSS 的人，一定或多或少都看過 Amos 的金魚也能懂系列鐵人賽文章吧？ 還記得有一個...
Day 3 的作業有沒有寫呢各位？如果昨天有練習的話，應該覺得不會太難吧！ 我們今天會用一樣的方式來介紹 + 練習，今天的也不難哦～是做方塊的各種樣式變化 那...
欸欸欸！別誤會啊！可別讀完標題就跑掉了。 「可是兔兔，你那個標題不妥吧！」 齁，我才是覺得你想的不妥咧～那個是會變顏色的意思啦！ 今天，就是要來介紹一些像是滑...
目錄 Day 1：「排版神器 Tailwind CSS？」 - 和兔兔一起快速上手漂亮的元件開發 Tailwind CSS 篇 Day 02：「Tailwi...
前一篇啊寫了將近 5000 字的廢話，你們一定看的很煎熬吧 XD但是今天終於可以有進度啦！我們要來開始實作 Tailwind 了！ 雖然不能一開始就編排美美的...
還記得我們在之前做過變化模式嗎？沒錯，就是滑鼠懸停之後會變色的那個。 我們今天呢，就是要來幫它們加上過渡效果和動畫！ 今天我們就不多講廢話了，直接開始吧！ ...
JIT、JIT 的叫了這麼多天，終於就是今天了！今天就是要來講解 JIT 模式哦～～ JIT 模式真的快非常非常多，快到你覺得你前面幾天根本在浪費人生 XD...
嗨大家好，昨天建立的如何呢！我想應該不會遇到太多的困難吧～ 雖然上次沒有明講，但我想應該大部分人都是用 VS Code 在開發吧？ 既然如此我們就來介紹個好用...
大家有體會到自己建立元件的樂趣嗎？ 如果沒有也沒關係～因為接下來會分享一些相關資源哦！ 其實兔兔知道的資源並不是很多啦，因為兔兔的東西都會自己重造輪子 XD 不...
「注意，您的表單尚未填寫完成」 好，我知道了。 (按下確定) 欸？ 為什麼關不掉！？不是按下確定就要關掉了嗎？ 這是誰做的爛東西啊，看我怎麼整死你！ (開...
大家好，我是讀哲學讀到寫 Web 的 Parker ，到現在約有兩年左右的開發經驗，遙想當初真的是完完全全從 0 開始，在這過程中，除了 HTML、CSS、J...
昨天被討薪水，今天還在躲 ... 唉，所以今天就不收作業了。 (兔導今天回學校兼課，帶即將畢業的新兔演員。) 「兔導！ 想請問一下實務上有沒有很便捷的排列方式...
一次收兩份作業的時候到囉！沒寫作業的手伸出來，手心朝上！！ 我！ 再給你一天 XDDD 今天要做的也很簡單哦，那麼，就開始囉！ 材料 一樣，第一個介紹的是...
今天是行前說明的最後一篇了，前面幾篇都是很架構面的知識，而今天要講的就是真的很貼近 UI 元件的分類系統了。 首先想先回答一個問題：「UI 元件為什麼要分類呢...
大家昨天的作業有寫嗎？應該寫得很開心吧 XD 是啊，畢竟可以用這麼簡單的方式來完成，就能觸發 hover 之類的狀態然後改變樣式。這可是原本純 CSS、Sas...
如昨天預告的一樣，今天來介紹元件化開發的技術背景，它是什麼、為什麼重要，最後再講一下元件的開發流程。 首先，「元件化開發」是由於前後端分離跟前端框架的興起而達成...
嗨大家～昨天有沒有試著用 Creator 建立專案呢！ 沒有的話現在趕快去複習哦，因為我們今天會用到～ 之前有說過 Vue 是漸進式的，所以你用多用少都可以，...
嘿～昨天的內容還行嗎？ 「兔兔，昨天突然就接收到大量語法！」 齁，這個我就要說聲不好意思～原本是應該先介紹基本觀念，但我們今天基本觀念要寫在 SFC 裡面練習...
「閃電 + 疾風的組合嗎？ 不錯不錯！」 既然我們之前都說了要用 Vue + Tailwind 來製作元件，那建立一個專案把這兩個東西安裝在一起總是必要的吧？...
(場景快速轉換到兔大王公司) 兔老闆：「這個 logo 要有一點陰影，沒有底色也太單調」「然後這個浮水印刷淡點啊，字都看不到了」「最好是顏色豐富、撞色一點，你...
「最近眼睛都一直盯著電腦，超痠的」「而且這台螢幕還壞掉，不能調整亮度」 這樣啊 ... 辛苦了，不過可以不用調亮度啊，把主題換成深色主題就好了！ 「深色主題？...
「噁 ... 那條是什麼鬼東西啦！」「對啊 ... 也太可怕了吧 ...」 「嘔！ 還很臭欸 ...」「那是阿嬤的裹腳布吧！！！！」 「不是啦 ...，那個就...
兔大媽：「百貨公司在跳樓...大！拍！賣！！！（口水）」「趕快來去搶！！！」 (兔大媽掏出了小卡進行一番熱血的戰鬥) 兔大媽：「哇，害啊，買太多提不回家了....
新章 突入！終於進入到期待已久的第二章 Design System 啦！ 那在講 Design System 之前想要先提到一個觀念：「前期規劃 > 實作...
嘿，今天是怎樣？都沒有人交作業，是不是昨天的太小菜一疊了！ 今天是昨天的延伸，但說難也難不到哪裡去啦～ 因為相信經過前面的兩天，應該已經很清楚步驟了吧？ 跟前...
嗨各位，Tailwind 篇結束了，不知道會不會有人敲碗更多呢？ 還想知道更多的話也沒有問題～不過今天要進入全新的篇章！ 要說為什麼的話 ... 因為要想讓...
終於到了我們的元件篇啦！！！ 今天是第一個元件，所以稍微簡單一點。我們要來做下載的進度條～ 前置作業 我們這次要使用的專案環境是 Vue 的，所以之前建立過...
搋兔
parkerhiphop027
iThome鐵人賽
看影片追技術