技術問答
技術文章
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
5442 瀏覽
分享至
目錄
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
組
累計文章數
22183
篇
完賽人數
597
人
看影片追技術
看更多
{{ 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
熱門問題
請教舊電腦架網站的防護措施
qr code生成多功能系統
如何用指令自動偵測有插網線的網卡IP
administrators群組成員的管理員權限不見
請示ip位置的問題
大量寄信伺服器詢問
Web Application 與Web Service 的差異
AB兩點網路使用LTE數據機做連接
如何自製搜尋引擎
倉頡輸入問題
熱門回答
請教舊電腦架網站的防護措施
如何讓在中國的同事可以穩定的使用台灣總部的系統服務
AB兩點網路使用LTE數據機做連接
administrators群組成員的管理員權限不見
如何自製搜尋引擎
熱門文章
Python 中的控制流:讓程式更靈活
Win11 24H2 終於對 NTLM 動手了(感動
Microservice Pattern 犧牲了什麼?
卷 31:iThome 鐵人賽寫作攻略——新手必看指南
Python for in 迴圈與 Tuple 解構
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}