技術問答
技術文章
iT 徵才
Tag
聊天室
2024 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2021 iThome 鐵人賽
DAY
1
5
Modern Web
排版神器 Tailwind CSS~和兔兔一起快速上手漂亮的元件開發!
系列 第
1
篇
Day 00:[目錄] 排版神器 Tailwind CSS~和兔兔一起快速上手漂亮的元件開發!
13th鐵人賽
vue.js
tailwindcss
元件開發
兔兔教
搋兔
團隊
IT成長營
2021-09-02 00:11:02
5454 瀏覽
分享至
目錄
Day 1:「排版神器 Tailwind CSS?」 - 和兔兔一起快速上手漂亮的元件開發
Tailwind CSS 篇
Day 02:「Tailwind CSS?那好吃嗎?」- 淺談 Tailwind 的核心概念
Day 03:「開始乘風飛行!」- 樣式都不見了嗎?快用 Tailwind 輕鬆調整文字版式
Day 04:「當個方塊設計師」- 製作自己的方塊,改變大小並加上背景色彩及邊框
Day 05:「別過來!要保持社交距離!」- Tailwind 中的空間與距離
Day 06:「愛排隊的兔兔有紅蘿蔔!」- Flex 與 Grid
Day 07:「金魚模仿遊戲~」- 用 Tailwind 來對齊內容
Day 08:「兔老闆的文件」- 半透明的我及有陰影的你~
Day 09:「啊~不要碰我!我會變色~」- 變化模式 (Variants)
Day 10:「伸縮自如的,橡膠...」- 斷點 / RWD
Day 11:「動起來!動起來!」- 用 Tailwind 簡單做出過渡和動畫效果
Day 12:「我可不可以 CDN 就好?」- Tailwind 安裝及設定
Day 13:「誰還在背字典?」- Tailwind IntelliSense 插件
Day 14:「怎麼跟阿嬤的裹腳布一樣啦!」- 提取成元件
Day 15:「你真的不減肥嗎...?」- Tailwind 的生產環境優化
Day 16:「寶藏,都藏在那裡了!」- Tailwind JIT 模式
Vue 篇
Day 17:「我們,是好朋友哦~」- Vue 簡介
Day 18:「極速開發」- Vitawind
Day 19:「通通拿去做雞精啦!」- Vue SFC
Day 20:「資料拿來我就幫你改」- Vue 基礎觀念及常用語法
Day 21:「爸爸說,家裡要重新裝潢了」- 關於樣式的屬性綁定講解
Day 22:「您好,歡迎登入 Vuta 奇幻世界」- 事件處理
Day 23:「兒子,這是你的零用錢」- 元件間的資料傳遞
Day 24:「Switch 也要換遊戲片啦~」- Slot 插槽
元件開發篇
Day 25:「好慢喔,下載多少了?」- 進度條
Day 26:「按鈕博物館」- 輕鬆變化各種按鈕元件
Day 27:「流浪到淡水!」- 手風琴選單
Day 28:「今天幾月幾號啊?」- 簡易日曆
Day 29:「欸!你填一下這張表!」- 彈跳視窗、Modal
Day 30:「很刺眼,這樣太亮了啦!」- 深色模式切換開關
後記
敬請期待
關於兔兔們:
Tailwind CSS 臺灣官網
Tailwind CSS 臺灣
(臉書粉絲專頁)
兔兔教 × Tailwind CSS Taiwan
(臉書社群)
兔兔教大本營
留言
追蹤
檢舉
下一篇
Day 01:「排版神器 Tailwind CSS?」 - 和兔兔一起快速上手漂亮的元件開發
系列文
排版神器 Tailwind CSS~和兔兔一起快速上手漂亮的元件開發!
共
32
篇
目錄
RSS系列文
訂閱系列文
178
人訂閱
28
Day 27:「流浪到淡水!」- 手風琴選單
29
Day 28:「今天幾月幾號啊?」- 簡易日曆
30
Day 29:「欸!你填一下這張表!」- 彈跳視窗、Modal
31
Day 30:「很刺眼,這樣太亮了啦!」- 深色模式切換開關
32
Day 31:「不夠吃了...哪裡還有紅蘿蔔?」- Tailwind 和 Vue 的資源分享
完整目錄
直播研討會
{{ item.subject }}
{{ item.channelVendor }}
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
1064
組
團體組數
40
組
累計文章數
22202
篇
完賽人數
602
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
windows server
linux
css
react
vue.js
熱門問題
熟識南投軟體工程師推薦
筆電無法使用usb開機重裝系統
CCNA相關問題詢問
要怎知道LINE使用者的使用地址
電商在販售商品時,可以自行縮短保固期限嗎?
求救 有人會修改cookie權限嗎
防火牆互通問題
桌面的使用者文件圖標壞掉
函數問題
Cisco 防火牆密碼確認正確,可是無法登入
熱門回答
防火牆互通問題
開啟Microsoft Edge 瀏覽器無法開啟網頁,出現錯誤訊息
電商在販售商品時,可以自行縮短保固期限嗎?
筆電無法使用usb開機重裝系統
if函數中的>&<&=是否可以使用儲存格代替
熱門文章
[翻譯]使用AI工具寫程式碼時如何避免「AI幻覺」?
每日一篇學習筆記 直到我做完專題 :( [Day3]
每日一篇學習筆記 直到我做完專題 :( [Day4]
每日一篇學習筆記 直到我做完專題 :( [Day5]
每日一篇學習筆記 直到我做完專題 :( [Day6]
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}