- Видео 11
- Просмотров 671 037
Lukas | Web Development & Design
Австрия
Добавлен 26 янв 2021
Hi! I'm Luke, a self-taught Web Developer from Austria. On this channel, I share videos about HTML, CSS, Tailwind CSS, JavaScript, ReactJS, Git, GitHub and many more.
Content that's designed to help you become successful as a Frontend Developer, Web Developer or Full Stack Developer. SUBSCRIBE to the channel and become a part of this journey. 🔥🚀
Milestones:
50 Subscribers: 27.05.2023
2.500 Views: 31.05.2023
100 Subscribers: 01.06.2023
5.000 Views: 05.06.2023
10.000 Views: 10.06.2023
500 Subscribers: 11.06.2023
25.000 Views: 13.06.2023
1.000 Subscribers: 13.06.2023
50.000 Views: 17.06.2023
2.500 Subscribers: 19.06.2023
4.000 Watch hours: 21.06.2023
100.000 Views: 05.07.2023
5.000 Subscribers: 23.07.2023
250.000 Views: 28.09.2023
10.000 Subscribers: 26.10.2023
500.000 Views: 01.05.2024
15.000 Subscribers: 12.07.2024
20.000 Subscribers: 02.06.2025
1.000.000 Views: 29.07.2025
Content that's designed to help you become successful as a Frontend Developer, Web Developer or Full Stack Developer. SUBSCRIBE to the channel and become a part of this journey. 🔥🚀
Milestones:
50 Subscribers: 27.05.2023
2.500 Views: 31.05.2023
100 Subscribers: 01.06.2023
5.000 Views: 05.06.2023
10.000 Views: 10.06.2023
500 Subscribers: 11.06.2023
25.000 Views: 13.06.2023
1.000 Subscribers: 13.06.2023
50.000 Views: 17.06.2023
2.500 Subscribers: 19.06.2023
4.000 Watch hours: 21.06.2023
100.000 Views: 05.07.2023
5.000 Subscribers: 23.07.2023
250.000 Views: 28.09.2023
10.000 Subscribers: 26.10.2023
500.000 Views: 01.05.2024
15.000 Subscribers: 12.07.2024
20.000 Subscribers: 02.06.2025
1.000.000 Views: 29.07.2025
5 Tailwind CSS Pro Tips I Wish I Knew Earlier (2024)
In this video I will show you 5 Tips for Tailwind that you NEED to know in 2024. They will help you to use Tailwind CSS like a Pro.
Tailwind Cheat Sheet: nerdcave.com/tailwind-cheat-sheet
Tailwind Documentation: tailwindcss.com/docs
Tailwind CSS IntelliSense: marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss
Prettier Plugin for Tailwind CSS: tailwindcss.com/blog/automatic-class-sorting-with-prettier
=== [ MY TAILWIND VIDEOS ] ===
The BEST Way to Create Responsive Design with Tailwind CSS (2024) ► ruclips.net/video/PuovsjZN11Y/видео.html
Tailwind CSS Tutorial for Beginners (2024) - What YOU need to know ► ruclips.net/video/DenUCuq4G04/видео.html
The FAST Way to Install Tailwi...
Tailwind Cheat Sheet: nerdcave.com/tailwind-cheat-sheet
Tailwind Documentation: tailwindcss.com/docs
Tailwind CSS IntelliSense: marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss
Prettier Plugin for Tailwind CSS: tailwindcss.com/blog/automatic-class-sorting-with-prettier
=== [ MY TAILWIND VIDEOS ] ===
The BEST Way to Create Responsive Design with Tailwind CSS (2024) ► ruclips.net/video/PuovsjZN11Y/видео.html
Tailwind CSS Tutorial for Beginners (2024) - What YOU need to know ► ruclips.net/video/DenUCuq4G04/видео.html
The FAST Way to Install Tailwi...
Просмотров: 4 783
Видео
The FAST Way to Install Tailwind CSS in 2024 - Tutorial for Beginners with Vite + React
Просмотров 245День назад
In this video I will show you one of the fastest and most popular methods to install Tailwind CSS in 2024. We’re going to install Tailwind with Vite into a React Project. Tailwind Documentation: tailwindcss.com/docs Download Node.js: nodejs.org Installation Guide that we use in this video: tailwindcss.com/docs/guides/vite [ MY NEW PROJECT ] I’m currently working on an affordable, comprehensive ...
useEffect React Hook Tutorial (2024) - What YOU need to know
Просмотров 3,3 тыс.Год назад
In this video I cover everything that you need to know about the React Hook "useEffect". I'm going to teach you when and how to actually use this hook and tell you everything you need to know about dependency arrays and cleanup functions. This video is part of a series where I cover all the important React Hooks that you need to know in 2024: useState: ruclips.net/video/lwFluBLxZdA/видео.html u...
How to ACTUALLY become a Frontend Developer in 2024 - The ONLY Roadmap that you need.
Просмотров 3,6 тыс.Год назад
In this video I will tell you about everything that you need to know if you want to become a Frontend Developer in 2024. I’ll tell you if it’s still worth it, how AI has changed the roadmap and why it’s not enough anymore, to just learn HTML, CSS and JavaScript. I’ll share my 5-step Roadmap with you and give you all the information’s that you need to succeed in this field. Download Visual Studi...
The BEST Way to Create Responsive Design with Tailwind CSS (2024)
Просмотров 170 тыс.Год назад
In this video I will teach you how to create Responsive Web Designs with Tailwind CSS. This video covers everything you need to know, from the basics to breakpoints & breakpoint ranges and even customization options - this video should give you all the information’s that you need. Tailwind CSS Tutorial (2024): ruclips.net/video/DenUCuq4G04/видео.html [ LIKE & SUBSCRIBE ] Please LIKE the video i...
Tailwind CSS Tutorial for Beginners (2024) - What YOU need to know
Просмотров 165 тыс.Год назад
In this video I will teach you everything that you need to know about Tailwind CSS and also show you how and when to use it in your own projects. You don't need to watch a 3 hour tutorial to learn Tailwind - this video should give you all the information’s that you need. Tailwind Cheat Sheet: nerdcave.com/tailwind-cheat-sheet [ LIKE & SUBSCRIBE ] Please LIKE the video if you enjoyed it and SUBS...
Learn useState in 8 Minutes - React Hooks Explained (2023)
Просмотров 1,5 тыс.Год назад
In this video I cover everything you need to know about the most popular React hook useState. I’ll explain you when and how to use it and we also create two mini projects together. This is the beginning of a series of videos where I cover all the important hooks in React you need to know and use in 2023. [ LIKE & SUBSCRIBE ] Please LIKE the video if you enjoyed it and SUBSCRIBE to the channel f...
The 5 Best VS Code Extensions YOU MUST TRY in 2023
Просмотров 2,4 тыс.Год назад
This video is about the 5 Best VS Code Extensions YOU MUST TRY in 2023. I'm pretty sure that you don't know and use all of them - but you definitely should. They will help you to create code faster and to prevent mistakes. [ LIKE & SUBSCRIBE ] Please LIKE the video if you enjoyed it and SUBSCRIBE to the channel for more videos like that. RUclips ► www.youtube.com/@lukas.webdev?sub_confirmation=...
Top 10 CSS Features You Should Know & Use in 2024
Просмотров 315 тыс.Год назад
This video is about the Top 10 CSS Features you should know and use in 2024. I'm pretty sure that you don't know all of them - but you definitely should. They will help you to write better code. [ LIKE & SUBSCRIBE ] Please LIKE the video if you enjoyed it and SUBSCRIBE to the channel for more videos like that. RUclips ► www.youtube.com/@lukas.webdev?sub_confirmation=1 Instagram ► ...
Responsive Navigation Bar - Tutorial, 2021 - HTML, CSS, JavaScript
Просмотров 3,4 тыс.3 года назад
In this video we are going to create an amazing and responsive navigation bar, only using some basic HTML, CSS and JavaScript. For that Tutorial we are going to use this editor: Visual Studio Code | Download-Link: code.visualstudio.com/download [ FEATURED TOPICS ] Flexbox, Media Queries, Mobile Navigation, Animations, Keyframes, Google Fonts, Event Listener, Conditional Statements and other hel...
your cheetsheet link is broken now ...
I just changed the link - it should work now! 😉
This tutorial is the best tailwind tutorial I have been looking for, Thanks for sharing
At 1:14, in fact classes are not inherited by child elements , its happening because some css styles like "color" are inherited by design, and some are not, so maybe this was what you meant but it could be misunderstood.
You're absolutely right! Thanks for pointing that out - that’s exactly what I meant to convey. Another viewer mentioned it as well, and while I can't update the video, I think adding this information to my pinned comment is a great idea. 😉
@@lukas.webdev Oh i just saw @nemethricsi's comment =), yeah pinning comment will do, best of luck <3
@@komeiltaheri Thanks, I really appreciate it! :)
thanx for good introduction to tailwind
My pleasure! I’m glad you like it and I appreciate your feedback! 😉
"Don't use tailwind, like a pro"
Interesting take! 😄
Child/Children
Sorry but nothing crazy here. For example on the last example, you can just give a text color on the button and use hover: instead of peer and group. No need to overcomplicate things.
Thank you for your feedback, Oğulcan! I have to agree - in hindsight, these examples may not have been the best choice to highlight the advantages of the peer and group utilities. I’ll make sure to include clearer and more impactful examples in future videos. Your input helps me grow, so I really appreciate it! 😉
Dislike for lie
I'm sorry if something came across as misleading. Could you clarify what you mean exactly?
@lukas.webdev likely the cringe begging for likes and subs, specifically the tailwind site nonsense. Just casually ask somewhere in the video, you don't gotta be weird about it...
@@_jovian We should dislike and report the video. Unsubscribe also if subscribed.
@@_jovian Got it - thanks for pointing that out. I didn’t give it much thought at the time, but I understand now and won’t do it again. Sorry about that!
@@fatema8eee I understand why you feel that way, and I appreciate you sharing your thoughts. I’ve already taken your feedback into account and won’t approach it the same way in the future. My goal is to create value, not to annoy anyone!
I’m just at the beginning of the video. But quick note: not the css classes are inheriting but the specific css rules. And not all of them! For example “color” (the css rule behind text-red-500) does. This isn’t a tailwind specific thing rather a CSS specific thing.
You're absolutely right, Richárd! Thanks for pointing that out - that’s exactly what I meant to convey. 😉 At 2:39 in the video, I clarify that this isn’t a Tailwind-specific behavior and also mention that it can't be used for everything. Hope that was understandable?
@@lukas.webdev Right I've heard that so I should have listened further :)
I have been using tailwind for almost 2 years now and this group thing is what I learned here thank you Lukas
I'm glad I could help and I really appreciate your feedback! 😉
sorry for asking but... eg. in 9:59 what is the difference bietween <h1 className='text-[84px]..." > and <h1 style="font-size: 84px"...> ?
One advantage of class is that we can reuse it instead of editing all h1 tag one by one, and it is best practice to implement to make ur code clean and will be easier to maintain if we have define class And, h1 style will also override the stylesheet so need to be carefull
@@SamarthaRawal-j9z in this case, if you have two <h1> tags then you need to write className='text-[84px]" twice (in each tag) - so you actually cant reuse it. Second: if you use className='text-[84px]" you actally want to override stylesheet - so where is the point of not use "style" directly?
@@gbkEmilgbk why u are using normal css use tailwind both are same.
@@gbkEmilgbkbecause he chose to use the framework, both are the same but one is in css format and the other is in tailwind. If you choose to use tailwind stick to it, mix only when necessary.
@@IgorPcar both are not the same - because tailwind is additional (redundand?) layer of abstraction(?) over CSS
Nice! I'm just starting to be familiar with tailwind. As an old school css user, I was a little bit reluctante to use any css framework since I was used to use sass on BEM architecture. But now by developing some apps with React I didn't found sass as useful as used to be. Tailwind is so easy to use I didn't even need to learn it is so intuitive specially if you already master css. However tips like this are gold, thank you!
Thanks for your feedback and for sharing a bit of your backstory, David! I really appreciate it. I completely agree - Tailwind’s intuitive nature truly shines when you already have a strong CSS foundation. I’m so glad you found the tips helpful. Best of luck with your projects! 😉
Great walkthrough Keep up the good work
Thank you so much for your feedback, I'm glad you like it! 😉
i wanna see you in the next video
these are the most basic tailwind tips. I was looking for something better.
True. it just pro for him
I'm sorry the video didn't meet your expectations! It seems like you're already well-versed in Tailwind CSS, which is quiet impressive. I appreciate your feedback and will work on sharing more advanced content in the future as well. 😉
Thank you !🙏
*ATTENTION:* In the "Delegate" chapter, I mistakenly mentioned that the classes of the parent elements are inherited by the child elements. That’s not accurate! What I meant to say is that the some styles applied by those classes are inherited, not the classes themselves. Apologies for the confusion! What are your thoughts on this video? Like this comment if you want to see more videos about Tailwind CSS or let me know in the comments, what kind of content you want to see next on this channel.
all i did was just destroy the like button, i really owed it to that stare😂😂
Awesome! 😄 Thanks, I really appreciate it!
7:20 for plugins related to Tailwind. Btw excellent content and teaching style..Thank you for making it. Please make more videos!
Thank you so much for your feedback, I'm really glad to hear that! After taking a break of over a year, I just started creating videos again. The last two I posted are all about Tailwind CSS, so they might be interesting to you as well... 😉
Thanks a lot, You saved me🥰
Great tutorial. You cover all the bases!
Thanks❤
Is this guy an AI?
No, but I get why you might think that! 😄
I’m currently working on an affordable, comprehensive course on Tailwind CSS, covering everything from installation to advanced customization. Unlike other courses about this topic - that are way too long and complicated - this one will be straight to the point and efficient - because Tailwind CSS is not so complicated. You’ll get all the essential information in one course. If that sounds interesting, make sure to like this pinned comment! If there’s enough demand, I’ll prioritize the course, and it will be available much sooner. 😉🔥
Thank you for the service to strangers, my brother in humanity. I am a beginner trying to find a way to combine HTML, CSS (tailwind or vanilla), and a little bit of JavaScript but I am having a hard time understanding responsive design and positioning in CSS. I hope your course also addresses those basics of CSS and then shows its implementation in Tailwind. Thank you, really. I have learned a thing or two from you so far.
@@tryingtobebetterr Thanks, I am very happy to hear that and I really appreciate your Feedback! Yes, responsive design and positioning will probably also be covered in the course… 😉
Very useful video 🎉
Thanks, I really appreciate it! 😉
Bro I am a desktop first designer. So I wanted to chnage min width to max width. How to do it
Great One! Thank you.
You're welcome! Thanks for the feedback, I really appreciate it! 😉
Thank you for making this so easy :)
My pleasure! I’m glad you like it and I appreciate your feedback! :)
Amazing vedio. Saved me for three hours.😄
Awesome! I'm happy to hear that and I appreciate your feedback! 😉
14:33 the entire customization section is super helpful! Thank you so much Lukas!
it is hard to keep up css classes. and even worst come up with a name. i def agreed on using a framework. i don't care what you say. as someone learning for years!!!!!!! is better to use a framework unless you building a calculator app or clock app or to do app. otherwise. big projects stick to css frameworks. just my 2 cents.
Amazing video, by watching this video I became your subscriber 😍🥰
amazing video
Please make more and more on responsive design
Amazing...I Saw All Videos About useState of famous RUclipsrs...but I Understand it through this tutorial ❤ keep it Up Man🤝 Thank You So Much
Bro need more videos from you, you explain so well! Hope you will start uploading more content soon.
It's weird that he totally blanked after this video. Seems like he was just getting started. Hope he is doing ok and nothing serious happened.
hey! came here to say that i clicked on this video just to let u know i didn’t watch it bc of the thumbnail! enjoy the engagement! sorry for the retention<3
thanks for this is a good video Lukas
damn after one year. I guess I was sleeping lol
notice he is German ;)
😉
i will love to see more videos on tailwind
The last two videos I that I just posted are all about Tailwind CSS. 😉 Thanks for your feedback.
Hey Lukas, I wanted to thanks to you for this video. It's clean, smooth and very useful. I really appreciate it !!!
Thank you, this really means a lot to me! I'm happy to hear that and I really appreciate your feedback! 😉
Very clear and concise! Learned a lot in less than half hour! Thank you very much for taking effort to make the tutorial!
You're welcome, Linda! Thanks for the feedback, I'm glad it was helpful to you! 😉
The best tutorial. In the last few seconds of the video, did you just said "Chao" ? Is that Vietnamese ? 😯
great tutorial!! learned a ton.
Amazing way of teaching 🎉🎉
Thank you very much, I really appreciate it! 😉
Does tailwind support blazor server?
like magic. He said i will wait . i liked the video and then he thank me wow🙂
when i type rafce on my APP.jsx nothing happens. it only shows "ReadableStreamDefaultController" min 8:28. What have I done wrong?
Orn Passage