技術問答
技術文章
iT 徵才
Tag
聊天室
2023 鐵人賽
登入/註冊
問答
文章
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
5023 瀏覽
目錄
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系列文
訂閱系列文
176
人訂閱
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鐵人賽
參賽組數
1123
組
團體組數
52
組
累計文章數
23095
篇
完賽人數
656
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
2018鐵人賽
javascript
2017鐵人賽
python
windows
php
c#
windows server
linux
css
程式設計
react
vue.js
熱門問題
目前IT會被AI取代嗎
API 行為有辦法攔截嗎?
桌機出現無預警自動關機狀況
請問大家克服壓力源的辦法
詢問取得訪客IP問題
關於基本伺服器防護
請問有沒有無線滑鼠內建無線麥克風的,懶得打字,想要直接用唸的搜尋.有沒有什麼好的方法?謝謝!!
請問EXCEL為什麼抓不到網頁資料
覆盤
windows 系統管理員帳戶被鎖定後,是否會影響由Administrator啟用的服務運作?
熱門回答
目前IT會被AI取代嗎
桌機出現無預警自動關機狀況
請問大家克服壓力源的辦法
請問有沒有無線滑鼠內建無線麥克風的,懶得打字,想要直接用唸的搜尋.有沒有什麼好的方法?謝謝!!
詢問取得訪客IP問題
熱門文章
一步一步安裝 VigorConnect v1.9.0 for Synology NAS Docker 容器
Y2K後的下一個挑戰 -- 2038
[C#] 湊零錢解法
[C#] 費氏數列解法
「天文學Python」如何在《獵星者旅店》中學會用Python取得亮星資料來繪製二維全天空星圖?
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}