iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2 Like 1 留言 8572 瀏覽

鐵人賽 Modern Web DAY 1

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 2 篇

達標好文技術 Day 01：「排版神器 Tailwind CSS？」 - 和兔兔一起快速上手漂亮的元件開發

嗨各位大家好，我是搋兔～！相信大家一定都對我很陌生吧！先來自我介紹一下，我是兔兔教的兔兔，我在「Tailwind CSS 臺灣」的職位是兔兔，而兔兔們的工...

搋兔 ‧ 2021-09-02 ‧團隊IT成長營

7 Like 0 留言 8529 瀏覽

鐵人賽 Modern Web DAY 2

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 3 篇

達標好文技術 Day 02：「Tailwind CSS？那好吃嗎？」- 淺談 Tailwind 的核心概念

嗨各位！我們終於度過了昨天那篇漫長的業配文了，很快的我們就要開始進入主餐部分。雖然你們已經把刀叉拿好了，但是在上主餐之前，必須提醒一下剛吃完前菜的你們：...

搋兔 ‧ 2021-09-03 ‧團隊IT成長營

3 Like 0 留言 6174 瀏覽

鐵人賽 Modern Web DAY 12

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 13 篇

技術 Day 12：「我可不可以 CDN 就好？」- Tailwind 安裝及設定

前面的功能介紹和小練習都度過了，我們現在要來學習如何安裝和設定囉！！！不過說到安裝啊，有些人可能會想：「兔兔！如果我只是想要做簡單的應用和練習呢？還要安...

搋兔 ‧ 2021-09-13 ‧團隊IT成長營

0 Like 0 留言 5694 瀏覽

鐵人賽 Modern Web DAY 7

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 8 篇

技術 Day 07：「金魚模仿遊戲～」- 用 Tailwind 來對齊內容

(今天切換故事主線了喔，別再吐倒了哦) 相信很多在前端打滾、需要用到 CSS 的人，一定或多或少都看過 Amos 的金魚也能懂系列鐵人賽文章吧？還記得有一個...

搋兔 ‧ 2021-09-08 ‧團隊IT成長營

3 Like 0 留言 5648 瀏覽

鐵人賽 Modern Web DAY 4

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 5 篇

技術 Day 04：「當個方塊設計師」- 製作自己的方塊，改變大小並加上背景色彩及邊框

Day 3 的作業有沒有寫呢各位？如果昨天有練習的話，應該覺得不會太難吧！我們今天會用一樣的方式來介紹 + 練習，今天的也不難哦～是做方塊的各種樣式變化那...

搋兔 ‧ 2021-09-05 ‧團隊IT成長營

5 Like 0 留言 5077 瀏覽

鐵人賽 Modern Web DAY 1

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 1 篇

達標好文技術 Day 00：[目錄] 排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！

目錄 Day 1：「排版神器 Tailwind CSS？」 - 和兔兔一起快速上手漂亮的元件開發 Tailwind CSS 篇 Day 02：「Tailwi...

搋兔 ‧ 2021-09-02 ‧團隊IT成長營

1 Like 2 留言 4628 瀏覽

鐵人賽 Modern Web DAY 9

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 10 篇

技術 Day 09：「啊～不要碰我！我會變色～」- 變化模式 (Variants)

欸欸欸！別誤會啊！可別讀完標題就跑掉了。「可是兔兔，你那個標題不妥吧！」齁，我才是覺得你想的不妥咧～那個是會變顏色的意思啦！今天，就是要來介紹一些像是滑...

搋兔 ‧ 2021-09-10 ‧團隊IT成長營

3 Like 2 留言 4273 瀏覽

鐵人賽 Modern Web DAY 3

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 4 篇

技術 Day 03：「開始乘風飛行！」- 樣式都不見了嗎？快用 Tailwind 輕鬆調整文字版式

前一篇啊寫了將近 5000 字的廢話，你們一定看的很煎熬吧 XD但是今天終於可以有進度啦！我們要來開始實作 Tailwind 了！雖然不能一開始就編排美美的...

搋兔 ‧ 2021-09-04 ‧團隊IT成長營

4 Like 1 留言 4130 瀏覽

鐵人賽 Modern Web DAY 11

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 12 篇

技術 Day 11：「動起來！動起來！」- 用 Tailwind 簡單做出過渡和動畫效果

還記得我們在之前做過變化模式嗎？沒錯，就是滑鼠懸停之後會變色的那個。我們今天呢，就是要來幫它們加上過渡效果和動畫！今天我們就不多講廢話了，直接開始吧！ ...

搋兔 ‧ 2021-09-12 ‧團隊IT成長營

3 Like 2 留言 3815 瀏覽

鐵人賽 Modern Web DAY 16

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 17 篇

技術 Day 16：「寶藏，都藏在那裡了！」- Tailwind JIT 模式

