Adam Wathan
Adam Wathan
  • 124
  • 1 941 997

Відео

Designing with Tailwind CSS: Making the Dropdown Interactive
Переглядів 28 тис.4 роки тому
Designing with Tailwind CSS: Making the Dropdown Interactive
Designing with Tailwind CSS: Positioning the Dropdown Area
Переглядів 21 тис.4 роки тому
Designing with Tailwind CSS: Positioning the Dropdown Area
Designing with Tailwind CSS: Adapting the Dropdown for Mobile
Переглядів 16 тис.4 роки тому
Designing with Tailwind CSS: Adapting the Dropdown for Mobile
Designing with Tailwind CSS: Making the Navbar Responsive
Переглядів 26 тис.4 роки тому
Designing with Tailwind CSS: Making the Navbar Responsive
Designing with Tailwind CSS: Building a Navbar Layout with Flexbox
Переглядів 35 тис.4 роки тому
Designing with Tailwind CSS: Building a Navbar Layout with Flexbox
Designing with Tailwind CSS: Toggling the Navbar Links on Mobile
Переглядів 30 тис.4 роки тому
Designing with Tailwind CSS: Toggling the Navbar Links on Mobile
Designing with Tailwind CSS: Hover, Focus, and Active Styles
Переглядів 25 тис.4 роки тому
Designing with Tailwind CSS: Hover, Focus, and Active Styles
Designing with Tailwind CSS: Composing Utilities with @apply
Переглядів 24 тис.4 роки тому
Designing with Tailwind CSS: Composing Utilities with @apply
Designing with Tailwind CSS: Locking an Image to a Fixed Aspect Ratio
Переглядів 23 тис.4 роки тому
Designing with Tailwind CSS: Locking an Image to a Fixed Aspect Ratio
Designing with Tailwind CSS: Designing a Badge
Переглядів 11 тис.4 роки тому
Designing with Tailwind CSS: Designing a Badge
Designing with Tailwind CSS: Responsive Design
Переглядів 41 тис.4 роки тому
Designing with Tailwind CSS: Responsive Design
Designing with Tailwind CSS: Making Text Content Feel Designed
Переглядів 15 тис.4 роки тому
Designing with Tailwind CSS: Making Text Content Feel Designed
Designing with Tailwind CSS: Setting up Tailwind and PostCSS
Переглядів 115 тис.4 роки тому
Designing with Tailwind CSS: Setting up Tailwind and PostCSS
Designing with Tailwind CSS: Customizing Your Design System
Переглядів 22 тис.4 роки тому
Designing with Tailwind CSS: Customizing Your Design System
Designing with Tailwind CSS: Creating Depth with Shadows and Layers
Переглядів 12 тис.4 роки тому
Designing with Tailwind CSS: Creating Depth with Shadows and Layers
Designing with Tailwind CSS: Cropping and Positioning Images
Переглядів 28 тис.4 роки тому
Designing with Tailwind CSS: Cropping and Positioning Images
Designing with Tailwind CSS: Optimizing for Production with Purgecss
Переглядів 19 тис.4 роки тому
Designing with Tailwind CSS: Optimizing for Production with Purgecss
Designing with Tailwind CSS: The Utility-First Workflow
Переглядів 40 тис.4 роки тому
Designing with Tailwind CSS: The Utility-First Workflow
Designing with Tailwind CSS: Working with SVG Icons
Переглядів 29 тис.4 роки тому
Designing with Tailwind CSS: Working with SVG Icons
Designing with Tailwind CSS: Extracting Reusable Components
Переглядів 23 тис.4 роки тому
Designing with Tailwind CSS: Extracting Reusable Components
Designing with Tailwind CSS: Structuring a Basic Card
Переглядів 17 тис.4 роки тому
Designing with Tailwind CSS: Structuring a Basic Card
Why you don't need BEM with utility-first CSS
Переглядів 19 тис.4 роки тому
Why you don't need BEM with utility-first CSS
My Podcast Editing Workflow with REAPER
Переглядів 8 тис.5 років тому
My Podcast Editing Workflow with REAPER
"Test-Driven Laravel" - Adam Wathan - Laracon US 2016
Переглядів 17 тис.5 років тому
"Test-Driven Laravel" - Adam Wathan - Laracon US 2016
"Resisting Complexity" - Adam Wathan - Laracon US 2018
Переглядів 25 тис.5 років тому
"Resisting Complexity" - Adam Wathan - Laracon US 2018
Pairing with Ben Orenstein on the Tuple Pairing Guide (using Tuple!)
Переглядів 7 тис.5 років тому
Pairing with Ben Orenstein on the Tuple Pairing Guide (using Tuple!)
The Trick to Understanding Scoped Slots in Vue.js
Переглядів 54 тис.6 років тому
The Trick to Understanding Scoped Slots in Vue.js
"Cruddy by Design" - Adam Wathan - Laracon US 2017
Переглядів 79 тис.6 років тому
"Cruddy by Design" - Adam Wathan - Laracon US 2017
Building KiteTail #1: Previewing Image Uploads with Vue.js
Переглядів 16 тис.7 років тому
Building KiteTail #1: Previewing Image Uploads with Vue.js

