Is Tailwind Taking Over CSS? (and some other insights)

  Рет қаралды 59,067

Kevin Powell

Kevin Powell

Күн бұрын

Пікірлер: 183
@BenBaudart
@BenBaudart Жыл бұрын
Apparently, Kevin, you're also the second most popular source of leads for the State of CSS, besides the State of CSS itself (see Demographics > Source). Thank you for all the videos, always entertaining while being very educational.
@radadadadee
@radadadadee Жыл бұрын
well, that explains why he would be on top of "who you follow"
@Lordyung89
@Lordyung89 Жыл бұрын
Kevin is also insanely good at css. He understands it way better than I will ever.
@ultiumlabs4899
@ultiumlabs4899 11 ай бұрын
Who is the other one you follow?
@kevbonett
@kevbonett Жыл бұрын
Congrats Kevin on being #1. Well deserved!!!
@KB04
@KB04 Жыл бұрын
The reason i voted for you in this survey was not due to you being the "face" of web devs or whatever on youtube, but because out of every youtuber i have ever tried learning css from, you explain things in just the right way, you are like the perfect teacher for anyone wanting to learn css, your videos may or may not make people the best in the world in css or whatever, but you definitely get people far. you are literally the reason i am good at css and html right now. anyways i just wanted to say this because i believe it to be true :)
@IamPetrus
@IamPetrus Жыл бұрын
same here. Gracias Kevin!
@chrisday1274
@chrisday1274 Жыл бұрын
Nice to know that the extreme noise surrounding Tailwind on social media doesn't necessarily represent real world usage... The love/hate aspect of anything spreads like wildfire on social media. Those algorithms just love us arguing with each other 😂 Lot's of other very interesting insights here, especially if you're an advocate for #a11y… Sad to see the low numbers regarding testing, but reminds us all to ensure we keep sharing our knowledge around in this aspect.
@DeineWebschmiede
@DeineWebschmiede Жыл бұрын
I think that Tailwind CSS may not be the best choice when working with a CMS like WordPress. In such cases, I prefer using vanilla CSS for CMS templates. However, Tailwind CSS is excellent for React apps or websites.
@jshstuff
@jshstuff Жыл бұрын
Every 2 weeks or so I visit css tricks just in case by chance they’ve made a post again, and every time I seriously feel like crying. It makes me so sad that they killed it off suddenly and without explanation. It’s the main thing that inspired me to love CSS and I’d spend every morning reading the latest posts while I had my coffee. It was so helpful to my career but more than that it just felt like a safe place to me where there were people like me talking about how to do cool things. Every time I visit I hope that just maybe they’ve posted **anything**, but it’s a graveyard. And that makes me tear up.
@KevinPowell
@KevinPowell Жыл бұрын
I could be wrong, but I'm pretty sure they've officially stopped bothering with it, sadly. Like you said, it was such an incredible source of knowledge and inspiration, and it's mind blowing how fast they managed to kill it.
@MrDenertog
@MrDenertog Жыл бұрын
@@KevinPowell isn't part of it got to do with their first tweet after they bought CSS-tricks? it was about promoting the font-size: 62.5% thing "to ease calculations with em/rem"
@feldinho
@feldinho Жыл бұрын
My approach to screen readers is to have a very clean accessibility tree on chrome devtools and everything usable by keyboard. I only fire up VoiceOver sparingly to double check, but I've never seen that fail.
@shontam
@shontam Жыл бұрын
I would love to see you recreate components from TailwindUI in vanilla CSS! Also, to cover and give your thoughts on Refacting UI. Just discovered Tailwind CSS I gotta say it's pretty slick as a design system. Took me a while to wrap my head around TW CSS and frameworks in general. I think theres a severe lack of videos covering the basic concepts of how these frameworks... work and how to use them explained in simple basic terms. For someone new to them it's really confusing. Also, a good video would be on how to make your own framework based around your own personal style. Always look forward to your new videos!
@kevbonett
@kevbonett Жыл бұрын
It's such a shame that Digital Ocean have effectively killed CSS Tricks. 😥
@ScriptRaccoon
@ScriptRaccoon Жыл бұрын
Yeah :/. But at least there are still lots of useful articles we can read. I also often find them when I search for something. So the project is not really dead, it's just frozen, I would say.
@groovebird812
@groovebird812 Жыл бұрын
since when is css tricks powered by digital ocean? what is now the future of this page?
@Klrfl101
@Klrfl101 Жыл бұрын
​@@groovebird812the announcement was from 15 March last year.
@WyzrdCat
@WyzrdCat Жыл бұрын
Buying a beloved property just to kill it off is one of the most evil things you can do. I will NEVER use or recommend Digital Ocean, EVER.
@HorstKirkPageKian
@HorstKirkPageKian Жыл бұрын
Could you please briefly explain what you mean, or point me to a source where I can read abou it?
@DanielRios549
@DanielRios549 Жыл бұрын
12:19 Subgrid, :has and container queries are the main features I would like to use, but I don't because the browsers support is not ideal yet, It is good to see I'm not alone
@AliKurnaz
@AliKurnaz Жыл бұрын
Congratulations Kevin!
@dogoku
@dogoku Жыл бұрын
On the topic of Tailwind, I am definitely in the it's not for me camp. I have tried it, I am even using it in a current project and I feel like tailwind cannot replace plain css, at least not completely. I constantly run into things that I want to do that I could do in css, but in tailwind is not possible or it would be too hard to read all the classes or people are just saying do it with javascript.
@ScriptRaccoon
@ScriptRaccoon Жыл бұрын
Amen.
@TheNewton
@TheNewton Жыл бұрын
it's for prototyping and teams needing to ship fast. Beyond that it's a delusional ecosystem.
@encapsule2220
@encapsule2220 Жыл бұрын
u know u could use tailwind and vanilla css together right?
@neodevils
@neodevils Жыл бұрын
I just want to say, I love using raw CSS instead Tailwind.
@DucklengUgly
@DucklengUgly Жыл бұрын
Picked up TW when I had the chance and midway through the project just switched back to vanilla CSS lol
@thecoderabbi
@thecoderabbi Жыл бұрын
+1
@ScriptRaccoon
@ScriptRaccoon Жыл бұрын
So well deserved that you are number 1 of the people we follow for CSS 🙌! I learned a LOT of modern and advanced CSS from your videos, and I just love how you present the content. Even for simple concepts you always provide additional background info - showing that you did a lot of research. I appreciate it very much that you share all this knowledge with us! 🤝 And on top of that, you are just such a nice guy ❤. You just proved it again by your humble reaction to the result of the survey. So many reasons that I don't miss a single of your videos. 🚀
@digigoliath
@digigoliath Жыл бұрын
Totally agree. Kevin is simply Awesome!!
@JBurky15
@JBurky15 Жыл бұрын
I still use Sass a lot, not with every project, but quite a bit. I'm in the boat with you though when it comes to not using TailwindCSS, I'm just personally not a big fan of it.
@outpost31737
@outpost31737 Жыл бұрын
I did use Tailwind for a while but I went off it. Too much HTML and classes to remember. Much prefer writing CSS intuitively.
@coldcircuit99
@coldcircuit99 Жыл бұрын
Indeed, just use emmet if writing props feels slow.
@byuinachi
@byuinachi Жыл бұрын
Just build tailwind html blocks into components for better maintainability
@HorizonHuntxr
@HorizonHuntxr Жыл бұрын
This all works great until there are hundreds of css files with dozens of developers working on a large project then writing css natively doesn't scale at all
@outpost31737
@outpost31737 Жыл бұрын
@@HorizonHuntxr I don't have dozens of developers working for me so my preferred method works well for me and my clients.
@MightBeRasor
@MightBeRasor Жыл бұрын
Many classes to remember? They are literally the names of the css properties 🤨
@JonMarkDeane
@JonMarkDeane Жыл бұрын
I've fully gone over to using Tailwind now. It's made me much faster and it's so much easier for editing existing components. BUT I can't believe anyone could make good use of it if they don't understand the underlying CSS. Everytime I type in a tailwind class I'm imagining in my head the CSS it is representing (or, if I forget, allowing VS Code to tell me with a tooltip) so I can still comprehend how things will cascade and inherit. And for more complicated circumstances one still has to be able to roll your own CSS (for some funky grid setups, for example).
@FlorinPop
@FlorinPop Жыл бұрын
The GOAT stays in the top! Well deserved 👏
@indexzet
@indexzet Жыл бұрын
tailwind is amazing. I always check the stack of sites I visited - more and more often I see tailwind used.
@nickthiru
@nickthiru 3 ай бұрын
Open Props, baby! Yeah!
@mcsoud
@mcsoud Жыл бұрын
I hope you have videos concerning all these properties cause I have never heard of most of these.
@RobinRowell
@RobinRowell 11 ай бұрын
I didn't read through all of the above comments, but I love working with Tailwind as well as working with vanilla CSS and SASS. That being said it is important to know how to use CSS before reaching for Tailwind. I simply view Tailwind as an alternate way to apply CSS. Maybe the thing I like most about Tailwind is the configurable design system out of the box (and tree shaking).
@Zashxq
@Zashxq Жыл бұрын
im working on a new css framework right now 😅 and the state of CSS survey has given me a ton to learn about on this journey. it's fantastic to see the CSS community bustling with ideas and modern approaches to web development. gives me a lot to do!
@maurolimaok
@maurolimaok 8 ай бұрын
First things first. I'm doing the Odin Project, and watching your videos... thanks a lot. I'm 56, no more time to lose. Now, a point of view I would like to share. It's a kind of easy to play guitar, but those who understand music theory have much more insights, or material for creativity, due to that. I really will learn the root thing before easy my way with these tools, due to that. Tools do not provide creative thinking, problem-solving thinking.
@normanejm
@normanejm Жыл бұрын
Congrats Kevin!!!!! 💛💛💙❤
@Lucsy3012
@Lucsy3012 Жыл бұрын
I wished I knew about the survey, I feel like I also miss these kinds of things 😅 Subscribed for the newsletter now, maybe I'll be able to take part next year
@charlesc2095
@charlesc2095 Жыл бұрын
CSS frameworks have come and gone over the almost 2 decades Ive been working with websites and I have dipped my toes (well, actually for a few instances deeper than that) but I always find myself relying more and going back to just pure CSS. Theres a certain amount of peace of mind that although frameworks trends rise and fall every day, you can always be sure to rest on the foundation of knowing how to create and edit clean and lean pure css.
@mihao-runs
@mihao-runs Жыл бұрын
love tailwind from the beginning. never leave the code anymore. easy to use. even for small projects.
@digigoliath
@digigoliath Жыл бұрын
Love this survey and U R awesome.
@osman3404
@osman3404 Жыл бұрын
I am a fan who honestly, also wishes you also make tailwind content. I always re-implement the design ideas I learn from you into tailwind so I feel there is more similarities and that much divide.
@ConorBailey
@ConorBailey Жыл бұрын
Tried tailwind. Hated it. Each to their own.
@lukas.webdev
@lukas.webdev Жыл бұрын
Great video! 🔥
@obelisk.5890
@obelisk.5890 Жыл бұрын
Thank you for helping me fall in love with CSS
@yankee-in-london
@yankee-in-london 2 ай бұрын
I know i'm about a year late in watching this but I think it's important to understand that UnoCSS is largely a drop in replacement for TailwindCSS (if you use the default settings) but goes a bit further in allowing you to create your own grammars/rules/etc. In a way -- though it's definitely an imperfect comparison -- it's like JS and TS being considered different languages when compared against other languages. It tries to distinguish these two flavors but in doing so reduces the overall dominance that JS/TS and Tailwind/Uno have in the space they occupy.
@modernkennnern
@modernkennnern Жыл бұрын
@property is - according to caniuse - actually coming to Firefox in 119 as well (117 released late august for reference)
@rand0mtv660
@rand0mtv660 Жыл бұрын
17:03 this seems like a bug in the survey. ":has" is shown as most adopted, but then text below talks about gap support for flexbox. It looks like only the comments award is shown properly.
@intsfanatic
@intsfanatic Жыл бұрын
@12:59 SVG-in-CSS. Anyone know what is meant by that? U can define svg backgrounds in css when encoded.
@mjacksonjones
@mjacksonjones Жыл бұрын
I hire/manage product teams, and I wouldn't bring in an external team without using tailwinds. It's ok to have custom css but for maintainability, bringing in new devs, and long term maintenance I think tailwind css is great.
@Ladefuss
@Ladefuss Жыл бұрын
I see the advantages of using Tailwind but i simply cannot make myself write such bloated html. I prefer to focus on writing minimalistic and efficient css.
@stevenismart
@stevenismart Жыл бұрын
You are the face of CSS
@emin-altan
@emin-altan Жыл бұрын
Thanks Kevin
@KB04
@KB04 Жыл бұрын
And i mean that seriously, its to the point that i wish there was someone on the internet just as good as you at teaching and being entertaining in javascript instead of html and css. In fact please do let me know if there is anyone you know of that you think is great at teaching javascript whether it be in text or video form. (As you probably can tell i value your opinion very highly...)
@KevinPowell
@KevinPowell Жыл бұрын
Web Dev Simplified is pretty good imo, and an underrated channel is @DaveGrayTeachesCode
@KB04
@KB04 Жыл бұрын
Thanks, I appreciate the response :)
@hsdev
@hsdev Жыл бұрын
Congrats! Kevin on being Numero Uno 👏
@mmuralikrishna2881
@mmuralikrishna2881 Жыл бұрын
Great topic
@arash_vaziri
@arash_vaziri Жыл бұрын
Congrats on being no #1 ! Also, Panda is used to convert sass,scss to css on early days before ruby scripts and VSCODE extension which in most cases deprecated by new tools
@hichamabboud9672
@hichamabboud9672 Жыл бұрын
out of curiosity which framework are you using? thank you
@gro967
@gro967 Жыл бұрын
UnoCSS to rule them all!
@arpd16
@arpd16 Жыл бұрын
He is number 1 and doesn't want to be called king. Our humble king you got it we'll deserved 💛
@zeninja5421
@zeninja5421 Жыл бұрын
Hi I try to make personal projects and struggle with picking colors. What rule should I follow maybe make new video on this topic since you are the best thanks!
@wartab
@wartab Жыл бұрын
I'm really curious if there's any correlation between React and Tailwind usage. It always feels like people only like Tailwind because React doesn't really allow styled components unlike other frameworks.
@TubeKens
@TubeKens Жыл бұрын
First of all great channel...The answer to the question is; most likely. But there is no greater mark on a design process and outcome then the creativity inspired by vanilla CSS. Although Tailwinds does leave room for some ingenuity, I find it's like working with another artists' brush. CSS is the art work, not the framework.
@AWS-Certified
@AWS-Certified Жыл бұрын
I write my css in vue JS as an object with values of css
@TheCulturedSwine
@TheCulturedSwine Жыл бұрын
Hey Kevin, as a pro in CSS what do you use to make a Streamlit project look good? Pure CSS, Tailwind…?
@swingoutmuseum6454
@swingoutmuseum6454 Жыл бұрын
Kevin, please guide me. I'm a newbie learning CSS. Should I expend any effort learning Tailwind. Please explain how this is going to help me.
@vrildox-to7ir
@vrildox-to7ir Жыл бұрын
I think you should have a solid understand of css before even considering tailwind css
@swingoutmuseum6454
@swingoutmuseum6454 Жыл бұрын
@@vrildox-to7ir , please somebody explain why I should learn tailwind css.
@KevinPowell
@KevinPowell Жыл бұрын
Tailwind is just a tool that can help you work a bit faster, if you don't have a good understanding of CSS itself it won't really help at all
@nova2wl
@nova2wl Жыл бұрын
You have to know CSS to use tailwind. If you don’t understand css at all then tailwind isn’t going to work.
@shahram.najafi
@shahram.najafi Жыл бұрын
hello dear, can you tell me about your mic, mixer and camera?
@aishwaryaverma3821
@aishwaryaverma3821 Жыл бұрын
Sir I am new frontend developer and I use simple css. I was thinking of learning tailwind.Can you help me in what css library i should learn to grow more
@0xtz_
@0xtz_ Жыл бұрын
I started css bc of u 😂, when u start tailwind I'm 1000% in Hhhh
@relja_
@relja_ Жыл бұрын
Cant wait for the subgrid 😂
@kevbonett
@kevbonett Жыл бұрын
Tailwind. Hmmm... that's a contentious one, eh? I'm old school, and have always hand-written my own CSS (using OOCSS/SMACSS/BEM methodologies, etc), creating components/legos. I personally hate Tailwind. I had to use it in 1 project, and it killed me a little every day. But... I do understand why some people love it, especially if they're not so well versed in the nuances of CSS (i.e. cascade/inheritance/specificity).
@mahadevovnl
@mahadevovnl Жыл бұрын
Agreed 100%. That's the problem that CSS needs to fix, IMO. I've solved it with using SCSS modules (e.g. Component.module.scss), requiring me to name my CSS class exactly the same as my component. And, like Kevin, I simply select my nested HTML elements (semantics matter!) instead of coming up with more class names. When CSS supports proper scoping (work in progress) I'm sure it'll take a turn for the better. For now, only web components can scope CSS to a single component using vanilla HTML/CSS. Unless you use pre-processors like SASS and (S)CSS modules.
@HeyJes
@HeyJes Жыл бұрын
I personally hate it too, I think it’s an abomination. IMHO it was designed for JavaScript nerds who don’t know how to design anything. That said I don’t use any frameworks unless I have to, I use my own custom tools built with Sass so idk. 🤷‍♂️
@kevbonett
@kevbonett Жыл бұрын
@@mahadevovnl I've recently used Astro on a couple of small projects, and I used a mix of "global" CSS/Sass partials for setting up custom properties / reset / typography / grid system, then locally scoped "inline" CSS inside the Astro components. It worked really well.
@rand0mtv660
@rand0mtv660 Жыл бұрын
To be honest I kinda do like Tailwind and I do understand CSS nuances you mentioned and in the past I've used many CSS methodologies you mentioned in your comment. I think it's bad to generalize like this implying "Tailwind is used by developers that don't know CSS". You cannot really use Tailwind if you don't know how to use CSS. As with everything else in programming, it's just a matter of tradeoffs. I wouldn't use Tailwind for a landing page or a simple website with few pages. On the other hand if I'm working on some modern component based application, then it's definitely a good candidate for a project.
@mahadevovnl
@mahadevovnl Жыл бұрын
@@rand0mtv660 The point with "You cannot really use Tailwind if you don't know how to use CSS." is that if you knew CSS, you would use CSS. Those who default to TW don't know CSS (also in my experience interviewing many people) and they make a huge spaghettified mess of it. TW is tech debt from day one, a complete vendor lock-in, and is full of anti-patterns. My guess? Five years from now, as CSS keeps evolving, TW will be a thing nobody likes or wants to work with anymore (like Bootstrap has fallen out of fashion, which is much less opinionated and divisive) and, well, good luck finding people to help you maintain your monstrosity of an app with 10+ to 20+ or even 40+ of utility classes in every single HTML element in your ENTIRE app. It's not future-proof. Saying "TW is CSS" is just a way of saying: "I don't know what I'm talking about." I'm seriously astonished at how many people like something this stupid :D
@oscarthroedsson1410
@oscarthroedsson1410 Жыл бұрын
Have you thought about doing CSS news or JS news? That you scroll news. and talk about it?
@unl0ck998
@unl0ck998 Жыл бұрын
Mobile traffic surpassed the 50% of total traffic a couple of years ago, its crazy that drop off in testing.
@ScriptRaccoon
@ScriptRaccoon Жыл бұрын
I hope that they at least test in responsive mode (on their desktop device).
@inasuma8180
@inasuma8180 Жыл бұрын
tailwind is fine, but it isn't a silver bullet. i still find writing stylesheets to be very enjoyable although using tailwind or similar tools for quick projects is still awesome.
@animancy9824
@animancy9824 Жыл бұрын
I feel like Tailwind is new Bootstrap.
@oliver139
@oliver139 Жыл бұрын
Not really like those CSS framework (Tailwind, Bootstrap etc.) What I think is..the time I spend on searching relevant classes to apply the style is too much, where I just need a couple of seconds to apply the style if I type the CSS out. Beside, I just don't like the HTML DOM look so mess with so many classes..
@aurelian3401
@aurelian3401 Жыл бұрын
Hello folks, do you agree that many frameworks are chosen by the leaders, not by the programmers?
@lukas.webdev
@lukas.webdev Жыл бұрын
Yes, for sure. 😉
@thedacian123
@thedacian123 Жыл бұрын
A video about anchor attribute ,please?
@oq1106
@oq1106 Жыл бұрын
Ive tried to get into Frameworks a lot, because it always felt like people who take webdesign seriously use css frameworks. But always out of like "obligation". But honestly, after like 15 years, I'm gonna stand up and say it: Pure CSS is very writable, you don't need a framework to make your life easier here. Especially if you go for smart, minimalistic solutions. I'd say you even come out on top if you count all the setup and the compatibility issues created by switching other frameworks in your project. Pure CSS just works and you can slap open the dumbest text editor and fix a small problem in a minute instead of going through all the overhead created by the framework. The lot of them feel like taking your car out for a 200m drive to the supermarket instead of walking.
@vrildox-to7ir
@vrildox-to7ir Жыл бұрын
I don't use tailwind css for large project
@weLiveInSociety
@weLiveInSociety Жыл бұрын
*Ayo, chill. I just started learning CSS* 😭
@anasouardini
@anasouardini Жыл бұрын
Tailwind taking over CSS? NO; CSS becoming Tailwind? probably YES.
@nicolaska1761
@nicolaska1761 Жыл бұрын
For CSS in JS solutions they're all dropping significantly on new project because they require a runtime on the client side to work, and with the last version of React and server components all the styling is computed serverside (or you have to disable server components which has a high negative impact on perfs).
@codeitraw5241
@codeitraw5241 Жыл бұрын
I love using it. It’s a pain using custom css.
@soniablanche5672
@soniablanche5672 Жыл бұрын
But Tailwind is basically CSS but inline (without the limitations of actual inline CSS)
@nathanaelsmith3553
@nathanaelsmith3553 Жыл бұрын
I use Tailwind and CSS together. I see them as having different use cases. Tailwind is for quick and dirty inline styling wheras css is for more detailed abstracted styling. I never knew Tailwind was so popular, I thought it was a niche Laravel thing. I think it will have its moment in the sun and then fade away - like jQuery. jQuery used to be a must have skill then Node and Vue / Angular etc. came along and people started getting back into raw JavaScript again. CSS frameworks and libraries are the same. They will fall in and out of fashion but there will always be base CSS. I only use Tailwind because its now part of the Laravel framework. I never liked Bootstrap - I either call it 'Poopstrap' , 'Bloatstrap' or 'Blandstrap' in my head. I prefer Tailwind because its more flexible and doesnt force you to write confusing layouts with loads of nested elements. As CSS is evolving at such a pace into such an awsome language I only regret not having enough time to faliarising myself with its new features more because those make learning new css frameworks and pre-compilers increasingly pointless.
@robertkaminski1781
@robertkaminski1781 Жыл бұрын
not online tailwind. windy css. unocss, is kind tailwind style
@gdj777
@gdj777 Жыл бұрын
Wouldnt IDs, specificity and good commenting in the css file be more beneficial.
@gge6021
@gge6021 Жыл бұрын
short answer yes in 90 % of cases
@warkentien2
@warkentien2 8 ай бұрын
I don't use Tailwind as well. Nothing against it, but nothing pulling me to use it without it being a work necessity. Which hasn't happened yet.
@parveztarafder6724
@parveztarafder6724 Жыл бұрын
Don't waste your time to learning css deeply ....focus on programming language as much as you can....
@indexzet
@indexzet Жыл бұрын
that's why there are no programmers who is good in css.
@ratterobert
@ratterobert Жыл бұрын
I miss Pico.css within the frameworks
@emin-altan
@emin-altan Жыл бұрын
If I learned a language it would be Tailwind or PurgeCSS. Because these aren't loss poularity like a Bootstrap (I think bootstrap populartiy loss 20% beetween 2019-2023.). I wonder your opinion. suppose If you going to learn which one would you choice? Thanks your answer Kevin.
@_.-AAA-._
@_.-AAA-._ 4 ай бұрын
Tailwind = inline styles with extra steps
@TheNewton
@TheNewton Жыл бұрын
The reason tailwind usage slopes like that vs retention is because it's been shoehorned into so many projects that need to make a quick prototype to demo the core of the project. Since the projects goal isn't CSS they reach for token based styles to make something quick forcing a lot of downstream consumers to be convinced they also HAVE to use it to build on top of the starter code. Similar in effect as bootstrap leaking into everything in 2011+ but with much heavier network-effects pushing hype-awareness and forcing usage in the current web vs how frameworks propagated a decade ago when bootstrap came out. Then retention kicks in as downstream consumers of those projects start hitting the problems caused by using something like tailwind when you aren't prototyping or a large distributed team. But the retention doesn't nosedive because have you ever had to gut a token system out of a component project. Web-development tooling is broken.
@makiroll6815
@makiroll6815 Жыл бұрын
I tried creating a pet project with Tailwind to learn it and as I added more and more functionality tailwind in my Vue templates became unreadable. So good for quick, bad for big
@DanteMishima
@DanteMishima Жыл бұрын
Kevin, do you finally accept your title as King of CSS? The people have spoken 😅
@mmuralikrishna2881
@mmuralikrishna2881 Жыл бұрын
Watching...
@RhayvenBlood
@RhayvenBlood Жыл бұрын
Maybe I'm biased, but SR's aren't really that hard :') ...I mean, I'm also blind and have been blind for a long time. But still >//
@RhayvenBlood
@RhayvenBlood Жыл бұрын
Also browser compatability. Back in the day When you had to code shit specifically for IE :')
@deatho0ne587
@deatho0ne587 Жыл бұрын
I think TailwindCSS vs. Bootstrap. You either use one or the other at your job and most likely hate the one you have to use due to the previous Devs thinking something about it that they should not have. Like they wrote "!important" to overwrite something they 100% did not need to. For testing why test on things other than desktop/laptop, if you only have to support them (work-related internal applications). I would say still test on different widths which I see people do not and some of the sites look bad even at max 1920px.
@DampeS8N
@DampeS8N Жыл бұрын
In UX that !important issue is known as a Desire Path. These indicate flaws in the UX of a system. (The classic example is dead grass where people walk instead of walking on the designed path.) The underlying problem with all of these frameworks is that they trade off flexibility for usability. That works great when you're starting out or working together with people on a big project, but creates impedance for people that know the underlying technology. So, they find "creative" ways to work faster, creating unintended knock-on effects. You can't _control_ human nature. You have to design around it. This is the lesson of Desire Paths. You can't just tell everyone not to walk on the dirt path everyone prefers. You can't moralize the issue away.
@deatho0ne587
@deatho0ne587 Жыл бұрын
I do not disagree with you in general. It seems to me it is a lot of a lack of understanding though. Meaning 9/10 times you can just remove the "!important" and nothing changes. Also in both Bootstrap and TailwindCSS, there are better ways to change most of the defaults in their controls just requires develing more than a minute into the library.
@TheNewton
@TheNewton Жыл бұрын
Tailwind: Naming things is hard, but it's impossible if you never practice using nouns.
@starseeker6847
@starseeker6847 Жыл бұрын
Honestly, give me 1 or 2 reasons why people would hate TW?
@jarnalyrkar
@jarnalyrkar Жыл бұрын
6:23 +1 for not using tailwind
@DanteMishima
@DanteMishima Жыл бұрын
While tailwind rises, you still need to know CSS to use it consistently. And people these days refuse to learn CSS
@dogoku
@dogoku Жыл бұрын
Scrollbar styling is far from being in a good state. Not only do we not have a consistent cross-browser solution, the solutions that do exist don't even work the same across platforms. Even after 15 years of working, this is something that can only be solved in JS...
@ScriptRaccoon
@ScriptRaccoon Жыл бұрын
With JS you mean hiding the native scrollbar and building a custom one with a custom component?
@Cahnisama
@Cahnisama Жыл бұрын
TAILWIND HATE!
@LandscapingWorld
@LandscapingWorld 8 ай бұрын
Would you write like this in JavaScript: document.writeln(""); document.writeln("..."); document.writeln(""); No matter your level as a frontend developer, you will inevitably be disgusted by the above method of writing.Similarly, why is the concept of: class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2" Why is it revered? Both are essentially hardcoding in the wrong way. The concept is identical in both instances. CSS can certainly be described with any tool, and no one would complain about that, but you should not describe CSS in the worst possible way.Then you tell me how excellent Tailwind is. If you think Tailwind is so great, then doesn't the practice of document.writeln(""); also become excellent? Those who like Tailwind always like to criticize other CSS frameworks, which I think is just arguing for the sake of arguing, and it's meaningless.Tailwind claims high development efficiency, and admittedly, this is true, but it brings about management hurdles and a learning curve. The author of Tailwind provides corresponding solutions and tools, which, ironically, prove that what you develop yourself can cause many problems; otherwise, why would a simple CSS need so many tools for optimization? Stop fooling yourself here, Tailwind is just a terrible product of the times.
@TOONSSTATION
@TOONSSTATION 3 ай бұрын
Tailwind is good
@LokeshKumar-tk7ri
@LokeshKumar-tk7ri Жыл бұрын
I think It is not Tailwind it is AI is taking over 😂😂
@fernandosalazar8814
@fernandosalazar8814 Жыл бұрын
I feel bad just by knowing the amount of mexican frontend software engineers that exist and the amount that actually are socially active to answer surveys like this 😢
@fernandosalazar8814
@fernandosalazar8814 Жыл бұрын
Just as a note, I love your videos and I want to thank you for all the knowledge and insights I’ve learned from your content
@crocodilecrox3758
@crocodilecrox3758 Жыл бұрын
Css is supreme to any other design pattern. Nothing is as flexible...
@集中-l7m
@集中-l7m Жыл бұрын
css trend is too fast to follow, especially working with team, so tailwind could be the answer
@AndreTannus
@AndreTannus Жыл бұрын
I don't want to live in a world where Tailwind has taken over, because I've been there, it's called the 1990s, when every style was inline and there was no separation of concern and no semantics in styling. It blows my mind that people are flocking back to this incredibly bad way of representing styles, but herd mentality is what it is.
@ScriptRaccoon
@ScriptRaccoon Жыл бұрын
Tailwind sheep telling you separation of concerns doesn't work in 3,2,1,...
A better image reset for your CSS
11:16
Kevin Powell
Рет қаралды 113 М.
These CSS best practices might be holding you back
23:28
Kevin Powell
Рет қаралды 30 М.
БУ, ИСПУГАЛСЯ?? #shorts
00:22
Паша Осадчий
Рет қаралды 1,8 МЛН
Человек паук уже не тот
00:32
Miracle
Рет қаралды 4 МЛН
Wait… Maxim, did you just eat 8 BURGERS?!🍔😳| Free Fire Official
00:13
Garena Free Fire Global
Рет қаралды 9 МЛН
Subgrid & Container Queries change how we can create layouts
21:08
Kevin Powell
Рет қаралды 77 М.
7 ways to deal with CSS
6:23
Fireship
Рет қаралды 1,1 МЛН
#12 Kevin Powell - CSS Unleashed: Tips, Tricks and Real Talk #css #frontend
1:38:38
People Behind Industry
Рет қаралды 1,9 М.
I WISH I Knew These Tailwind Tips Earlier
9:15
Theo - t3․gg
Рет қаралды 194 М.
The problems with viewport units
13:23
Kevin Powell
Рет қаралды 365 М.
The problem with mobile-first CSS
13:53
Kevin Powell
Рет қаралды 129 М.
Tailwind V4 Is Bigger Than Expected 👀
20:07
Theo - t3․gg
Рет қаралды 124 М.
Learn flexbox the easy way
34:04
Kevin Powell
Рет қаралды 721 М.
Do You Really Need Bootstrap or Tailwind?
8:28
Lama Dev
Рет қаралды 200 М.
БУ, ИСПУГАЛСЯ?? #shorts
00:22
Паша Осадчий
Рет қаралды 1,8 МЛН