JIT、JIT 的叫了這麼多天，終於就是今天了！今天就是要來講解 JIT 模式哦～～ JIT 模式真的快非常非常多，快到你覺得你前面幾天根本在浪費人生 XD...

搋兔 ‧ 2021-09-17 ‧團隊IT成長營

4 Like 1 留言 3682 瀏覽

鐵人賽 Modern Web

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 32 篇

技術 Day 31：「不夠吃了...哪裡還有紅蘿蔔？」- Tailwind 和 Vue 的資源分享

大家有體會到自己建立元件的樂趣嗎？如果沒有也沒關係～因為接下來會分享一些相關資源哦！其實兔兔知道的資源並不是很多啦，因為兔兔的東西都會自己重造輪子 XD 不...

搋兔 ‧ 2021-10-02 ‧團隊IT成長營

0 Like 1 留言 3673 瀏覽

鐵人賽 Modern Web DAY 5

來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光系列第 5 篇

技術 Day 5— 自動化回信機(2) 讀取試算表內容

昨天我們把試算表的前置作業完成，今天我們來看看將別人填表單後送到試算表中的內容怎麼被讀取。首先先來看看昨天的問題： onEdit() 能在 Google 表單...

鳳黃酥 ‧ 2021-09-20

1 Like 1 留言 3586 瀏覽

鐵人賽 Modern Web DAY 29

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 30 篇

技術 Day 29：「欸！你填一下這張表！」- 彈跳視窗、Modal

