- Видео 109
- Просмотров 312 827
williamsk
Канада
Добавлен 6 июн 2016
🚀 Boost coding techniques and learn essential tools. Perfect for all levels. 🎯 Don’t Miss Out -- 🌟 Subscribe and unlock the learning!
👨💻 About williamsk:
With over a decade of industry experience. I'm here to teach you about coding, digital development, and creativity. I’ll explain the why and how of essential tools and topics in a simple way. Making them accessible to learners at every level.
💡 What You’ll Gain:
Easy-to-understand lessons that help you:
\t•\tStay ahead in your coding curve
\t•\tBuild confidence and sharpen your coding skills
\t•\tUnderstand development topics and tools
Plus, examples and snippets of real projects that you can actually use!
🎉 Thanks for Watching! 🎉
👨💻 About williamsk:
With over a decade of industry experience. I'm here to teach you about coding, digital development, and creativity. I’ll explain the why and how of essential tools and topics in a simple way. Making them accessible to learners at every level.
💡 What You’ll Gain:
Easy-to-understand lessons that help you:
\t•\tStay ahead in your coding curve
\t•\tBuild confidence and sharpen your coding skills
\t•\tUnderstand development topics and tools
Plus, examples and snippets of real projects that you can actually use!
🎉 Thanks for Watching! 🎉
Tailwind v4 UPGRADE Secrets Revealed
📃 In today's tutorial, we dive into into how to upgrade tailwindcss to v4.0
📚 What You'll Learn:
By the end of this tutorial, you'll be able to add the latest version of Tailwindcss to HTML using a CDN. Manually upgrade Tailwind CSS from v3 to v4.0 using a Laravel project. Install and update Dev dependencies and packages!
📝 PREREQUISITES:
Basic understanding of the Laravel Framework, Node.js, using a CLI and
Tailwind CSS.
⏰ Timestamps: Tailwind v4 UPGRADE Secrets Revealed
0:00 - Tailwind v4 Introduction
0:57 - Easiest way to get started
1:57 - Tailwind v4 & Laravel 11
8:45 - Tailwind v4 with Laravel Jetstream Package
👩💻 STAY CONNECTED 👩💻
🐦 Twitter: @willeumsk
📘 Facebook: w...
📚 What You'll Learn:
By the end of this tutorial, you'll be able to add the latest version of Tailwindcss to HTML using a CDN. Manually upgrade Tailwind CSS from v3 to v4.0 using a Laravel project. Install and update Dev dependencies and packages!
📝 PREREQUISITES:
Basic understanding of the Laravel Framework, Node.js, using a CLI and
Tailwind CSS.
⏰ Timestamps: Tailwind v4 UPGRADE Secrets Revealed
0:00 - Tailwind v4 Introduction
0:57 - Easiest way to get started
1:57 - Tailwind v4 & Laravel 11
8:45 - Tailwind v4 with Laravel Jetstream Package
👩💻 STAY CONNECTED 👩💻
🐦 Twitter: @willeumsk
📘 Facebook: w...
Просмотров: 3 865
Видео
This will change AI Forever
Просмотров 1,1 тыс.Месяц назад
📃 It never been easier to generate video content. You can use your own assets, extend, blend and remix content straight from text. 📚 What You'll Learn: By the end of this video, you'll be introduced to the Sora web-based interface and composer for video content generation, Sora's availability and subscriptions, and the list of features available for making your own generations. Including other ...
Why Flux Livewire UI is the BEST choice for Laravel Developers
Просмотров 5 тыс.3 месяца назад
📃 Why Flux Livewire UI maybe the BEST choice for Laravel Developers when building reusable components. 📝 PREREQUISITES: Basic understanding of Alpine.js, Html, Tailwind CSS, Laravel and Livewire ⏰ Timestamps: Why Flux Livewire UI is the BEST choice for Laravel Developers 0:00 - New Laravel Project 2:37 - Jetstream & Flux UI 14:15 - Using Flux UI 👩💻 STAY CONNECTED 👩💻 🐦 Twitter: @wi...
ChatGPT 4o Desktop App: Your Mac's New Best Friend
Просмотров 16 тыс.8 месяцев назад
📃 It was just a matter of time and it's Free! ChatGPT 4o is unleashed and is poised to revolutionized the MacOS experience 📚 What You'll Learn: By the end of this tutorial, you'll be able to understand some of the possibilities of the new version of ChatGPT 4o when using it to analyze code and more! 📝 PREREQUISITES: Basic understanding of ChatGPT and MacOS 👩💻 STAY CONNECTED 👩💻 Join our commun...
Laravel Herd on Windows 11: Ideal Setup
Просмотров 3,6 тыс.10 месяцев назад
📃 Learn how to use Laravel Herd with Windows 11 in this easy-to-follow tutorial. We dive into Laravel Herd on Windows including how to setup and create Laravel projects using this PHP development environment. 📚 What You'll Learn: By the end of this coding tutorial, you'll be able to navigate the Laravel Herd application, , create projects and utilize herd services with the app and the CLI... an...
Laravel Herd: Sharing Local Laravel Sites with Expose | williamsk
Просмотров 1,8 тыс.10 месяцев назад
📃 We have a new version of Laravel Herd. Let's dive into some the updated features including how to share your local site using secure tunnels via expose. Dbngin, Node, PHP versions and a glimpse of Herd Pro. 📚 What You'll Learn: By the end of this tutorial, you'll see the s new features added to Laravel Herd and understand how to share local sites using Expose secure tunnels. 📝 PREREQUISITES: ...
PHP Development Environments: Laravel Valet to Herd | williamsk
Просмотров 1 тыс.Год назад
📃 Welcome back. In today's tutorial, we dive into Herd PHP Development Environment. 📚 What You'll Learn: By the end of this coding tutorial, you'll be able to see the transition between Laravel Valet and Herd. You will be able to install and setup Herd PHP Environment. 📝 PREREQUISITES: Basic understanding of CLI and Familiarity with macOS 🔮 RESOURCES 🔮 🛠 Tools & Resources Used 📌 - Laravel Herd:...
Laravel 11: New Slimmer Application Skeleton | williamsk
Просмотров 12 тыс.Год назад
📃 Get a sneak peek at Laravel 11's new and improved slim application skeleton! This will be next update from the popular PHP framework which promises to make code even more efficient and user-friendly. Stay ahead of the code game with williamsk as we dive into the upcoming release of Laravel 11. In today's tutorial, we dive into a comparison of the new Laravel 11 framework and the promised slim...
Quickstart: Setting Up Your Laravel 10 Project in Minutes!
Просмотров 533Год назад
Quickstart: Setting Up Your Laravel 10 Project in Minutes!
What is Ngrok? Uncovering the Secret to Secure Tunneling!
Просмотров 18 тыс.Год назад
What is Ngrok? Uncovering the Secret to Secure Tunneling!
How to create a navbar with tailwind css
Просмотров 1 тыс.2 года назад
How to create a navbar with tailwind css
Laragon for Local Development - How to get started
Просмотров 7 тыс.2 года назад
Laragon for Local Development - How to get started
A Quick Look at Single and Double Quotes in PHP
Просмотров 2902 года назад
A Quick Look at Single and Double Quotes in PHP
Echo vs Print in PHP What's the Difference?
Просмотров 8202 года назад
Echo vs Print in PHP What's the Difference?
Commenting Scripts: Everything You Need to Know!
Просмотров 2502 года назад
Commenting Scripts: Everything You Need to Know!
How to Write your First PHP Script - Step by Step
Просмотров 1,2 тыс.2 года назад
How to Write your First PHP Script - Step by Step
How to Migrate Laravel Mix to Vite Frontend Tooling
Просмотров 1,8 тыс.2 года назад
How to Migrate Laravel Mix to Vite Frontend Tooling
How To Tweak Oh My Zsh For The Perfect Settings
Просмотров 2,4 тыс.2 года назад
How To Tweak Oh My Zsh For The Perfect Settings
How to Customize your ZSH Shell with Powerlevel10k
Просмотров 2,7 тыс.2 года назад
How to Customize your ZSH Shell with Powerlevel10k
How to Use the BEST oh my zsh Plugins and Aliases!
Просмотров 5 тыс.2 года назад
How to Use the BEST oh my zsh Plugins and Aliases!
Install oh my ZSH now for macOS Terminal - A Step-by-Step Guide
Просмотров 6 тыс.2 года назад
Install oh my ZSH now for macOS Terminal - A Step-by-Step Guide
PHP Environment Issues and Update Via Homebrew on macOS
Просмотров 1,5 тыс.2 года назад
PHP Environment Issues and Update Via Homebrew on macOS
Step-by-Step Tutorial: How to Implement Semantic Footer Elements
Просмотров 2362 года назад
Step-by-Step Tutorial: How to Implement Semantic Footer Elements
Elevate Your Web Content: A Deep Dive into 'Aside' Semantic Element
Просмотров 1902 года назад
Elevate Your Web Content: A Deep Dive into 'Aside' Semantic Element
Mastering Semantic Blog Sections: Essential Best Practices
Просмотров 1332 года назад
Mastering Semantic Blog Sections: Essential Best Practices
Mastering Semantic HTML5: Creating an Impressive Header
Просмотров 2932 года назад
Mastering Semantic HTML5: Creating an Impressive Header
Master Html5 Elements for a Stunning and Semantic Blog Page
Просмотров 2622 года назад
Master Html5 Elements for a Stunning and Semantic Blog Page
HTML Blog Layout: Learn the Tricks with Non-Semantic HTML Elements
Просмотров 1002 года назад
HTML Blog Layout: Learn the Tricks with Non-Semantic HTML Elements
HTML Block Elements And Inline Tags: What You Need To Know
Просмотров 1342 года назад
HTML Block Elements And Inline Tags: What You Need To Know
Its not installing in vite i dont know why it gives error
Great Video! Keep up the good work. 😉
Thank you! Will do!
It displays the error "Vite manifest not found at: C:\laragon\www\Falconni\public\build/manifest.json" how to fix? I followed the steps correctly.
I will try to run the code and see what I can find.
What is pretty url?
Here is a page from the documentation that gives a good explanation of what you’re looking for. Hope this helps. laragon.org/docs/pretty-urls
@williamsk thank you so much for taking the time to answer to me. It really helped! 🙂
Your welcome.
Is padding and margin are not working in this v4? Because when i use p and m nothing happens
Hello, I hope you’re well and thanks for watching. I believe they are working as expected. If you remember in version 3 the padding went up incrementally. So for the example class for padding p-* , pr-* , pl-* , py-* , px-* etc. followed a pattern of p-0 …p-40 and so on. So in v4 you should to use the specified classes or you could use your own arbitrary values like p-[your value] ex. p-[17rem] I also believe that the same applies for margins. I hope this helps, in future videos I’m going to create something so you may see how this works.
@@jayfacultymusic how you install from react
The migration assistant sucks. And their docs on manual migration also sucks.
Thanks for the comment. New platform updates can be frustrating. The migration assistant is still fairly new and I’m sure it has its quirks. And that’s one of the reasons I went over the manual upgrade process. I’m sure it’ll get better in future iterations. Hang in there😊
Could you please share with me the theme and font you are using in VSCode? It looks really beautiful, and I’d love to use the same setup.
Sure, this will get you started. marketplace.visualstudio.com/items?itemName=Catppuccin.catppuccin-vsc. There is a lot of other customizations that I do on top of this though. Thanks for watching, enjoy!
Tailwindcss v4 with vite can not installed following the documentation.🥺 I'll try with postcss (the way you did)... But, with vite even npm can not install the package.
I’m going to take a look at this process as well. I feel it’s still early and there maybe some things that need fixing.
@williamsk Yeah... I was getting issue installing the package as well. But, they've fixed that now and it works well with vite(VueJS)
Thanks, good to hear I will run an install with Vue.js as well, thanks for watching!
Please Share usage and setup of Tailwind V4 with React.
There is a process for React Router in the Docs tailwindcss.com/docs/installation/framework-guides. I may create a video, however the process is very similar.
@williamsk Please Do create short video , just to setup vite React and configure Tailwind v4
Is Tailwind the best CSS Framework for building modern websites in 2025?
@williamsk yep. its customizable you can create your own design
Yeah, I’m really looking forward to version four and it looks really easy to use this compared to other versions. Let me know if you wanna see more videos around the contact.
Yes! 100% 😉
Dude you literally haven't said anything meaningful about URI
Hey, thanks this is a great comment. The video is mainly focussed on the most common type of URI that people will encounter relating to HTML and the web which is a URL. To answer your question, what is meaningful about a URI is discussed in this video which is the break down of the character string and structure that represents all URIs - scheme,authority, path, query etc. In the case of this video a type of URI called a URL. I believe around 4:10 in the video it’s mentioned that you could do some research on your own about URIs. I hope this clarified any confusion. Thanks again for watching.
AAAAND it's down
😂❤️
It seems lot easier to build ui with this prebuilt components. What about livewire interaction here? have you tried? Oh or is it completely automatic components?
Sorry about the late reply, busy times😩. To answer your question, if what you mean by Livewire interaction is component functionality then it’s really good. Yes, I tried writing real world cases against these components. It works very well. Some components have automatic functionality attached to them for instance, dark mode and many others, while some components will save you the time of creating them from scratch with standard or expected logic out of the box, but you will still have to do some of the plumbing around what you’re trying to accomplish. I hope this helps. Take care.
Honestly, I would prefer AI rendering of 3D modeling so that you can build a database of assets and flow into an actual full story or even a full movie. A shape-able buildable universe. While still maintaining a consumer user friendly approach.
@@Supremax67 unreal engine is pretty easy now, especially with AI helping write code
Great conversation, interesting enough I also do some development with the Unreal Engine. Would you guys be interested in content like that on this channel. Always wanted to do it but not too sure if that is something the community would want to digest.
It was so good explanation that i got 5\5 in viva . Thank you very very much.
Glad I could help! 🎉
Thank you only video that helped. How do I take the ED25519 and covert it to a base64?
Bought
Congrats.. well worth it.
the background music is super distracting, and detracts from the content significantly.
this was indeed useful. thank you
I’m so glad you found it useful. Thanks for watching.
Your welcome.. thanks for watching.
forgot to mention that you need to first install git.
hmmm... I will look it to that not sure why I missed it.
It is paid 🥲
Yes it’s paid
I'd be curious to see the code example for your sidebar nav. I just purchased flux yesterday and have yet to get their layout sidebar example to work properly. The 'main' content displays at the bottom of the sidebar, none of the drop downs work. I started very similar to your video. Fresh Laravel install with Jetstream, Livewire etc. So no additional packages that could cause conflict.
You’re not alone, that’s a common issue that needs to be tackled! I’ll try to address this issue soon.
@ not sure if it’s 100% fixed, but when I updated the package on a new release, it started working as expected.
@ Thanks, for the comment and for sharing this info. Flux has been receiving steady updates and additional components and fixes are added to the library as it matures. Great conversation.
Great video! Epic production quality, too-how on earth do you only have 3k subs??
Lol good question working on it 😔😩
is Flux paid service?
Yeah, right now you need to buy a license.
What’s that theme you’re using in your editor??
Thank-you! That's sweet music at the beginning of the video. Do you know who the artist is?
Thanks, haha I do... can a say it's a trade secret? I know probably not the answer your looking for. All things aside I hope you found the video useful.
@@williamsk Yeah! Haha, I can maybe understand that. I tried to Shazam it, but it didn't pull anything up a song on my phone. I appreciate all of the good details you shared in the video. Keep sharing good music, and I hope to learn more from you!
Appreciate the video. I've been using TALL stack for awhile, and so this really interested me as a product.
I'm so glad you like the video, I feel like the content around TALL stack doesn't really get enough exposure. (Looking into this) This product will be interesting to say the least when the dust settles and it becomes more streamlined. Thanks for watching
I like fluxui, but a component library that is paid without free tier is really not good for majority of the devs especially beginners. If this project has free tier this will get more attention for new comers and this will increase the popularity of livewire.
@@heyyedwin this is not some unknown dev and it is a proven author - zero need to pretend to be a new player - nothing wrong as is. Zero reason to expect anything of this quality to be free, we didnt get some beta trash it was 1.0 day one - that is a paid product! free, psh.
Awesome video. Thanks for sharing! :)
Anytime you’re welcome. I hope you enjoyed it.
Intéressant mais pas indispensable. Surtout a ce prix la. Dommage
non, ce n’est pas essentiel mais ça s’améliore et je pense que c’est quelque chose à surveiller!
Honestly, I think the problem is the disproportion. $350 is very expensive and significantly limits the audience that will purchase the product, not to mention that we have enough bad experiences to know that this will soon be surpassed by an open-source solution that will "kill" the project, just as was and is the relationship between "Nova" and "Filament," where Nova is a paid product (surprisingly cheaper than Flux, priced at $300) that, unfortunately, is now on the verge of abandonment, with limited functionalities compared to what we have in "Filament." Anyway, I believe Flux will become a "Nova" very quickly. I have no doubt that soon an initiative will emerge that will be strong enough to replace or improve it.
@aleAmosin I agree with your statement, there are multiple ways of developing web applications now a days, and framework and services should be accessible if they want a chance for becoming mainstream.
It's sadly not ready, yet. Customization is also a pain at the moment. I bought it and waiting for bug fixes.
Thanks of the comment, I agree still in it's infancy but I am looking forward to it's potential. I feel you. Let's see what happens.
Great stuff man, thanks for the explanation.
Anytime, glad it was helpful!
Not worth at all ( for me 💰)
What do you use instead?
That's quite a strange comment. You might decide it's not worth it for your business case, workflow, cost/benefit, whatever. Fair enough. But "not worth at all" ... like, in an absolute sense, for anyone? You just commented to smack it down like that? (I don't have any affiliation with Flux or Laravel or Caleb or anything related. I'm a part-time hobby developer, don't earn money out of it, and still decided it's worth it for my goals and use case. Not regretting it at all!)
Pure ignorance and illiteracy, your comment can be reasonably dismissed.
Why u guys are getting frustrated.. ? I mean for me its not worth of the money, its bit expensive
@@bashafaris5908 Yep, that's fair enough, saying "for me it's not worth the expense". The way you said it originally sounded far more negative.
I have an older Intel Chip Mac, will I be able to run ChatGPT 4o? Or is only available on the silicone chips IE M1 or later. Thank you, Mark PS been using the web based version, but would really like to have it locally. Thanks again! Mark
I think it’s only available for Apple Silicon
@@williamsk Thanks William! much appreciated, Mark
You’re welcome, anytime I can help.
Cool design man!
Thank you! Cheers!
Nice
Thanks
Thank you very much!
Your welcome, glad you found it useful😀
Thank you very much!
No worries!
🔥🔥🔥🔥🔥🔥🔥🔥
This video is the best I’ve seen 🎉 very clean and good explanation,Thanks a lot man .keep it up 👍🏽
Holy I fall in the your voice and accent 😅😅
According to ChatGpt " The app is available for macOS 14 and Apple Silicon (M1 or better). If you are a ChatGPT Plus, Team, or Enterprise user, you can get early access to the new macOS desktop app via the ChatGPT account menu. The app will be more broadly available to free users in the coming weeks."
Great video. I tried to copy some text, but ChatGPT doesn't seem to have access to it.
Thanks for the comment. You can use the keyboard shortcut ⌘+S to unlock the sidebar or next to the three coloured dots you will also see the corresponding icon. Use that to paste your text. Do make sure your not in voice mode (if you see a mic and headphones next to the input field your not in voice mode ) or log in via the browser to continue your conversation there. Hope this helps. Thanks for watching.
@@williamsk In the RUclips video, it doesn’t look like you are pasting the text manually.
hi, thanks for this video. I can access the private key using your tip but the same "code" command wouldn't generate the public key when I give it the pub extension
Hey, sorry about the late reply. Your comment was held for some reason. Check out this link code.visualstudio.com/docs/setup/windows for how I use the “code” alias in windows power shell. At the end of the day you don’t require the “code” command to view the key. You could use notepad ++ or any other text editor to see it’s contents. The command just allows you to open that file within VS Code. I hope that answers your question. Let me know if this was helpful or not. Take care.
what is the li definitelynk dy OK so I've copied and pastuh to what's going on download the a pp specifically
Welp, it was nice using Fiver while it lasted
Can you please advise and confirm two things: First, exactly where you downloaded the app? Second is the ChatGPT desktop Mac app a universal app? Or does it only run on Apple Silicon Macs (not Intel Macs)?
Glad you liked the video. Check this link out for info: openai.com/index/introducing-the-chatgpt-app-for-ios/ If your a premium member you will be asked to download the app. I did not check the binary on the file, but it's about a 48mb DMG and .dmg's are usually architecture-independent. Hope that helps thanks for the comment.
is this an app? where can I access / download it please? I'm only using the chatgpt webpage. thanks for the video. impressive!
Thanks for the kind words. Yes it's a native app. openai.com/index/introducing-the-chatgpt-app-for-ios/ for more info. Take care.