What Is Codepen?

  Рет қаралды 20,573

Ben Akehurst

Ben Akehurst

Күн бұрын

Пікірлер: 32
@gsussb_
@gsussb_ 6 жыл бұрын
Nice video, Ben. I've already been using codepen since I started to learn Web development, but it's nice to see the way you explain it.
@BenTalks
@BenTalks 6 жыл бұрын
Thanks for watching and seeing the video was helpful
@kang-dohsik4693
@kang-dohsik4693 Жыл бұрын
I desperately needed a tool like this! Am a beginner with too much information and tutorials coming my way so to apply them all on visual studio code was kinda hard and it interfered with ehat i originally planned to do , a marginal spare sheet like this is really helpful
@InkFoxxStore
@InkFoxxStore 2 жыл бұрын
Thank you for sharing! I am now learning how to code and this is definitely useful.
@PrivateLeffers
@PrivateLeffers 6 жыл бұрын
Nice video, I am just a beginner and even though I found your javascripting overwhelming I feel like you showed all the necessary basic steps to get started in codepen. Thanks :)
@BenTalks
@BenTalks 6 жыл бұрын
Hi Mitchell, glad to see you are starting out on your journey and I wish you the best of luck. Just take it one day at a time and don't try and run before you can walk. Learning anything new can be overwhelming at times but take it slow.
@sakshikumari3620
@sakshikumari3620 Жыл бұрын
Really nice. Does code pan also provides services like visual studio code , for example emmet ?
@samanthazayas94
@samanthazayas94 2 жыл бұрын
Honest Question : Does this handicap a person from actually building things from strach?
@matthewsmith1500
@matthewsmith1500 6 жыл бұрын
I'm just starting to learn web development and started a project on codepen but my problem is when I use the image tag it won't show up on the display and can't find out why. Please help me
@techtipsuk
@techtipsuk 6 жыл бұрын
Matthew Smith you have to be a pro member to upload images. The other way is to just use a placeholder image service or just upload your images else where and add an absolute reference to them in your src attribute. So you'd have src="your website.com/image.jpg" This is a placeholder website placeholder.com/ or you could upload to something like here imgbb.com/ and link to from there or you could use Dropbox etc.
@BenTalks
@BenTalks 6 жыл бұрын
Thanks for the awesome reply Richard. I didn't know this was the answer!
@matthewsmith1500
@matthewsmith1500 6 жыл бұрын
Ben Talks when I look at the pro it have 3 package I can choose from. So if I choose starter which is like $8 a month will it allow images to show or do I have to pick developer?
@BenTalks
@BenTalks 6 жыл бұрын
If I had to take a guess I think it would allow it. By why not get a free account with them and host your images on Imgur and link your images externally?
@matthewsmith1500
@matthewsmith1500 6 жыл бұрын
thanks Ben talks and Richard Dale it worked. really appreciate the help
@EY26Studio
@EY26Studio 6 жыл бұрын
Great video with good explanation.
@BenTalks
@BenTalks 6 жыл бұрын
Thanks for watching! I'm glad to see you found the video helpful!
@EY26Studio
@EY26Studio 6 жыл бұрын
Ben Talks You're welcome. Keep on your great works.
@fabianponten8865
@fabianponten8865 6 жыл бұрын
Great video man! Do you do design tutorials as well or only web development? Hope you have a great weekend! 🙌
@BenTalks
@BenTalks 6 жыл бұрын
At the moment I'm only doing web development as I am also still working on learning web design myself!
@fabianponten8865
@fabianponten8865 6 жыл бұрын
Ah ok cool man! I'm only doing web design on KZbin at the moment, perhaps we could do a collab in the future? 🤔Just subscribed to your channel anyway, would love to hear what you think about my videos as well! Cheers mate!
@anonymous.youtuber
@anonymous.youtuber 4 жыл бұрын
Very nice video. I like your style !
@BenTalks
@BenTalks 4 жыл бұрын
Thank you very much!
@lwa.dev74
@lwa.dev74 5 жыл бұрын
Thanks mate...never knew about code will definitely give it try for project testing... :-)
@BenTalks
@BenTalks 5 жыл бұрын
Glad to see that the video helped you out!
@dionnysierra
@dionnysierra 6 жыл бұрын
Thanks for the information!
@BenTalks
@BenTalks 6 жыл бұрын
Hi Dionny, thanks for watching. I'm glad you found the video helpful.
@farazk9729
@farazk9729 3 жыл бұрын
Thanks a lot; very helpful :-)
@BenTalks
@BenTalks 3 жыл бұрын
Thanks :) Glad it was helpful
@reallauradee
@reallauradee 6 жыл бұрын
How did you do that, when you typed div.box it auto filled with the proper html tag?
@BenTalks
@BenTalks 6 жыл бұрын
It's a addon called Emmet. You can add it to programs like VScode or Sublime Text, but it also works on codepen. You just need to type out your html and hit tab and emmet fills in the rest for you, but look it up! It's an awesome tool that saves loads of time.
@bentalksgaming4351
@bentalksgaming4351 6 жыл бұрын
Nice channel. Just a shame we have the same channel name- I may change mine..
@BenTalks
@BenTalks 6 жыл бұрын
Thanks for watching! It's cool we have the same channel name! And keep making videos man!
Web Design for Front End Developers
4:38
Ben Akehurst
Рет қаралды 1 М.
Why Signals Are Better Than React Hooks
16:30
Web Dev Simplified
Рет қаралды 481 М.
Help Me Celebrate! 😍🙏
00:35
Alan Chikin Chow
Рет қаралды 86 МЛН
啊?就这么水灵灵的穿上了?
00:18
一航1
Рет қаралды 60 МЛН
Learn to use CodePen from a co-founder of CodePen
22:50
freeCodeCamp.org
Рет қаралды 121 М.
How Senior Programmers ACTUALLY Write Code
13:37
Thriving Technologist
Рет қаралды 1,5 МЛН
Web Server Concepts and Examples
19:40
WebConcepts
Рет қаралды 252 М.
A Beginner's Guide to Codepen in 2020 | The Basics
11:35
Manuel Zavala
Рет қаралды 20 М.
An In-Depth Introduction to CodePen for Beginners (2016)
25:49
TechStacker
Рет қаралды 47 М.
Learn JSON in 10 Minutes
12:00
Web Dev Simplified
Рет қаралды 3,2 МЛН
A new approach to container and wrapper classes
25:27
Kevin Powell
Рет қаралды 263 М.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 969 М.
Help Me Celebrate! 😍🙏
00:35
Alan Chikin Chow
Рет қаралды 86 МЛН