Learn Tailwind CSS by making a Cheatsheet | (30 Key CSS Properties)
⏳ Bookmark the Tailwind CSS Cheatsheet here 👉 https://danisler.com/dev/tailwind-css...
Creating a Tailwind CSS Cheatsheet to help myself and others learn Tailwind CSS.
💻 See how I built my latest app, Timeva from day 1 to day 30
Day 1: • Senior developer codes ENTIRE electro...
📕 My story
Hey coders. I'm Dan Isler, an indie developer from Minneapolis, Minnesota.
I've been coding for 10+ years now and after grinding out code for tech companies I decided I wanted to prove to myself that I could build valuable software on my own terms. I quickly learned coding is only a third of the story. I'm learning to put together the remaining pieces in order to become a true indie developer.
In success or failure - I'll see you in the next one!
⌨️ Technology
Tailwind CSS https://tailwindcss.com/
Vite https://vitejs.dev/
Vue.js https://vuejs.org/
✅ Follow me here
Timeva https://timeva.app/
Twitter / indydevdan
Instagram / indydevdan
Indiehackers https://www.indiehackers.com/IndyDevDan
Pianist / @ryanisl
Website https://danisler.com/
📖 Chapters
0:00 Intro
0:20 Create Vue.js app
1:20 Install Tailwind CSS
4:40 30 CSS Properties
5:05 Creating Cheatsheet Component
6:05 Text color
9:15 Background color
11:29 Text size
13:15 Text alignment
14:15 Width & height
18:10 Padding & margin
21:55 X & Y spacing
25:35 Visibility
26:45 Border
29:14 Border radius
33:09 Shadow
35:35 Opacity
36:40 Cursor pointer
39:00 Transitions
44:30 Flex
47:00 Flex wrap
49:55 Justify content space between
51:45 Justify content space around
53:40 Flex gap
57:40 Columns
1:00:45 CSS grid
1:03:24 Responsive design
1:07:45 Absolute position
1:11:25 Fixed position
1:14:32 Z-index
1:18:20 Preset themes & Custom themes
1:22:40 My thoughts on Tailwind CSS
1:23:17 What do you think?
👥 Hashtags
#copilot #vue #tailwindcss