「注意，您的表單尚未填寫完成」好，我知道了。 (按下確定) 欸？為什麼關不掉！？不是按下確定就要關掉了嗎？這是誰做的爛東西啊，看我怎麼整死你！ (開...

搋兔 ‧ 2021-09-30 ‧團隊IT成長營

1 Like 0 留言 3555 瀏覽

鐵人賽 Modern Web DAY 13

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 14 篇

技術 Day 13：「誰還在背字典？」- Tailwind IntelliSense 插件

嗨大家好，昨天建立的如何呢！我想應該不會遇到太多的困難吧～雖然上次沒有明講，但我想應該大部分人都是用 VS Code 在開發吧？既然如此我們就來介紹個好用...

搋兔 ‧ 2021-09-14 ‧團隊IT成長營

2 Like 0 留言 3417 瀏覽

鐵人賽 Modern Web DAY 6

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 7 篇

技術 Day 06：「愛排隊的兔兔有紅蘿蔔！」- Flex 與 Grid

昨天被討薪水，今天還在躲 ... 唉，所以今天就不收作業了。 (兔導今天回學校兼課，帶即將畢業的新兔演員。) 「兔導！想請問一下實務上有沒有很便捷的排列方式...

搋兔 ‧ 2021-09-07 ‧團隊IT成長營

2 Like 3 留言 3385 瀏覽

鐵人賽 Modern Web DAY 5

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 6 篇

技術 Day 05：「別過來！要保持社交距離！」 Tailwind 中的空間與距離

一次收兩份作業的時候到囉！沒寫作業的手伸出來，手心朝上！！我！再給你一天 XDDD 今天要做的也很簡單哦，那麼，就開始囉！材料一樣，第一個介紹的是...

搋兔 ‧ 2021-09-06 ‧團隊IT成長營

3 Like 0 留言 3116 瀏覽

鐵人賽 Modern Web DAY 19

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 20 篇

技術 Day 19：「通通拿去做雞精啦！」- Vue SFC

嗨大家～昨天有沒有試著用 Creator 建立專案呢！沒有的話現在趕快去複習哦，因為我們今天會用到～之前有說過 Vue 是漸進式的，所以你用多用少都可以，...

搋兔 ‧ 2021-09-20 ‧團隊IT成長營

3 Like 1 留言 3091 瀏覽

鐵人賽 Modern Web DAY 10

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 11 篇

技術 Day 10：「伸縮自如的，橡膠...」- 斷點 / RWD

大家昨天的作業有寫嗎？應該寫得很開心吧 XD 是啊，畢竟可以用這麼簡單的方式來完成，就能觸發 hover 之類的狀態然後改變樣式。這可是原本純 CSS、Sas...

搋兔 ‧ 2021-09-11 ‧團隊IT成長營

0 Like 1 留言 3025 瀏覽

鐵人賽 Modern Web DAY 2

來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光系列第 2 篇

技術 Day 2— 你的第一次聞GAS

今天來直接上手開始我們的 Google Apps Script 之旅啦！我們在使用 Google Apps Script 之前，一定要先了解一件事情： Goo...

鳳黃酥 ‧ 2021-09-17

0 Like 0 留言 2812 瀏覽

鐵人賽 Modern Web DAY 9

來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光系列第 9 篇

技術 Day 9— 物品借用紀錄系統 (1) 基礎建構

今天我們要來製作新的專題：物品借用紀錄微服務！在學校，尤其是行政處室，最常出現的狀況應該就是「借物」這件事情。不過我想應該各種單位應該都是啦～畢竟資源有限嘛...

鳳黃酥 ‧ 2021-09-24

2 Like 0 留言 2762 瀏覽

鐵人賽 Modern Web DAY 20

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 21 篇

技術 Day 20：「資料拿來我就幫你改」- Vue 基礎觀念及常用語法

嘿～昨天的內容還行嗎？「兔兔，昨天突然就接收到大量語法！」齁，這個我就要說聲不好意思～原本是應該先介紹基本觀念，但我們今天基本觀念要寫在 SFC 裡面練習...

搋兔 ‧ 2021-09-21 ‧團隊IT成長營

3 Like 0 留言 2750 瀏覽

鐵人賽 Modern Web DAY 18

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 19 篇

技術 Day 18：「極速開發」- Vitawind

「閃電 + 疾風的組合嗎？不錯不錯！」既然我們之前都說了要用 Vue + Tailwind 來製作元件，那建立一個專案把這兩個東西安裝在一起總是必要的吧？...

搋兔 ‧ 2021-09-19 ‧團隊IT成長營

0 Like 0 留言 2380 瀏覽

鐵人賽 Modern Web DAY 3

來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光系列第 3 篇

技術 Day 3 — 拆解 GAS 的執行

昨天我們寫了第一個 GAS 程式： Hello World ，今天我們來拆解一下我們到底寫了什麼東西。昨天我們直接開始寫程式，還沒有機會好好認識一下 GAS...

鳳黃酥 ‧ 2021-09-18

1 Like 0 留言 2261 瀏覽

鐵人賽 Modern Web DAY 8

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 9 篇

技術 Day 08：「兔老闆的文件」- 半透明的我及有陰影的你

(場景快速轉換到兔大王公司) 兔老闆：「這個 logo 要有一點陰影，沒有底色也太單調」「然後這個浮水印刷淡點啊，字都看不到了」「最好是顏色豐富、撞色一點，你...

搋兔 ‧ 2021-09-09 ‧團隊IT成長營

4 Like 0 留言 2242 瀏覽

鐵人賽 Modern Web DAY 30

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 31 篇

技術 Day 30：「很刺眼，這樣太亮了啦！」- 深色模式切換開關

「最近眼睛都一直盯著電腦，超痠的」「而且這台螢幕還壞掉，不能調整亮度」這樣啊 ... 辛苦了，不過可以不用調亮度啊，把主題換成深色主題就好了！「深色主題？...

搋兔 ‧ 2021-10-01 ‧團隊IT成長營

2 Like 1 留言 2176 瀏覽

鐵人賽 Modern Web DAY 14

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 15 篇

技術 Day 14：「怎麼跟阿嬤的裹腳布一樣啦！」- 提取成元件

「噁 ... 那條是什麼鬼東西啦！」「對啊 ... 也太可怕了吧 ...」「嘔！還很臭欸 ...」「那是阿嬤的裹腳布吧！！！！」「不是啦 ...，那個就...

搋兔 ‧ 2021-09-15 ‧團隊IT成長營

2 Like 0 留言 2169 瀏覽

鐵人賽 Modern Web DAY 15

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 16 篇

技術 Day 15：「你真的不減肥嗎...？」- Tailwind 的生產環境優化

兔大媽：「百貨公司在跳樓...大！拍！賣！！！（口水）」「趕快來去搶！！！」 (兔大媽掏出了小卡進行一番熱血的戰鬥) 兔大媽：「哇，害啊，買太多提不回家了....

搋兔 ‧ 2021-09-16 ‧團隊IT成長營

2 Like 1 留言 2007 瀏覽

鐵人賽 Modern Web DAY 27

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 28 篇

技術 Day 27：「流浪到淡水！」- 手風琴選單

嘿，今天是怎樣？都沒有人交作業，是不是昨天的太小菜一疊了！今天是昨天的延伸，但說難也難不到哪裡去啦～因為相信經過前面的兩天，應該已經很清楚步驟了吧？跟前...

搋兔 ‧ 2021-09-28 ‧團隊IT成長營

2 Like 0 留言 1850 瀏覽

鐵人賽 Modern Web DAY 17

排版神器 Tailwind CSS～和兔兔一起快速上手漂亮的元件開發！系列第 18 篇

技術 Day 17：「我們，是好朋友哦～」- Vue 簡介

嗨各位，Tailwind 篇結束了，不知道會不會有人敲碗更多呢？還想知道更多的話也沒有問題～不過今天要進入全新的篇章！要說為什麼的話 ... 因為要想讓...

搋兔 ‧ 2021-09-18 ‧團隊IT成長營

0 Like 0 留言 1846 瀏覽