Watching this after watching your "Learn HTML5 and CSS3 For Beginners - Crash Course." I noticed this video seems clearer. Keep these coming. Jedi Master! 👍👍👍👍👍
Dev Ed,the Man soon to Conquer all lovers of Programming...Coding+Magic+Comedy....Keep it up bruh...because of you I just got my Junior Web Dev job...Can't thank you enough
Hi Dimitri! :-D I'm just kidding... just card trick was very good! Ok, folks, I have downloaded the zip version, chef and barber are not displaying properly. Basically what you have to do is go to both html files and at the top find this line and change it for it's just one dot instead of two dots. Have a nice day everybody and thank you very much Edwin for the value you provide for all!
I watched the weather API tutorial you did months ago when you were at 10k subs. Congrats on the recent success, you are helping many aspiring developers :)
Just a bit: same font of different weight can be named in the same way manipulating just the font-weight property. e.g. you can declare the Poppins font using those declarations: @font-face { font-family: Poppins; font-weight: normal; src: url("Popping-Regular.ttf"); } @font-face { font-face: Poppins; font-weight: lighter; src: url("Poppins-Light.ttf"); } and calling the font like others: font-family: Poppins, Arial, sans-serif; font-weight: regular; // lighter or bold
Great UA-camr, Great videos .. I could not found the images used in this video , repository is empty!?
4 роки тому
I really liked the overall look of his VSCode workspace, and wanted to copy it, and if you're interested in replicating it, I think I found what he's using and just wanted to share with anyone whose interested. 1. Theme: I think he's using the 'Material Theme Palenight High Contrast' theme (search for 'Material Theme' in the Extensions tab and download it to get that theme and a bunch more) 2. Brackets: To get the brackets to be color coded so that you can quickly and easily identify the opening and closing brackets of different parts of your code, you could use 'Bracket Pair Colorizer' which can also be found in the Extensions tab.
Please don't stop making videos, I learned a lot from you. and could you build a Full Stack Web? Just like an Attendance Management a small one just for a demo. you're a Master in Web Development
Bruh! I swear I love and appreciate you videos. PLEASE keep up the work. I’d love to see more react projects from you perhaps a full stack with node and react! But thanks for the tuts tho!
All your random side comments crack me up man! 😂😂😂 “We’re gonna go on our body...that’s what she said” all nonchalant. I love it lmao. Laughing and learning on your channel. The best combo, so thank you for this!
Using more than once _is_ a very bad practice, that will not only affect your SEO negatively, but also people who use screen readers. Headings should always be structured in hierarchy, so h1 is the one defining the main content of the page, and h2 would be defining a section after h1. The only headings that can come after h2 are h2 and h3. Read more on html.com/tags/heading
Hey Ed, thank you so much for being around. You've saved a lot of us from watching crazy tutorials... It's a shame I'm watching this 3yrs later... I have a question tho, after following the course, I realized that clicking on the first page whilst on the first page fades out it's content. How do I fix that?
Thanks bro for the Javascript tutorial for beginners course, I used the if statement to solve the issue, comparing "current" to "pageNumber" and running the tl animation if they are not the same, else, no animation runs... Thanks bro, feeling a lot more confident...
You are the best programing youtuber. I want to learn html/css, and i started to know about these languages from you. You explain them very well. I would a tutorial on transform: translate and etc. I don't understand how they work..
Great video, just one recommendation tho! Show us what you gonna design at the beginning of the video or the final result at the end of the video. Thanks
Great tutorial , one of my best channels so far. I’m trying to do the same concept with photo split but I was wondering if I can get another image in place once the other two parts of original image come together in css?
Please create more full website using CSS grid ,flexbox. I am good in flexbox but struggle at css grid layout.. so please make full website demo.. so we can know exactly where and how can we use grid flex and more
The theme is Community Material Theme Palenight High Contrast... and to get the colors, paste the following code in your JSON settings: // Code to change colors of only the community material palenight theme "workbench.colorCustomizations": { "[Community Material Theme Palenight High Contrast]": { // Editor background color "editor.background": "#1d2337", "breadcrumb.background": "#1d2337", "editorGroupHeader.tabsBackground": "#1d2337", // Darker colored side bars and top menu of editor "sideBar.background": "#0e0f20", "activityBar.background": "#0e0f20", "statusBar.background": "#0e0f20", "titleBar.activeBackground": "#0e0f20", "sideBarSectionHeader.background": "#0e0f20" } },
Ohhh.. I thought there will be no magic.. But here it is... 😂 😂 😂 😂. I enjoy watching you than your tutorial. You have an unique character which funny to me. You will never be bored to me...
Hello Dev.🙏. The Problem 👈is ur amazing . I mean u just make coding in fun way.. not like serious teaching guy.. that's why I request u that please make Full 😍JavaScript Course 👈on project base.. many of us are newbie to programming.. it's(JavaScript)👈 really need of us... Please make full course For UR loyal Viewers.. as soon as possible.. please🙏
I learnt a lot from you sir. Thankyou so much for guiding us. Please make tutorial videos on animation , transition and all the property used in animation
Hi Ed! I have a question. I put hover into my css like you did for the MODEL one, and didn't put for the others one. Yet in your video there is an animation for all the pictures and I have at one only (checked many times, compared with your own code). So I had to write these properties separately for each one: .chef_right { transform: translate(0%, 10%); } .chef_left { transform: translate(0%, -10%); } .hero:hover .chef_right { transform: translate(0%, 0%); } .hero:hover .chef_left { transform: translate(0%, 0%); } .hair_right { transform: translate(0%, 10%); } .hair_left { transform: translate(0%, -10%); } .hero:hover .hair_right { transform: translate(0%, 0%); } .hero:hover .hair_left { transform: translate(0%, 0%); } - does it look too scary? And why don't I see this in your code and all the hover effects work?.. I'm confused.
sir your tutorials are nice, but i think its better to put responsive design code in separate file, because it is messing with other code and creating confusions sometime.
Hi Ed, I have one question, what is the tool that you utilize for layout design, I wanna say that you amazing person that teaches. Thanks for everything
Best card trick yet. You're a talented guy Ed.
People who dislike. What do you want?
He provides knowledge and entertainment. What more can you ask?
They disliked because the awesome magic trick was too much for their little minds
You know is possible to missclick right? Specially in small mobile devices
@@literallybiras it's also possible to undo that and like the damn video
@@NikhilAdiga l a z y
i diskliked because he's just looking to the code in the sceen next to him and copying it
"Now its empty like our lives. It gets better, I promise." -Dev Ed
He is true legend
brilliant, this made me laugh!!
Excellent
came here to find this comment. lol
I came for the magic trick and stayed for the code. You the best Ed.
Paraphrasing you:
"I came here for copper, but I found gold"
Watching this after watching your "Learn HTML5 and CSS3 For Beginners - Crash Course." I noticed this video seems clearer. Keep these coming. Jedi Master! 👍👍👍👍👍
Honestly learned more from him than school, HTML CSS and Coding in general sounded way waayy better.
Dev Ed,the Man soon to Conquer all lovers of Programming...Coding+Magic+Comedy....Keep it up bruh...because of you I just got my Junior Web Dev job...Can't thank you enough
Hi Dimitri! :-D I'm just kidding... just card trick was very good! Ok, folks, I have downloaded the zip version, chef and barber are not displaying properly. Basically what you have to do is go to both html files and at the top find this line and change it for it's just one dot instead of two dots. Have a nice day everybody and thank you very much Edwin for the value you provide for all!
I watched the weather API tutorial you did months ago when you were at 10k subs. Congrats on the recent success, you are helping many aspiring developers :)
I think you accidentally put inside the and forgot to change it? Great video series btw! Absolutely love it especially the structure of it.
Yes, I noticed that too
Man that explanation and specially the magic trick is totally on next level.
Thanks!
Could you make a quick video how to setup VS Code for html/css/python etc? some useful plugins?
Just a bit: same font of different weight can be named in the same way manipulating just the font-weight property.
e.g. you can declare the Poppins font using those declarations:
@font-face {
font-family: Poppins;
font-weight: normal;
src: url("Popping-Regular.ttf");
}
@font-face {
font-face: Poppins;
font-weight: lighter;
src: url("Poppins-Light.ttf");
}
and calling the font like others:
font-family: Poppins, Arial, sans-serif;
font-weight: regular; // lighter or bold
2 clips of you certainly saved my project good work ed, hope to see more useful tips thanks a lot
that intro alone deserves a like
Great UA-camr, Great videos ..
I could not found the images used in this video , repository is empty!?
I really liked the overall look of his VSCode workspace, and wanted to copy it, and if you're interested in replicating it, I think I found what he's using and just wanted to share with anyone whose interested.
1. Theme: I think he's using the 'Material Theme Palenight High Contrast' theme (search for 'Material Theme' in the Extensions tab and download it to get that theme and a bunch more)
2. Brackets: To get the brackets to be color coded so that you can quickly and easily identify the opening and closing brackets of different parts of your code, you could use 'Bracket Pair Colorizer' which can also be found in the Extensions tab.
Please don't stop making videos, I learned a lot from you. and could you build a Full Stack Web? Just like an Attendance Management a small one just for a demo. you're a Master in Web Development
It seems so easy while watching this but if we try that on our own...then we realize how hard it is
You could also specify the font-weight in @font-face declarations to avoid having 3 font-families for a single font of different weights.
Big fan of your tutorials ... I am impressed by your explanations. Learnt many languages/ tools from your videos
You have a great future Ed. I'm saying it with all my heart. Love your stuff.
Just stopped by for little inspiration and some laughs. You sir came through on both. Much love 🥰🤣
Bruh! I swear I love and appreciate you videos. PLEASE keep up the work. I’d love to see more react projects from you perhaps a full stack with node and react! But thanks for the tuts tho!
I like that you make this tutorial fun with your good sense of humor. I do love your video and always look forward for the new one.
The way of your explanation is awesome, lub you Sir.
All your random side comments crack me up man! 😂😂😂 “We’re gonna go on our body...that’s what she said” all nonchalant. I love it lmao. Laughing and learning on your channel. The best combo, so thank you for this!
thanks a bunch for these amazing and fun tutorials
Lol. That card trick put a big smile on my morning.
Is using the tag more than once not a bad practice?
It would be more appropriate to replace with , and wherever you could use or tag
Using more than once _is_ a very bad practice, that will not only affect your SEO negatively, but also people who use screen readers. Headings should always be structured in hierarchy, so h1 is the one defining the main content of the page, and h2 would be defining a section after h1. The only headings that can come after h2 are h2 and h3. Read more on html.com/tags/heading
@@Italiafani interesting, didn't know it matters for accessibility.
Sir can you make video about back end . We really need for backend programming
I have seen a tutorial on that trick! You change the cards with your thumb and pinky. Cool trick btw!
Hey Ed, thank you so much for being around. You've saved a lot of us from watching crazy tutorials... It's a shame I'm watching this 3yrs later...
I have a question tho, after following the course, I realized that clicking on the first page whilst on the first page fades out it's content. How do I fix that?
Thanks bro for the Javascript tutorial for beginners course, I used the if statement to solve the issue, comparing "current" to "pageNumber" and running the tl animation if they are not the same, else, no animation runs...
Thanks bro, feeling a lot more confident...
You are the best programing youtuber. I want to learn html/css, and i started to know about these languages from you. You explain them very well. I would a tutorial on transform: translate and etc. I don't understand how they work..
You are by far the best Ed. Love your works. Thanks bro
some a grade stuffs right there! looking forward to the next part Dimitrii!
You are awesome! I have just started making web sites professionally and You sir are a big help!
Magic trick is very good...!! Your way of talking is 👌👌👌
how named is vscode theme that you using?
edit: oh and what is that photo viewer/editor, i like how it looks like :D
2/2/2018, the time that I stayed on the toilet... Haha UA-cam gold
Love your videos man...........Your videos are really calm and peacefull to watch and gets absorbed really good...........Thanks for your effort
is there a reason why the main div is nested within the header?
I am so excited to finish my website!!!!
That magic trick is actually clean af
Great video Ed!As always.I want to ask you some question if you don't mind.Why won't you use display flex on the banner to center the text?
Hi, I cannot locate the image files. There doesn't appear to be a link and I can't see them on your patreon. Thanks.
Here you go: www.patreon.com/posts/build-and-design-29344172?
@@RaouldeVries thank you sir. you're a hero
Great video, just one recommendation tho! Show us what you gonna design at the beginning of the video or the final result at the end of the video. Thanks
Very easy to follow, and funny too! Keep up the good work!
Damn, Ed! You're rocking and shining like a star.
Really great video, literally one of my favorite dev youtuber.
Normally I skip intros, but I can't do that with yours. Magic Ed! (Could be your new channel name?)
You’re hilarious, “that’s what she said!”! Learned some awesome new stuff today. Thank you. 🤩
where are these pictures i don't see them in the description
Great tutorial , one of my best channels so far. I’m trying to do the same concept with photo split but I was wondering if I can get another image in place once the other two parts of original image come together in css?
Where can i get the resources used to make this website ???
Anyone pls tell me !!
I can't find it in the description :(
Please create more full website using CSS grid ,flexbox. I am good in flexbox but struggle at css grid layout.. so please make full website demo.. so we can know exactly where and how can we use grid flex and more
your intro just made me smile
Hey Ed great videos, just a quick note. The ::before and the ::after are pronounced sudo elements.
What are your VSCode settings? They look poppin'
The theme is Community Material Theme Palenight High Contrast... and to get the colors, paste the following code in your JSON settings:
// Code to change colors of only the community material palenight theme
"workbench.colorCustomizations": {
"[Community Material Theme Palenight High Contrast]": {
// Editor background color
"editor.background": "#1d2337",
"breadcrumb.background": "#1d2337",
"editorGroupHeader.tabsBackground": "#1d2337",
// Darker colored side bars and top menu of editor
"sideBar.background": "#0e0f20",
"activityBar.background": "#0e0f20",
"statusBar.background": "#0e0f20",
"titleBar.activeBackground": "#0e0f20",
"sideBarSectionHeader.background": "#0e0f20"
}
},
Ed, it gets better indeed all we need is to count our blessings :)
Growing so fast 😍😍
Loool, my jaws dropped...that was a good magic trick.
OMG! You are amazing in web programming code and in the magic tricks!!
whats the name of that program that you were using to display the layout of the images
Edit:
The name ofthe program is Figma
thx
Hey dev. How can I access those images in the description? You said you'll dorp the link but I can't find it
The magic tricks are the best intro.... luuuuv em, aren't they expensive tho?
i used to do magic and now im coding i really love this channel.
Hey, I can't find the image files. Would you please give the link?
me too...
@@nourelhoudacasti5842 Here you go boys : www.patreon.com/file?h=29234775&i=4314373
@@Thejusticier44 is it responsive??
@@saraharslan1435 yes
@@Thejusticier44 thnks a lot but still not working
ok that was actually an insane card trick
The download files are not in the description still....
You are my favorite programmer. Love your stuff
Ohhh.. I thought there will be no magic.. But here it is... 😂 😂 😂 😂. I enjoy watching you than your tutorial. You have an unique character which funny to me. You will never be bored to me...
Hey! You are my favorite web designer..if you can please make the video for responsive navigation bar
I swear I'll do big donation to you Ed once I get paid for the hello world projects I make
Why U R not setting font size for root, and after use rem. Just wonder how U manage the font sizes for 2k and 4k.
Iike always ur best buddy! ...I find ur all videos full of creativity plzz keep the work up!
only three words n that is - u are awesome........!
great magic trick Ed, it was so interesting as all of your tricks
Hello Dev.🙏. The Problem 👈is ur amazing . I mean u just make coding in fun way.. not like serious teaching guy.. that's why I request u that please make Full 😍JavaScript Course 👈on project base.. many of us are newbie to programming.. it's(JavaScript)👈 really need of us... Please make full course For UR loyal Viewers.. as soon as possible.. please🙏
cant see any images in description ... do I need better glasses ?
This video is really good except for the link for where the images are so we could follow along?
Best trick card ever!!! You’re a magician! 😱
Dev, you did one mistake, you should have closed header tag and then you should have started with main tag outside of header tag. Please check it.
I haven’t found those photos.please help me out
I learnt a lot from you sir. Thankyou so much for guiding us. Please make tutorial videos on animation , transition and all the property used in animation
I learn a lot from your tuts... thanks
Hi Ed! I have a question. I put hover into my css like you did for the MODEL one, and didn't put for the others one. Yet in your video there is an animation for all the pictures and I have at one only (checked many times, compared with your own code). So I had to write these properties separately for each one:
.chef_right {
transform: translate(0%, 10%);
}
.chef_left {
transform: translate(0%, -10%);
}
.hero:hover .chef_right {
transform: translate(0%, 0%);
}
.hero:hover .chef_left {
transform: translate(0%, 0%);
}
.hair_right {
transform: translate(0%, 10%);
}
.hair_left {
transform: translate(0%, -10%);
}
.hero:hover .hair_right {
transform: translate(0%, 0%);
}
.hero:hover .hair_left {
transform: translate(0%, 0%);
}
- does it look too scary? And why don't I see this in your code and all the hover effects work?.. I'm confused.
Why did you place tag inside a ? Is this a mistake?
I will love to see these kinds of tutorials more 🤓
Even could not realize how i came till the end of the video) Nice job!
I don't like it to ask for content, but this one I'll have to. On your 100k special, you showed a dinamic portpholio, could you teach us how to do it?
sir your tutorials are nice, but i think its better to put responsive design code in separate file, because it is messing with other code and creating confusions sometime.
Mr. @DevEd, I didn't find any links to images in description, please update if possible.
i like your videos before i watch them. :)
Your awesome man....your videos taught me a lot.thank you so much
Hi Ed, I have one question, what is the tool that you utilize for layout design, I wanna say that you amazing person that teaches. Thanks for everything
Hi, I couldn't find the source code of this course 🥲🧑🏻💻
3:30 to 3:38 "It's empty like our lives"
LMAO
I NEED THE NEXT VIDEOOOOOOO *breathes heavily*