[
  {
    "start": 0.1,
    "end": 4.059,
    "text": "For some of the new projects I'm working\non, for most of my new projects"
  },
  {
    "start": 4.12,
    "end": 8.0,
    "text": "I'm working on now these days,\nI actually switched away"
  },
  {
    "start": 8.06,
    "end": 11.94,
    "text": "from Tailwind.\nI'm not using Tailwind in those projects"
  },
  {
    "start": 12.0,
    "end": 15.82,
    "text": "also not ShadCN, therefore. And there\nis a reason, and the reason"
  },
  {
    "start": 15.86,
    "end": 19.79,
    "text": "is not that Tailwind is bad, of course.\nQuite the opposite."
  },
  {
    "start": 19.84,
    "end": 22.6,
    "text": "It's an amazing library,\nI wanna be very clear about that."
  },
  {
    "start": 22.62,
    "end": 26.44,
    "text": "And I kind of also feel bad about making\nthis video, this episode here,"
  },
  {
    "start": 26.46,
    "end": 30.42,
    "text": "because only a few weeks ago,\nI talked about the huge financial"
  },
  {
    "start": 30.43,
    "end": 33.02,
    "text": "problems Tailwind was facing back then."
  },
  {
    "start": 33.06,
    "end": 36.48,
    "text": "Now, since then, thankfully,\nthings got way better, many new"
  },
  {
    "start": 36.58,
    "end": 40.22,
    "text": "sponsors jumped onboard\nand now I think they're in a much better"
  },
  {
    "start": 40.28,
    "end": 43.5,
    "text": "financially, because, of course,\nobviously, Tailwind is amazing"
  },
  {
    "start": 43.56,
    "end": 47.15,
    "text": "and there are people working with a lot of\nheart and"
  },
  {
    "start": 47.2,
    "end": 51.16,
    "text": "energy on that project. And my point\nis not that it's bad or"
  },
  {
    "start": 51.26,
    "end": 54.33,
    "text": "I wanna convince anybody not to use it."
  },
  {
    "start": 54.33,
    "end": 58.06,
    "text": "I mean,\nI'm just using this channel to share my"
  },
  {
    "start": 58.1,
    "end": 61.22,
    "text": "and some insights into how I work,\nso I thought that might be"
  },
  {
    "start": 61.28,
    "end": 64.709,
    "text": "interesting.\nSo why am I not using Tailwind then"
  },
  {
    "start": 64.76,
    "end": 68.52,
    "text": "amazing? Well, I gotta take a step back."
  },
  {
    "start": 68.6,
    "end": 72.16,
    "text": "A couple of years ago,\nbefore we had the AI"
  },
  {
    "start": 72.22,
    "end": 75.4,
    "text": "revolution or before AI got that good at"
  },
  {
    "start": 75.44,
    "end": 79.28,
    "text": "coding, I used Tailwind like most people,\nI guess, most"
  },
  {
    "start": 79.32,
    "end": 82.09,
    "text": "developers everywhere.\nFor one main reason, though."
  },
  {
    "start": 82.12,
    "end": 85.4,
    "text": "Because it allowed me to iterate quickly\non the"
  },
  {
    "start": 85.46,
    "end": 89.42,
    "text": "code. You know,\nI never really used Figma or other"
  },
  {
    "start": 89.46,
    "end": 93.19,
    "text": "tools like that, also, of course,\nbecause I'm in the situation"
  },
  {
    "start": 93.26,
    "end": 97.24,
    "text": "working alone, and\nif I'm working alone on my projects,"
  },
  {
    "start": 97.26,
    "end": 99.76,
    "text": "really have to use those design tools."
  },
  {
    "start": 99.77,
    "end": 103.7,
    "text": "For me, it always\nwas quicker to iterate on designs just"
  },
  {
    "start": 103.74,
    "end": 107.259,
    "text": "code. I could write code,\nand with Tailwind, since you have your"
  },
  {
    "start": 107.32,
    "end": 111.2,
    "text": "classes inline in your DOM,\nin your JSX code, you could quickly"
  },
  {
    "start": 111.21,
    "end": 114.96,
    "text": "update that code, update those styles\nand try"
  },
  {
    "start": 115.04,
    "end": 118.61,
    "text": "out different styles, try tweaking\nthat margin."
  },
  {
    "start": 118.62,
    "end": 122.11,
    "text": "And that was just a- a very,\nvery efficient flow."
  },
  {
    "start": 122.14,
    "end": 125.52,
    "text": "And that was the main reason for me,\nand maybe also for some other developers,"
  },
  {
    "start": 125.7,
    "end": 129.56,
    "text": "I was using Tailwind. I know for a decent"
  },
  {
    "start": 129.6,
    "end": 133.48,
    "text": "amount of other developers,\nmaybe the majority, another strong reason"
  },
  {
    "start": 133.52,
    "end": 137.41,
    "text": "is that they just hate CSS. I know CSS\nis not popular"
  },
  {
    "start": 137.46,
    "end": 139.609,
    "text": "amongst web developers and I get why."
  },
  {
    "start": 139.72,
    "end": 143.15,
    "text": "It can seem very complex, there\nare hundreds and"
  },
  {
    "start": 143.28,
    "end": 146.98,
    "text": "thousands of properties and values and,\nyeah, it- it"
  },
  {
    "start": 147.08,
    "end": 150.7,
    "text": "can be daunting. Now, I will say, though,\nmodern"
  },
  {
    "start": 150.8,
    "end": 154.44,
    "text": "CSS has come a long way. Many things\nare easier now"
  },
  {
    "start": 154.6,
    "end": 158.34,
    "text": "than they were in the past. I mean,\nFlexbox is not new at"
  },
  {
    "start": 158.44,
    "end": 161.22,
    "text": "all anymore,\nbut it made a lot of things easier."
  },
  {
    "start": 161.23,
    "end": 165.13,
    "text": "And now think of Flexbox in other areas\nwhere"
  },
  {
    "start": 165.14,
    "end": 168.65,
    "text": "deriving colors got way easier than it\nused to be."
  },
  {
    "start": 168.66,
    "end": 170.84,
    "text": "You have relative colors now in CSS."
  },
  {
    "start": 170.85,
    "end": 174.48,
    "text": "And by the way,\non my Academy channel I launched a couple"
  },
  {
    "start": 174.56,
    "end": 178.049,
    "text": "about modern browser and CSS features,\nlike colors and relative"
  },
  {
    "start": 178.08,
    "end": 181.76,
    "text": "colors or the container queries, which\nare also amazing for"
  },
  {
    "start": 181.78,
    "end": 185.19,
    "text": "building dynamically, uh, resizable"
  },
  {
    "start": 185.2,
    "end": 188.989,
    "text": "components that don't depend on the\nviewport but on the space that's"
  },
  {
    "start": 189.02,
    "end": 192.28,
    "text": "available to the component.\nSo CSS has come a long way."
  },
  {
    "start": 192.32,
    "end": 196.269,
    "text": "Now, the thing is,\nyou can use all these modern CSS features"
  },
  {
    "start": 196.36,
    "end": 199.71,
    "text": "also with Tailwind essentially,\nor most of them, but"
  },
  {
    "start": 200.72,
    "end": 204.24,
    "text": "you can also write vanilla CSS\nand you can do that even"
  },
  {
    "start": 204.34,
    "end": 207.94,
    "text": "easier now with AI, of course,\nbecause even if you hate using"
  },
  {
    "start": 207.98,
    "end": 211.92,
    "text": "CSS, knowing about certain features\nand their browser"
  },
  {
    "start": 212.0,
    "end": 215.9,
    "text": "support can be enough You can point AI at\nthe features you want it to use,"
  },
  {
    "start": 215.92,
    "end": 219.68,
    "text": "at some docs, some MDN articles\nthat explain those features, and"
  },
  {
    "start": 219.72,
    "end": 223.56,
    "text": "AI can write the code for you.\nYou might wonder why you would do that,"
  },
  {
    "start": 223.66,
    "end": 227.28,
    "text": "why not just use Tailwind? I mean,\nit has all these modern features"
  },
  {
    "start": 227.32,
    "end": 231.14,
    "text": "too. For one and a half reasons,\nI would say, at least for"
  },
  {
    "start": 231.18,
    "end": 234.9,
    "text": "me. The less important reason is that"
  },
  {
    "start": 234.96,
    "end": 238.64,
    "text": "Tailwind might not always support all of\nthe latest features,"
  },
  {
    "start": 238.74,
    "end": 242.54,
    "text": "and more importantly,\nAI certainly doesn't know about"
  },
  {
    "start": 242.56,
    "end": 246.14,
    "text": "all Tailwind features. I mean,\nTailwind ha-"
  },
  {
    "start": 246.88,
    "end": 250.72,
    "text": "but AI doesn't use all of them.\nIt always uses the same"
  },
  {
    "start": 250.98,
    "end": 254.72,
    "text": "few classes,\nand often even an old class syntax,"
  },
  {
    "start": 255.06,
    "end": 256.72,
    "text": "so you're missing out on certain features\nhere."
  },
  {
    "start": 256.74,
    "end": 260.62,
    "text": "Now, the same can happen for you\nif you are using vanilla CSS, of course."
  },
  {
    "start": 260.66,
    "end": 264.36,
    "text": "If you don't tell the AI to use a certain\nfeature, it just might not."
  },
  {
    "start": 264.4,
    "end": 268.18,
    "text": "But you can learn about the few most\nimportant CSS"
  },
  {
    "start": 268.24,
    "end": 271.92,
    "text": "features you wanna use\nand then tell AI to do so, but of course,"
  },
  {
    "start": 271.96,
    "end": 275.76,
    "text": "point,\nyou could also do the same for Tailwind"
  },
  {
    "start": 275.8,
    "end": 279.78,
    "text": "use certain Tailwind features. Uh,\nit just might be easier to just name"
  },
  {
    "start": 279.82,
    "end": 283.14,
    "text": "a couple of key CSS features than Tailwind"
  },
  {
    "start": 283.28,
    "end": 286.86,
    "text": "classes, but again,\nthat's not my main point."
  },
  {
    "start": 286.92,
    "end": 290.38,
    "text": "My main point is\nthat I have always tried to"
  },
  {
    "start": 290.5,
    "end": 294.02,
    "text": "reduce the-\nthe amount of libraries I use in my"
  },
  {
    "start": 294.86,
    "end": 297.6,
    "text": "and the- the reason for that is twofold."
  },
  {
    "start": 297.64,
    "end": 300.94,
    "text": "For one, I create educational content,\nso I'm used"
  },
  {
    "start": 300.95,
    "end": 304.72,
    "text": "to, uh,\nexternal or extra libraries being a"
  },
  {
    "start": 304.74,
    "end": 308.66,
    "text": "bad thing, because\nif I create a course about React,"
  },
  {
    "start": 308.74,
    "end": 312.68,
    "text": "use Tailwind, if there\nis a breaking change in Tailwind, a lot"
  },
  {
    "start": 312.72,
    "end": 316.69,
    "text": "of parts of my code, uh,\nor of my course suddenly start breaking"
  },
  {
    "start": 316.7,
    "end": 320.52,
    "text": "get a lot of questions by students,\neven though the main topic, React,"
  },
  {
    "start": 320.54,
    "end": 324.31,
    "text": "have changed I get that this\nis a very niche problem that"
  },
  {
    "start": 324.34,
    "end": 327.74,
    "text": "affects me, but not most web-\nwebsites though."
  },
  {
    "start": 327.76,
    "end": 331.62,
    "text": "But even if you're building a normal\nwebsite, having"
  },
  {
    "start": 331.72,
    "end": 335.32,
    "text": "as little third party libraries in there\nas"
  },
  {
    "start": 335.38,
    "end": 339.12,
    "text": "poss- uh, possible and reasonable\nis a good idea, I would argue."
  },
  {
    "start": 339.16,
    "end": 343.13,
    "text": "Now, I will also say\nthat it's not a good idea to absolutely"
  },
  {
    "start": 343.16,
    "end": 347.02,
    "text": "force every library out there. There\nis a good reason to use"
  },
  {
    "start": 347.04,
    "end": 350.93,
    "text": "certain libraries. I mean,\nif you're using, uh,"
  },
  {
    "start": 350.93,
    "end": 354.84,
    "text": "a rich text editor,\nusing something like TipTap makes a lot of"
  },
  {
    "start": 354.88,
    "end": 357.04,
    "text": "say,\nbecause you can build your own editor."
  },
  {
    "start": 357.18,
    "end": 360.996,
    "text": "Now with AI it's easier than ever to some\ndegreeBut you"
  },
  {
    "start": 361.006,
    "end": 364.716,
    "text": "will also run into a lot of edge cases\nor problems you then have to"
  },
  {
    "start": 364.776,
    "end": 368.395,
    "text": "solve yourself, with AI sure,\nbut also AI doesn't get everything"
  },
  {
    "start": 368.436,
    "end": 370.135,
    "text": "right. You know that\nif you worked with it."
  },
  {
    "start": 370.176,
    "end": 374.015,
    "text": "So there are reasons to use third party\nlibraries."
  },
  {
    "start": 374.116,
    "end": 377.786,
    "text": "I'd just say that styling, as I explained,\nis something that is"
  },
  {
    "start": 377.876,
    "end": 381.676,
    "text": "actually replaceable. Again,\nnot saying that everybody should be"
  },
  {
    "start": 381.716,
    "end": 384.916,
    "text": "doing it, but for me\nthat works quite well and therefore"
  },
  {
    "start": 384.955,
    "end": 388.726,
    "text": "library that I can get rid of because I"
  },
  {
    "start": 388.736,
    "end": 392.015,
    "text": "don't mind reviewing the CSS code,"
  },
  {
    "start": 392.135,
    "end": 395.695,
    "text": "uh, AI gives me and fixing"
  },
  {
    "start": 395.756,
    "end": 399.676,
    "text": "CSS and styling problems with raw CSS\nwhen things go wrong"
  },
  {
    "start": 399.716,
    "end": 403.586,
    "text": "because, of course,\nthings will go wrong (laughs) at some"
  },
  {
    "start": 403.635,
    "end": 407.556,
    "text": "using AI. But I don't mind that.\nIf you absolutely hate"
  },
  {
    "start": 407.616,
    "end": 411.385,
    "text": "looking at CSS code,\nthat will not be an option for you,"
  },
  {
    "start": 411.395,
    "end": 415.226,
    "text": "But for me,\nI therefore can get rid of the Tailwind"
  },
  {
    "start": 415.455,
    "end": 419.336,
    "text": "I can get rid of ShadCN for example,\nbecause I built my own components"
  },
  {
    "start": 419.376,
    "end": 423.296,
    "text": "and ShadCN of course\nis not a traditional library but it does"
  },
  {
    "start": 423.376,
    "end": 427.145,
    "text": "use Radix UI under the hood,\na library which has"
  },
  {
    "start": 427.216,
    "end": 431.176,
    "text": "a questionable maintenance status, uh,\nnow as"
  },
  {
    "start": 431.216,
    "end": 434.876,
    "text": "far as I know.\nSo there you then have the actual"
  },
  {
    "start": 434.916,
    "end": 438.596,
    "text": "problem why I wanna white libraries even\nwhen not talking"
  },
  {
    "start": 438.655,
    "end": 441.416,
    "text": "about educational content,\nif it makes sense."
  },
  {
    "start": 441.476,
    "end": 445.155,
    "text": "Every library you add to your project can\nalso become a"
  },
  {
    "start": 445.195,
    "end": 448.456,
    "text": "liability if it stops being maintained."
  },
  {
    "start": 448.556,
    "end": 451.996,
    "text": "At that point,\nsecurity issues might not get fixed"
  },
  {
    "start": 452.015,
    "end": 454.836,
    "text": "anymore. Bugs might not get fixed anymore."
  },
  {
    "start": 454.916,
    "end": 457.676,
    "text": "Styling bugs, for example, with Tailwind."
  },
  {
    "start": 457.756,
    "end": 459.876,
    "text": "New features might not be added anymore."
  },
  {
    "start": 459.916,
    "end": 463.836,
    "text": "If there is a new CSS feature\nand Tailwind weren't maintained anymore,"
  },
  {
    "start": 463.895,
    "end": 467.596,
    "text": "course it is,\nbut if it weren't maintained anymore,"
  },
  {
    "start": 467.655,
    "end": 471.476,
    "text": "use that feature. And, I mean,\nwe kind of were close with"
  },
  {
    "start": 471.556,
    "end": 475.236,
    "text": "Tailwind. That video\nwhich I created where I talked about their"
  },
  {
    "start": 475.296,
    "end": 479.056,
    "text": "problems,\nthere is a post by the main Tailwind"
  },
  {
    "start": 479.155,
    "end": 483.135,
    "text": "says if they can't figure out this\nfinancing problem, Tailwind"
  },
  {
    "start": 483.195,
    "end": 486.916,
    "text": "might become abandonware. Maybe that\nwas a bit drastic,"
  },
  {
    "start": 486.976,
    "end": 490.676,
    "text": "maybe also done to get more attention, but"
  },
  {
    "start": 490.716,
    "end": 494.416,
    "text": "nonetheless one problem you always have\nwith most third"
  },
  {
    "start": 494.535,
    "end": 498.496,
    "text": "party libraries is\nthat they might not be maintained anymore"
  },
  {
    "start": 498.535,
    "end": 501.395,
    "text": "future,\ndepending on who's working on them in the"
  },
  {
    "start": 501.416,
    "end": 505.056,
    "text": "And that's why I personally like using\nvanilla CSS again."
  },
  {
    "start": 505.176,
    "end": 508.456,
    "text": "Also,\nand that's important here because I always"
  },
  {
    "start": 508.496,
    "end": 511.945,
    "text": "so, and again I can't emphasize it enough,"
  },
  {
    "start": 512.116,
    "end": 515.765,
    "text": "I want all the best for Tailwind\nand I'm still using it"
  },
  {
    "start": 515.816,
    "end": 519.466,
    "text": "in, in many projects. It's not like that.\nI don't hate it."
  },
  {
    "start": 519.496,
    "end": 523.275,
    "text": "It's just one thing where I'm\nexperimenting with not using it in some"
  },
  {
    "start": 523.316,
    "end": 526.456,
    "text": "projects and no matter\nif that's Tailwind for you"
  },
  {
    "start": 526.496,
    "end": 530.276,
    "text": "different, I just would... And, and\nthat was true before the"
  },
  {
    "start": 530.336,
    "end": 534.086,
    "text": "AI era too.\nI would always consider twice before using"
  },
  {
    "start": 534.195,
    "end": 536.706,
    "text": "party library. There\nare many good reasons to use them."
  },
  {
    "start": 536.716,
    "end": 539.695,
    "text": "For example,\nBetterAuth for authentication is amazing."
  },
  {
    "start": 539.796,
    "end": 543.616,
    "text": "I would definitely do that. But\nif there is a library you can"
  },
  {
    "start": 543.675,
    "end": 547.356,
    "text": "replace,\nit might be worth a second look or"
  },
  {
    "start": 547.536,
    "end": 548.795,
    "text": "thought, I guess"
  }
]