Improving Tailwind by doing these 3 things

  Рет қаралды 2,899

Andrew Schmelyun

Andrew Schmelyun

Күн бұрын

Tailwind CSS is a utility-first library that's had some pretty extreme opinions since it was initially released over 5 years ago.
In this video, I give a basic overview of what Tailwind CSS is and how it can improve your productivity as a developer. I also talk about what pitfalls are commonly mentioned during discussions about Tailwind and how you can remedy those in your own applications.
If you haven't given Tailwind a try yet, I suggest you spin up a project with it and form your own opinion. Don't let me sway you!
- 0:00 Intro
- 0:36 What is Tailwind?
- 4:21 Refactor as components
- 7:20 Use the configuration
- 10:51 Plugins are an option
- 12:22 Build production assets
- 14:11 Wrapping up
Send me new video ideas and vote on what's coming next: suggest.gg/aschmelyun
Follow me on Twitter! / aschmelyun
Join my newsletter, where I send out new information about twice a month in the PHP, JavaScript, and Docker realms: aschmelyun.substack.com

Пікірлер: 13
@mzzegarra
@mzzegarra 6 ай бұрын
I was one of those haters... Now I'm a Tailwind fan. Moving to a new modern way to build web app. Tailwind is so refreshing
@jsk9559
@jsk9559 9 ай бұрын
Great video. Very informative!
@rickybarabba7866
@rickybarabba7866 9 ай бұрын
Good points! 👏
@aarondfrancis
@aarondfrancis 9 ай бұрын
vv good tips! Love your videos
@mintdev
@mintdev 8 ай бұрын
Thanks!!
@Tuto1902
@Tuto1902 9 ай бұрын
Team Tailwind ✊🏻
@amanuelmekashaw8738
@amanuelmekashaw8738 2 ай бұрын
i was screaming tailwind JIT very nice video
@jakubvokoun81
@jakubvokoun81 9 ай бұрын
I'm not that great at context switching, so I kinda like the Tailwind approach. Anyway, good points. :⁠-⁠)
@juanmacias5922
@juanmacias5922 9 ай бұрын
Being able to use DaisyUI sounds super cool, had no idea you could do that! Also, you could technically customize your tailwind inline (p-[5px]), although it's probably not a great idea, since you might want to make it more uniform, the way you showed.
@aschmelyun
@aschmelyun 9 ай бұрын
I'm not a massive fan of the inline tailwind classes, mainly for the point you just said (uniformity). Although if you absolutely have to have that pixel-perfect precision, it's not that bad. I'd probably just end up refactoring that to a specific class at that point!
@juanmacias5922
@juanmacias5922 9 ай бұрын
​@@aschmelyun exactly! Just thought I'd mention it, in case we got any "But I need 5px of padding" stragglers! lol
@Pedram-cy3wu
@Pedram-cy3wu 9 ай бұрын
Daisyui is great
@pashbat
@pashbat 9 ай бұрын
just go good old bootstrap
A few different ways to seed databases in Laravel
13:02
Andrew Schmelyun
Рет қаралды 3,6 М.
Is Tailwind CSS No Longer Needed? A Look Into UnoCSS!
12:21
Program With Erik
Рет қаралды 60 М.
Женская драка в Кызылорде
00:53
AIRAN
Рет қаралды 486 М.
Jumping off balcony pulls her tooth! 🫣🦷
01:00
Justin Flom
Рет қаралды 12 МЛН
Nastya and SeanDoesMagic
00:16
Nastya
Рет қаралды 33 МЛН
Pleased the disabled person! #shorts
00:43
Dimon Markov
Рет қаралды 27 МЛН
A Response to  You don't need a frontend framework
30:59
wat the doodle!
Рет қаралды 4,2 М.
Can we use Laravel as a Next.js alternative?
20:13
Andrew Schmelyun
Рет қаралды 16 М.
Goodbye Tailwind CSS and Welcome to PandaCSS
20:25
CoderOne
Рет қаралды 15 М.
You don't need a frontend framework
15:45
Andrew Schmelyun
Рет қаралды 116 М.
How Did I Not Know This TypeScript Trick Earlier??!
9:11
Josh tried coding
Рет қаралды 207 М.
Large Tailwind Components - What to do About All Those Classes
25:18
Frontend FYI – by Jeroen
Рет қаралды 35 М.
Let's create a filter table component in Vue
30:53
Andrew Schmelyun
Рет қаралды 22 М.
Новые iPhone 16 и 16 Pro Max
0:42
Romancev768
Рет қаралды 2,1 МЛН
low battery 🪫
0:10
dednahype
Рет қаралды 937 М.
НЕ БЕРУ APPLE VISION PRO!
0:37
ТЕСЛЕР
Рет қаралды 371 М.
تجربة أغرب توصيلة شحن ضد القطع تماما
0:56
صدام العزي
Рет қаралды 63 МЛН