Just a note for young developers : if you're work is to develop big web apps for clients, you dont need to learn these (coming from a full stack developer). Young designers: learn everything from this guy.
I can suggest adding something like a "border: 2px solid rgba(255, 255, 255, 0.25)" for niceer border and "box-shadow: 0 0px 80px 0 rgba(85, 127, 173, 0.37)". Values depend on the picture, but the idea is clear ;)
If you gonna use this backdrop-filter, then you don't need to convert any colors, just use #rrggbbaa or short #rgba notation. And for the future it was a bad recommendation to suggest rgba, because future syntax use just rgb / hsl / hsb / lab / lch / _etc._ like that: rgb(255 255 255 / 30%) or rgb(0 0 0 / .3) This is recommended approach for the future. And when you don't need alpha, just close bracket after 3 numbers.
The Mr beast ai sound, The sound effects in the middle of video, The video editing, And the presentation, Code clarity Everything's looking good ! You just earned a sub 🔥🔥🔥
About the color codes, you can use the HEX color codes too, you just need add the fourth octet, that's represent the alpha channel, like this: #ffffff80, it's same that's rgba(255,255,255,128)
Jo you dont need the rgba thing just do a Hex with 4 or 8 value digits. For example #0004 will give you a black with opacity 4/16 or #ff0000b0 is a more opace red. Enjoy🎉
Everything's looking good ! You just earned a sub because Everything is just crazy good sound effect in the middle of the video make it more Intresting
Cool! Thanks! One question (not for theme of this video) --- how you create rainbow active tab in vs code? and gradient in the css rules? Looks great!! Thanks for video! Love Glassmorphism!
im still new, but when you click on the color wheel theres a slide bar that does basically that same thing as those values you enter at the end, eg 0.3 opacity just drop the left slide bar down
Sir, you always teach and show one of the best tutorials of UI/UX and web design and thats also even better and clearer than most of the videos. Keep it up ✌🏻✌🏻
Does anyone know react-icons library, Having hard time sizing icons with css, don’t know why it doesn’t work with css properly, moreover using size as prop on icon component 1rem em etc also doesn’t work. Thank you all
Tip from a Fullstack dev(with a job)..... choose 1 Fullstack 4-10 hour long tutorial in react or nextJS... finish it then make it better, work on it for a couple weeks, make it a decent project, make it your own... then choose another 4-10 hour long tutorial ... FULLSTACK apps .... in 6 months you will be proficient in an industry level framework and language(typescript) .....
Just a note for young developers : if you're work is to develop big web apps for clients, you dont need to learn these (coming from a full stack developer).
Young designers: learn everything from this guy.
yep, its a sad reality that the highest paying jobs are the most boring LOLOL and unless its a game website... people praise simplicity
dude! wanna connect? i am a beginner full stack dev. need some guidance/directions.
@@Aviation_4DI'm a beginner too. Wanna make projects together?
@@thecrusader.25225 do you use discord?
@@thecrusader.25225 sure, let's connect.
Mr Beast AI voice is a horrible choice.....
Agreed
It’s like listening an alien pretending to be a human
lol i didnt even noticed 😂
Not to mention illegal.
I was about to say is Mr beast secret a programmer/designer
I can suggest adding something like a "border: 2px solid rgba(255, 255, 255, 0.25)" for niceer border and "box-shadow: 0 0px 80px 0 rgba(85, 127, 173, 0.37)". Values depend on the picture, but the idea is clear ;)
Oh I’m lucky today, I’m discover you!! I feel like Cristobal Colón now XD nice video!
Thank you so much 😍😍😍
If you gonna use this backdrop-filter, then you don't need to convert any colors, just use #rrggbbaa or short #rgba notation. And for the future it was a bad recommendation to suggest rgba, because future syntax use just rgb / hsl / hsb / lab / lch / _etc._ like that: rgb(255 255 255 / 30%) or rgb(0 0 0 / .3)
This is recommended approach for the future. And when you don't need alpha, just close bracket after 3 numbers.
thank you so much . your page helped me a lot
😢 learning react , today while finishing a personal project i realised my css skill got rusty , thanks for the video ❤,
excellent! the info's helping a lot for the Glassmorphism Design
using backdrop-filter: blur() also makes the content a little bit blur. I don't use these for this reason.
What do you use instead?
@@spacemanXVI. I used to create pseudo element for backgrounds and then use backdrop filter on it. This gives much clearer and better result.
The Mr beast ai sound,
The sound effects in the middle of video,
The video editing,
And the presentation,
Code clarity
Everything's looking good ! You just earned a sub 🔥🔥🔥
Yup that was excellent!
About the color codes, you can use the HEX color codes too, you just need add the fourth octet, that's represent the alpha channel, like this: #ffffff80, it's same that's rgba(255,255,255,128)
bro i was searching for something like this for a while
thanks brother
This is really one of the best tutorial
Great work brother... promise you that i will give you atleast 100 more subs (every one from my class)
Wow Tha k you so much brother 😍😍
your content is dope
i will watch your content to up my CSS game
That's beautiful!
your channel is so helpful, amazing display of the content
This is a great channel!
Thank you so much
You got a new Subscriber 😇
Nice work dude.
Geat, Thank you so much ❤️❤️
I hope if you can expand some more so the beginners can learn and understand 🎉
Thanks
So you guys aren't gonna talk about his voice😂
Jo you dont need the rgba thing just do a Hex with 4 or 8 value digits. For example #0004 will give you a black with opacity 4/16 or #ff0000b0 is a more opace red. Enjoy🎉
You can add transparent to hex #colors, add level at the end, like #ffffff40 or #dddddd20...
Thank you 😍😍
text-blue-500/30 .... done, tailwind CSS is king
Damn... The algorithm finally doing some good shit. Nice style u earned a sub 🤙🏻 Thanks👌🏻
In fact, you can use any color format and add transparency by using the color-mix css function. be careful with browser support though
the sound effects are 10/10 😂😂😂😂
This guy is not from planet earth, You are so great, Your presentation is Top-notch.
Sir, This is not Web Development. THIS IS ART!!! its beautifull!!!!
Thank you so much brother 😍😍
Development by itself its art
Please sir, make some videos on the different style's examples which you mentioned in the starting of your video.
Hey, amazing video! How did u create this shape on the headline?
Everything's looking good ! You just earned a sub
because Everything is just crazy good
sound effect in the middle of the video make it more Intresting
Thank you so much bro 😍❤️
Very cool! Thanks!
I'm glad it's useful 😍😍
i love the meme thing 😂
Following because of the sudden violin notes 😆
Next time I will play the violin a lot to get more people to follow me 🤣
Nice vid, btw are you a Vietnamese? :)
That's right, hello countryman ^^
Cool! Thanks! One question (not for theme of this video) --- how you create rainbow active tab in vs code? and gradient in the css rules? Looks great!!
Thanks for video! Love Glassmorphism!
You will find the answer in the description of this video
Interesting😃👍
Ok, subscribed!
im still new, but when you click on the color wheel theres a slide bar that does basically that same thing as those values you enter at the end, eg 0.3 opacity just drop the left slide bar down
Uu are best
You Rock!
Sir, you always teach and show one of the best tutorials of UI/UX and web design and thats also even better and clearer than most of the videos.
Keep it up ✌🏻✌🏻
Thank you very much, let's try together ❤️❤️
@@lundeveloper Sir, do you have a github account? If so, can you share it,😅
cool, thanks for the tip
😍😍😍
What theme do you use for vscode? I find it very beautiful
Plz tell me
I think he had posted a video regarding that
I was wondering, why MrBeast started making coding related video and the comments cleared it out 🤣
Nice video, but man that AI voice is grating. It really hurts my ears. Some constant little sound-hissing in the higher frequencies.
Does anyone know how to this code but don't know what it's called? 🤭
i know because i this in every website
Is that Mr.Beasts voice? Lmaooo
You are a legend
Thank you so much bro 🔥🔥
hey buddy, my I know the font you use in website for this video, especially the on on glassmorphism tab. I like it, thank you
wow beautiful thank you sir.
Thank you so much 😍😍
Use Kim Kardashian voice for the videos! 😂😂😂
Could you make tutorial how to make this hero section with animation
good enough without the tiktok voice
Please sir, create some videos on the designs of Glassmorphism at 0:32 seconds
I Will 😍
🗣3:33 🎼🎶🎵 🚬
Does anyone know react-icons library,
Having hard time sizing icons with css, don’t know why it doesn’t work with css properly, moreover using size as prop on icon component 1rem em etc also doesn’t work. Thank you all
Heavy editted
10 seconds per jo background sound hai uska name kya hai
Doing daily UIUX, at day 1
Tip from a Fullstack dev(with a job)..... choose 1 Fullstack 4-10 hour long tutorial in react or nextJS... finish it then make it better, work on it for a couple weeks, make it a decent project, make it your own... then choose another 4-10 hour long tutorial ... FULLSTACK apps .... in 6 months you will be proficient in an industry level framework and language(typescript) .....
can you provide the html for this css?
What is name of background music you used in between the video
Awesome
Thank you so much 😍
The -webkit- should go before the regular in your code. Or am
i stupid?
Omg, someone help me: how to change syntax highlighting to these beautiful gradients?😅
Noice
Read it as an Indian Heck of a channel name
It is a good video
please i am new to VS CODE AND I RALLY LIKE URR R VS THEEMEE PLEASE SAY HOW TO DOWNLOAD
Tutorial for creating website like you used.
i see, ưepkit :))))
Ồ yé :)))
@@lundeveloper tôi cứ nghĩ đây là kênh nước ngoài cho đến khi xem được vid này :V
@@bachnguyen2367 🫣🫣🫣🫣 Đã bị bại lộ 🫣🫣🫣
I see a Tailwind logo on Css file 👀
Ủa, dùng bàn phím telex mà studio code nó vẫn nhận dạng được luôn à ông?
Sao hăm
TRULY A LUNDEV
"ưeb" - I am pretty sure this guy is Vietnamese :))
🤭🤭🤭🤭 Điệp viên đã bị bại lộ danh tính 😅
yo I caught the “ư”, are u vnmese? lmao
🫣
Cool tips. Do you have the source code for this website(I’m trying to learn web development)
Of course, please subscribe to the channel to see that video as soon as possible 😍
replace rgba(0, 0, 0, 0.23) to rgb(0 0 0 / .23)
Where do you get the images you use for your website?
Ủa giọng tiếng Anh của anh nghe khác hẳn nhỉ
Không phải giọng anh nè ^^
@@lundeveloper Chắc chi em nghe hơi lạ. Nhưng phong cách này xịn thật ý
Cảm ơn anh ạ 🥰
Did you use ai generated audio for this video?
If not, Lun has the weirdest inflections and pacing I've ever heard lol. I love these tutorials, but the voice narration is distracting at times.
Can u give the images
Hi, If you need images in the video, please message me, information is in the description
Why can't you talk with your own voice? 🤔
Content is good, but dear god the voice and the sound effects are horrendous..
Why can’t you just use a normal ai voice. It sounds like an alien and the constant shouting makes it hard to listen to.
Is this channel using AI voice?
I hope to never hear this AI voice ever again.
Lmao that editing and voice is horrible. Good video though
This is so fucking weird.
G0D
I want to use some of your shopping cart code. But it has bugs. Do you provide paid support? can I email you?
Of course, I've put contact information in the description.
LOL, bro is using telex while writing code 🫡
Garbagio 🤌
You need to go back to school
please can i know where you get your images?😭😭 i only get trash photos🥲
Please check out the community tab, I've shared a lot of stuff there.