@Dev Ed Dude I strongly believe you did practice this before doing this, if you stop at 3:11 you can see that he already had the same webpage in the google chrome peek view in the taskbar WIth the same exact pic and color. Anyways your work is great!!!!!!
Tools that he used in this video 1. Affinity Photo (Photo Editing Tool) 2. Figma (UI/UX Designing) I just Love Your Videos. Make More Awesome Website Designing Videos. Waiting..................
just add a nav bar and then take a screenshot of that design and add to your website and add a button on that pic for download and you will be done in 10 minutes hehe
Thats what ive noticed too haha he's trying to make this video like a realtime creativity but in this frame he had the design already done in Figma ! Wow
I was going to coment that I was amazed at how some details fit and worked perfectly together, like the waves with the body posture and the color of the buttons with the gradient of the circle for a supposedly spontaneous design haha.
Can you continue to make this into a tutorial series please? I would love to see this in a website where you can interact with the buttons, or can Figma only export it as a png? If you continue this, can you make another time based challenge for yourself? I'd love to see how much you can achieve.
Love your content and especially your enthusiastic way of delivering it. CAN YOU PLEASE MAKE A VIDEO TO CHANGE THIS DESIGN INTO A WEBSITE/CODE. It will be something to follow along to close the project. Thanks
Front end developers know it all. If not, they're not front end developers. This is just a redundant, useless piece of crap. A rough sketch would be enough, if at all you need one.
I like his videos and I really appreciate that everything is planned, but acting as it is the first time searching for the picture etc. is just silly ...
My favorite tool for dev: Notepad++. Unfortunately, it takes a bit longer than 20 min when you literally have to hardcode every bit of your website. You've got some really good implicit tips in this video, actually.
I love these kinds of videos tbh, not much of a designer and just pretty good at converting designs to html/css, enjoying seeing some process to give me ideas :)
buy the x-t3, much better image quality for video. body and lenses are also much cheaper then the a7m3. but the most important thing is for me usabillity, i love the x-t3 and its customization. i switched from sony to fuji a couple of months ago :)
i appreciate this website design videos but please do videos where you actually create a working and responsive website from scratch. website that you have designed using this software.
Why are people getting mad that he already designed it? Obviously he had to practice, he was just showing how much time things take to be done, the thinking process takes longer, that’s not his problem.
I can understand. Some videos must be pre planned in order to make it perfect. I totally agree. Nice video. I am seriously appreciating your work. I really learned a lot from you.
Loved the video, its nice to know that I'm not the only one who keeps second guessing what I'm doing when designing lmao. It would be interesting to see how you would go about planning and designing a real website with a normal timescale.
Make it your own project then, and look at it as a form of an exercise to make this design a fully functional web page. The best possible way to learn this kind of stuff is to get your hands dirty and start doing it on your own. Its going to be hard at the beginning but trust me, that is the only way. And since this is pretty easy it makes the perfect proj. for a beginner
Great video! Next time can u do a long one page website? Like one where you can scroll down. I really love your designs and i really want to see how youre going to do something like that. Thanks!
Ok,so i noticed something a bit weird. On an old video (1 week ago) Dev ed created a python bot for twitter which gets him, followers. While he was installing geckodriver which is something you need to use this bot he went through his files and folders and one of the folders i noticed was Riot games which implies that he actually plays lol (league of legends for the normies). Dev Ed plz reply wats ur rank and main
can you make a video about how to code it too? and maybe design and code a website for desktop tablet and phone? would appreciate it. thanks for teaching us.
Bro if you just searched for “apple store button” you will find the whole brand in their website open to use and you could save like 4 minutes 😄 For the camera i do recommend you to get a Sony A7s III; it’s just the BEST ✌️
hey i'm brazilian and i really like the content of your videos and the natural form that exposes them! surely this channel will grow a lot! can you talk a little bit about nodejs workers? I found some videos explaining, but very superficial, I hope your next video! Thank you.
For auto-focus, just go with Canon, 80d is a good choice for awesome autofocus with cheap price, for more expensive u can go with canon 6d or 5d3 and etc
Hello, Wonderful videos. Can you show step by step how to make an ecommerce site that we can create on own machines and then when everything is finalized, we can upload it to a website to make it go live on the internet? Also, is it advisable to use a CMS system like wordpress, or just go at it from scratch?
@dev ed i am new web des/dev...i kind of get the point of making this as a reference to show someone...but i can make it in html css in kind of same time..so i just need to know what was the point of making a website template like this? sorry...in advance....im lill nervous asking all this. but i am confused.
I am learning a huge amount from your videos, so thanks. Could you please show how to animate an SVG image in an HTML webpage with css and /or JavaScript where both the css Stylesheet and the SVG file are external to the page so it could' for example, be differently animated on separate pages of the website. I seem to be only able to succeed when the SVG code is placed directly in the webpage itself. That would be great!
I have a question: is it better for me to design website with wix or do it this way then bring it to life through back end coding? Which way is more efficient? Am I able to make cool UI designs using wix etc? (Saving me time on coding)
Thanks Ed. Great work, great content! I would love to see some more Greensock 3 animations - more so, animating accross different viewports with JavaScript. Example: you use media query’s for different screen sizes. For instance you have let’s say a grid of 6 boxes with just images. For large screens they they slide in up but on small screens they slide in from the left or right, if you understand that. How would you create the animations for different viewports using just JavaScript?
We a yoga channel now.
😜😜😜
Sorry to say,, what software u use for this design
Thanks Dev Ed
@Dev Ed Dude I strongly believe you did practice this before doing this, if you stop at 3:11 you can see that he already had the same webpage in the google chrome peek view in the taskbar
WIth the same exact pic and color.
Anyways your work is great!!!!!!
hi, are you from Romania? xd
I thought he was actually gonna code it
Me too haha
me too
me too XD
Me too🙁
me too
at 3:11 mins you can see he already had it designed in a seperate chrome window ;)
What's up, guys. This is Joey Salads and today I'm going to design a web site in 20 minutes or less.
That sucks, I was so impressed. He pretended to spontaneously find the yoga girl 😞
get rekt
Wow, eXposEd...
yikes I almost subscribed
3:10 respect points lost = 5000. You designed the whole thing ahead of time 😞. The search for yoga girl was staged, this hurts.
Exposed
Wow.
And he still struggle to make it in 20 mn
The font-awesome didnt tho
@@nrapiera he could've if he wasn't explaining to us
Tools that he used in this video
1. Affinity Photo (Photo Editing Tool)
2. Figma (UI/UX Designing)
I just Love Your Videos. Make More Awesome Website Designing Videos.
Waiting..................
Thanks bro
@@PuzaExplores
Welcome ❤
thank you soo much.
Thankss Man
@@rivalart2854 Hehe
Now make this same website with Html and Css in 20 minutes hehe
I was about to say that
20 is too much
ez
I was to about to say that xdd btw to much ? I want see your potatoe in 20 min
just add a nav bar and then take a screenshot of that design and add to your website and add a button on that pic for download and you will be done in 10 minutes hehe
Selection of photo looks so natural :D but you have already planned everything 3:11 chrome
Good catch!
Very good spot with the (1) on the filename!
Thats what ive noticed too haha he's trying to make this video like a realtime creativity but in this frame he had the design already done in Figma ! Wow
I was going to coment that I was amazed at how some details fit and worked perfectly together, like the waves with the body posture and the color of the buttons with the gradient of the circle for a supposedly spontaneous design haha.
The acting was so natural
3:30 - *Suggestion* -> Use www.remove.bg website to remove the background. it is very very accurate
Thanks
Thank you!
thank you so much now from now i stop using Ps
They recently launched a desktop app so you can use it offline.
This one works great, too: www194.lunapic.com/editor/?action=transparent
real time or not, i learned alot, thanx
Same bro
Exactly
Learn something else, "a lot."
Maybe do one that is not staged? 3:10
I WASNT THE ONLY ONE WHO NOTICED THAT
Fakes hurt the community 😭
Disappointed. Didn't actually code it, but thats fine you said design.
Respect was lost when we saw it preplanned.
Of course we're lacking a mobile version. And it would be interesting to see you code this now, especially w/o using a giant background image.
@@internet4543 yup
My favorite channel! I got a lot better at HTML and CSS just watching 3 videos so thank you so much!
Can you continue to make this into a tutorial series please? I would love to see this in a website where you can interact with the buttons, or can Figma only export it as a png?
If you continue this, can you make another time based challenge for yourself? I'd love to see how much you can achieve.
Love your content and especially your enthusiastic way of delivering it.
CAN YOU PLEASE MAKE A VIDEO TO CHANGE THIS DESIGN INTO A WEBSITE/CODE. It will be something to follow along to close the project. Thanks
The title clearly says DESIGN and not CODE. So idk why some of you were expecting him to code an entire website in 20m?
3:11 I mean.. C'mon buddy
E Mileta, oko sokolovo :)
xD
"What do people use these day? Font Awesome??"
apple already in the search history..
What a player.
How would you go on after this, what's the process looks like after you have a design, and then create the real website?
Kamal Mahmud you use html, css, and JavaScript to make it
Why tf did he create this then?
@@canvaapplessons1224 Usually UI/UX designers don't actually know how to code. They make the design and then the other department will code it.
@@canvaapplessons1224 this is the work of ui/ux designers. Then front end developers had to code it in html, css etc.
Front end developers know it all. If not, they're not front end developers.
This is just a redundant, useless piece of crap. A rough sketch would be enough, if at all you need one.
After u design a site, u try to give it life in Html, js, css?
"Who speaks French these days?"
French people- are we a joke to you?
Oo Man it okay if your camera is old.
Because "OLD IS GOLD".
Love Your Tutorials.
Thanks man.
I like his videos and I really appreciate that everything is planned, but acting as it is the first time searching for the picture etc. is just silly ...
My favorite tool for dev: Notepad++. Unfortunately, it takes a bit longer than 20 min when you literally have to hardcode every bit of your website. You've got some really good implicit tips in this video, actually.
I speak French
You never bore in your videos and make web development more fun! I am loving your videos.
Any chance of getting a full react project series? It's probably waaaay too much but I thought I would ask anyways haha
this is the first video I ever watched about design now im pretty good at it ,, and watching it again gave me a really really good feeling 🥰
"That was tough, I am not gonna lie!"
You lied but still love your video.
I love these kinds of videos tbh, not much of a designer and just pretty good at converting designs to html/css, enjoying seeing some process to give me ideas :)
I really liked your tutorials but in fact, I prefer to see this tutorial's second part like implementing this design to the code.
you are a great person i mean humble even when someone talk you badly......(fiverr 5$ website) i follow you....like you too!
I liked your way, It's new way on youtube, in 2020 you will got million subscript
Unfortunately ppl that's not the case but I think he's fine his type of content makes revenue better than those for entertainment
@@faikburakersoz4562 it's actually nice and clean did you use react?
Subscript lmao
your first impression on me is the clarity of ur video.....
please can you give us the HTML , CSS version
you've such a cool, useful, self trusting, outstanding personality, Dev! well done and you got yourself a new subscriber!
@6:35 .."She Can be a Monkey"....died laughing bro...I love your videos..Addicted...:)
Once you have an idea of how the website looks like, it doesn't take 30 mins. But the idea and refining those ideas take a lot of time
What was that? A website? Everything was an image.
I could do more or less same thing using PowerPoint, but where would I use that?
This is only a image of the web design to prepare to do it with html,css and javascript of you.
That's no any function.
實況主藍鯨[BlueWhaleStudio]
Can you pay me a few bucks? I will make you practice English with me.
buy the x-t3, much better image quality for video. body and lenses are also much cheaper then the a7m3.
but the most important thing is for me usabillity, i love the x-t3 and its customization.
i switched from sony to fuji a couple of months ago :)
Video Request :
In this video you just showed how to design but how can I implement that in the webpage.
Simple yet looks pro. Damn man you are quick.
😂😂😂
I couldn't stop laughing at your jokes but at the same time that was a good job. 👏👏
Yikes, here is your Grammy Award. 🤭😂
I saw all of your videos, but this one forced me to subscribe!!!
i appreciate this website design videos but please do videos where you actually create a working and responsive website from scratch. website that you have designed using this software.
am watching this in 1.25 speed and its HILARIOUS!!
btw Ed please make a video on how to create these designs in HTML/CSS pleaaase!!
Nice vid, Can you replicate this in HTML?🐻
check my comment. share some views on it. i am new.
Why are people getting mad that he already designed it? Obviously he had to practice, he was just showing how much time things take to be done, the thinking process takes longer, that’s not his problem.
A web dev pewdiepie 😂😂 i like this guy. Like the way he enjoys his doing 🤣🤣
Awesome! Will be good if you can do more videos like this one and also code it. Thanks man!
My gorgeous friend on internet Dev😉
I dig how he's comfy with his low self esteem. Bruh, you good af.
"Who speaks French these days?"
Tout à fait d'accord lol
Bah les français parlent le français ces jours xd
I've heard the French are quite fond of it.
I can understand. Some videos must be pre planned in order to make it perfect. I totally agree. Nice video. I am seriously appreciating your work. I really learned a lot from you.
I'll take 20 mins just to select the images 🤣🤣
Me 1 hr🤣🤣🤣🤘
Tell us what did you do to your hair? Clean AF 🙌
Washed it lol
@@developedbyed Yai Boiii lol , Good tutorial btw, Keep up the good work sir
Amazing job, I laughed a lot man Okay I learned a lot as well ;) Thank you ))
I was watched because I was curious on how you were going to code in 20mins they I remembered you said design. Nice work
When I read the title "I designed a website in 20 minutes", a thought You will code it. :/
adam sandler Well, designing is different from coding, right? However, I would have preferred if he coded it.
@@BoisNation You are right! :D
@@adamsandler4364 Really? I thought you'd get mad at me for saying that. But yeah, I would have preferred it coded 😀
@@BoisNation why would I get mad? :D
Loved the video, its nice to know that I'm not the only one who keeps second guessing what I'm doing when designing lmao. It would be interesting to see how you would go about planning and designing a real website with a normal timescale.
3:10 that's a curb meme right here
Love your channel man, makes me wanna work on my website every day.
No coding ? Just graphics how to post it and make it working ?
Make it your own project then, and look at it as a form of an exercise to make this design a fully functional web page. The best possible way to learn this kind of stuff is to get your hands dirty and start doing it on your own. Its going to be hard at the beginning but trust me, that is the only way. And since this is pretty easy it makes the perfect proj. for a beginner
Man I like this guy's energy.
3:10 😭😭😭 I feel betrayed 🤮
This is my career goal. Front-end web dev , UI/UX + Graphic design :D
"Your new friend that make you relaxed." HAHAHAHAHAHAHA
Great video! Next time can u do a long one page website? Like one where you can scroll down. I really love your designs and i really want to see how youre going to do something like that. Thanks!
I thought you were going to write the code in 20 m
I love your design videos! Please keep them up :)
You look like floki a Vikings character.......and your behaviour is also very similar to floki.
Ok,so i noticed something a bit weird. On an old video (1 week ago) Dev ed created a python bot for twitter which gets him, followers. While he was installing geckodriver which is something you need to use this bot he went through his files and folders and one of the folders i noticed was Riot games which implies that he actually plays lol (league of legends for the normies). Dev Ed plz reply wats ur rank and main
I thought this gonna be html css Javascript
me too
can you make a video about how to code it too? and maybe design and code a website for desktop tablet and phone? would appreciate it. thanks for teaching us.
#Dev Ed... Hi can you post some video in parallax effect using multiple images. Its might be very helpful for me.. thank you..
Bro if you just searched for “apple store button” you will find the whole brand in their website open to use and you could save like 4 minutes 😄
For the camera i do recommend you to get a Sony A7s III; it’s just the BEST
✌️
You designed Slider and Navigation in 20 minutes ...
hey i'm brazilian and i really like the content of your videos and the natural form that exposes them! surely this channel will grow a lot! can you talk a little bit about nodejs workers? I found some videos explaining, but very superficial, I hope your next video! Thank you.
Hi sir, what application did you use it there? I really love it!
Thank you so much!!
For auto-focus, just go with Canon, 80d is a good choice for awesome autofocus with cheap price, for more expensive u can go with canon 6d or 5d3 and etc
Pretty good design, dude. Congrats!!
So I need to learn this when I want to program Websites?
no, for design
ed: "who speaks French these days?"
me: "c'est pas très gentil"
My favorite youtuber and teacher!
Is it essential to learn Graphics design to become a web designer?
one of my best tutor.
my best online UA-cam Channel
I was waiting for him to say "now let's head to atom" or vscode
I love when you're laughing. 😂
Please can your do Power Point animated tutorial?
Canon camera with DualPixel technology is much better with auto-focus ;) recommend! it's really convenient
the title of the video should be, I design a hero section in 20 minutes
Can u make a video on larvel for PHP...how to use and many more about it??
Really enjoyed this. You enjoy what you do. Thanks
Hello, Wonderful videos. Can you show step by step how to make an ecommerce site that we can create on own machines and then when everything is finalized, we can upload it to a website to make it go live on the internet? Also, is it advisable to use a CMS system like wordpress, or just go at it from scratch?
@dev ed
i am new web des/dev...i kind of get the point of making this as a reference to show someone...but i can make it in html css in kind of same time..so i just need to know what was the point of making a website template like this?
sorry...in advance....im lill nervous asking all this. but i am confused.
It acts as a prototype. By the way, in Adobe XD we can export it to HTML format,too.
I bought a book about html and CSS but why would I use html and CSS if even you as a professional uses this ?
I am learning a huge amount from your videos, so thanks. Could you please show how to animate an SVG image in an HTML webpage with css and /or JavaScript where both the css Stylesheet and the SVG file are external to the page so it could' for example, be differently animated on separate pages of the website. I seem to be only able to succeed when the SVG code is placed directly in the webpage itself. That would be great!
I have a question: is it better for me to design website with wix or do it this way then bring it to life through back end coding? Which way is more efficient? Am I able to make cool UI designs using wix etc? (Saving me time on coding)
U should code this now bro. I’d love to see that
Plss make a video on prototyping how navigation bar works after prototyping
Thanks Ed. Great work, great content! I would love to see some more Greensock 3 animations - more so, animating accross different viewports with JavaScript.
Example: you use media query’s for different screen sizes. For instance you have let’s say a grid of 6 boxes with just images. For large screens they they slide in up but on small screens they slide in from the left or right, if you understand that.
How would you create the animations for different viewports using just JavaScript?