КОМЕНТАРІ

  • @CodeYourFuture_Mohseni
    @CodeYourFuture_Mohseni 8 годин тому

    Whats the plugin you use it for look the preview?

  • @budiardjo6610
    @budiardjo6610 12 днів тому

    please upload source code, it is nice to read your code.

  • @slimanelatreche8928
    @slimanelatreche8928 14 днів тому

    this man is underrated, I like your way of explanation and how do you go through details, thanks a lot

  • @j.erlandsson
    @j.erlandsson 18 днів тому

    This is coding ASMR at it's best. :D

  • @jenstornell
    @jenstornell 19 днів тому

    I really like that approach, that you actually use Tailwind to get the user experience.

  • @shad-intech
    @shad-intech 19 днів тому

    Your reaction when you realized the tracking for the hero text was mixed had me rolling🤣😅😂😂. Great video.

  • @christopheradolphe
    @christopheradolphe 19 днів тому

    As a late adopter of Tailwind CSS, it's great to see how the creator of the tool himself goes through the building process. I really hate it when designers do these kind of per letter tweaks in the design. I know frontend dev should have attention to detail but come on man... 🤪🤪 Thanks for sharing that @AdamWathan

  • @patrickoneill4083
    @patrickoneill4083 19 днів тому

    Is there a final code repo for this?

  • @mirasmustimov1504
    @mirasmustimov1504 20 днів тому

    Glad to see new streams! Will try out brave instead of chrome, could be better

  • @elonmuskgame
    @elonmuskgame 20 днів тому

    Upload more videos

  • @soviut303
    @soviut303 20 днів тому

    I was really hoping this would be a video about designing a kanban board. I've done some in the past and they're a lot trickier than they seem. I'd love to see your approach.

  • @blessdarah1256
    @blessdarah1256 20 днів тому

    Please, Adam, what plugin are you using to pull up the tailwind colors?

  • @justindouglas3659
    @justindouglas3659 20 днів тому

    Html semantics dude

  • @oscarthroedsson1410
    @oscarthroedsson1410 21 день тому

    @26:43 for the semantic part put the h3 n p in a hgroup and the order in thr hgroup does not matter.

  • @tomtobac
    @tomtobac 21 день тому

    Hey, anyone knows what is is the extension of raycast that he is using for previewing the tailwindcss classes? thanks!

  • @tiagoagm
    @tiagoagm 21 день тому

    Hey Adam, when is tailwind going to share the new vscode theme? It looks awesome. Thanks

  • @borislavppetrov
    @borislavppetrov 21 день тому

    Anyone know the name of that app he’s using to look up things in the Tailwind docs? Nifty

    • @SeanCassiere
      @SeanCassiere 20 днів тому

      It's a Raycast extension for Tailwind. I'd link it, but YT tends to block comments with links in them.

    • @borislavppetrov
      @borislavppetrov 20 днів тому

      Thanks!

  • @krerech
    @krerech 21 день тому

    @19:55 do you think if you create the card as a children of the gradient DIV then give them a negative translate-y would be a better idea ?

  • @dkr91
    @dkr91 21 день тому

    Great video! One question, why not use Dev Mode of Figma? Quite helpful getting sizing/paddings and the measuring tool

  • @prashank
    @prashank 21 день тому

    I missed it :(

  • @jordirivero
    @jordirivero 21 день тому

    Nice video

  • @dfl0-
    @dfl0- 22 дні тому

    I don’t know if you’ll see this but I remember you mentioned doing paired programming streams where you can work live with someone - there is a VS Code extension called Live Share which allows you to work on code with others in real time like a google doc document! I think the content would be amazing (it already is😄)!! Would love to see you try that out, it sounds very interesting and something that no one really does on youtube!

  • @sebin_01
    @sebin_01 22 дні тому

    Can I ask what is the tool ur using on 10:05? Its really helpful for beginners like me.

    • @rajshekhardev
      @rajshekhardev 22 дні тому

      Looks like Raycast with tailwind extemsion

    • @sebin_01
      @sebin_01 21 день тому

      @@rajshekhardev thanks! is it only available on mac?

    • @LukeberryPi
      @LukeberryPi 21 день тому

      @@sebin_01 yes

  • @lexicon2008
    @lexicon2008 22 дні тому

    Which builder are you using? Please

  • @naplesnola
    @naplesnola 22 дні тому

    Couldn't you have used text-[64px] to get the font size desired?

    • @sebin_01
      @sebin_01 21 день тому

      im new on tailwind. IS this a native syntax for tailwind to get the exact size of a font?

    • @pulpml
      @pulpml 21 день тому

      You should almost never use px for typography unless declaring base sizes because rem and em scales but px don't.

  • @Gigusx
    @Gigusx 22 дні тому

    Somebody's been working on putting the content out! 😉

    • @nasiffuad292
      @nasiffuad292 22 дні тому

      He is the founder of TAILWIND.css xD

  • @ibiamarques8943
    @ibiamarques8943 23 дні тому

    Awesome! What is that command palette where you search for the colors?

  • @br1580
    @br1580 23 дні тому

    Is the Figma file available to download?

  • @ElGnomistico
    @ElGnomistico 23 дні тому

    Please, more content like this!!!

  • @josephmyalla3611
    @josephmyalla3611 24 дні тому

    The Maestro Behind Tailwind css, its always great to watch the creator. Keep up the great job

  • @jeffrey.rossum
    @jeffrey.rossum 24 дні тому

    Hey Adam, hate to be the person that of all things to ask about is asking about your theme... but; that Tailwind CSS style VS Code theme you're using... will that become available? 👀

    • @jeffrey.rossum
      @jeffrey.rossum 24 дні тому

      Was mentioned in the video by Adam at @37:48; it's not ready yet to be released, might be - someday.

  • @jordirivero
    @jordirivero 24 дні тому

    Nice video

  • @andresgutgon
    @andresgutgon 25 днів тому

    inspiring!

  • @riponsoum
    @riponsoum 25 днів тому

    BOSS IS HERE

  • @DanDyck
    @DanDyck 25 днів тому

    If you do make the Raycast extensions available that would be awesome. I can already see how that would be useful.

  • @LukeRoberts1979
    @LukeRoberts1979 25 днів тому

    awesome 1080p

  • @yadusolparterre
    @yadusolparterre 25 днів тому

    Sorry to be a Richard, but it's pretty irritating to hear you speak about non-project related stuff like Pepsi or family. Stick to the job

    • @AdamWathan
      @AdamWathan 25 днів тому

      It was Coke actually get it straight.

    • @MegaQseft
      @MegaQseft 25 днів тому

      Wow. What an idiotic comment.

    • @MULTICODE
      @MULTICODE 23 дні тому

      Please is the source code open source ?

    • @havokgames8297
      @havokgames8297 16 днів тому

      @yadusolparterre hard disagree. Just skip ahead if it annoys you.

  • @rajeshbudhathoki7888
    @rajeshbudhathoki7888 25 днів тому

    Is tailwind color Ray extension private? It's a dope. 😉

  • @MrTheRocketmaster
    @MrTheRocketmaster 25 днів тому

    Not trolling or anything, just actually curious, but does this project have a functional justification to use Next.js/TS/Tailwind or it is just an opportunity to demonstrate development process using JS stack? The page looks fairly static, seems like HTML/CSS would be enough. Great video nonetheless!

  • @rosefromdead
    @rosefromdead 25 днів тому

    The logo bit was so interesting to me.

  • @cb73
    @cb73 25 днів тому

    Instead of doing arithmetic translating pixels from Figma, you could build a new design editor just for Tailwind - Tailwind Designer. 😅

    • @heysupratim
      @heysupratim 25 днів тому

      Oh i have something wonderful to share with you. Let me know of your twitter/email and I can share what I have been working on

  • @0xtz_
    @0xtz_ 25 днів тому

    thats cooool man keep going

  • @PRonYouTube
    @PRonYouTube 25 днів тому

    Really enjoyed this stream, looking forward to more!

  • @ephraim-duncan
    @ephraim-duncan 25 днів тому

    Is it possible to get the figma to code along?

  • @RyanBrown-jo7ze
    @RyanBrown-jo7ze 25 днів тому

    Lets go we need more of this

  • @pranab091
    @pranab091 25 днів тому

    Awesome Adam, love watching your streams.

  • @yassinebenslimane2856
    @yassinebenslimane2856 25 днів тому

    AYYYYYYYYYYYYYYYYYYY ! Adam back to bussiness 😇😇😇😇

  • @sagarinfo5747
    @sagarinfo5747 28 днів тому

    yoo mother fucker what the fuck was that? what the fuck kind of explanation was that bitch.

  • @augustsbautra
    @augustsbautra Місяць тому

    This! No more 10-20 action controllers!