Learn to use CodePen from a co-founder of CodePen

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 ต.ค. 2024
  • Chis Coyier, who co-founded CodePen, demonstrates how to use CodePen and shares some little-known tricks.
    CodePen is a social development environment that allows you to write code in the browser, and see the results of it as you build.
    🔗codepen.io/
    --
    Learn to code for free and get a developer job: www.freecodeca...
    Read hundreds of articles on programming: medium.freecod...

ความคิดเห็น • 74

  • @facundocorradini
    @facundocorradini 6 ปีที่แล้ว +89

    CodePen is one of the best things that ever happened to web development. Only thing missing to me is a little more community interaction, it just feels weird to see pens with 450.000 views, some hundred hearts, dozens of forks... and just 3 or 4 comments.
    I believe a simpler way to post comments will greatly strengthen the community. Maybe all it needs is a comment button right besides the heart one, that would open a modal for a quick comment.

    • @musabishtiaq03
      @musabishtiaq03 ปีที่แล้ว

      the reason may be traffic is coming from google and most of the people not signed up to codepen

  • @flyby8040
    @flyby8040 3 ปีที่แล้ว +2

    Found this before some weeks. I'm relativily new to JS, CSS, HTML development. Was more into Win32 (Borland Delphi VCL), Winforms and WPF UI design before. Codepen ist really cool stuff!

  • @nataliehui1530
    @nataliehui1530 4 ปีที่แล้ว +6

    I don’t understand the JavaScript

  • @homerisian
    @homerisian 3 ปีที่แล้ว +4

    Thanks for this.
    I have been working through freecodecamp all good and then they suggest using codepen and its extremely daunting, as it is when you are to complete your first assignment ! You get to your first assignment and then you get a new application as well! Us noobs may panic.
    Your enthusiastic and interesting presentation has taken away some of the fear, off to have a play now, thanks again.

  • @genesiscardozo3429
    @genesiscardozo3429 3 ปีที่แล้ว +2

    I think I just fell in love with codepen.
    thank you for this video.

  • @simple8810
    @simple8810 3 ปีที่แล้ว

    M not using any editor everything m doing on code pen it is just extra amazing , huge thanks to the founder of the code pen

  • @大野原信
    @大野原信 4 ปีที่แล้ว +3

    元気いっぱいで最高です!Thank you!

  • @dionnysierra
    @dionnysierra 6 ปีที่แล้ว +3

    Incredible tool! Lots of useful tips! Thanks for posting this video.

  • @chococandy8009
    @chococandy8009 3 ปีที่แล้ว +2

    Interesting! My friend is currently using it and it sounds interesting, so why not give it a try:) Thank you sir for this informative video.

  • @VRUNO
    @VRUNO 3 ปีที่แล้ว

    Question:
    Why when I use to try the "autofill" option with the key, doesn't work? 🧐
    - or is this option only for a premium account?

  • @charllabuschagne2169
    @charllabuschagne2169 6 ปีที่แล้ว +3

    Thank you for making this video! It makes a great tool even better!

  • @drissmareoudi1859
    @drissmareoudi1859 3 ปีที่แล้ว +2

    Thank you for the nice video. I’m supposed to build the attribute page project with pencode, but I am not able to use it with my screen reader. By the way, I am blind. Thanks

  • @deaconblues3964
    @deaconblues3964 4 ปีที่แล้ว +6

    Don't understand why you would make privacy a paid feature? Privacy on the internet is crucial in these times!

    • @riderk7007
      @riderk7007 4 ปีที่แล้ว +3

      That’s exactly why they would make it a paid feature. They gotta make money, so they charge for things that people want. If they charged for something no one wanted, then no one would by it! Lol

    • @deaconblues3964
      @deaconblues3964 2 ปีที่แล้ว +1

      @@riderk7007 I understand that... but privacy is a right that eveyone should have on the internet.
      It should not be something you pay for, especially these days...the nternet is becomming more dangerous and hacks are happening all the time.
      Companies are exposing more and more of our information without consequences.
      They idemnify themselves from everything that they may be resposible for.

    • @rayofgoldensun
      @rayofgoldensun 2 ปีที่แล้ว

      Off topic. Your name is my favorite Steely Dan song.

    • @deaconblues3964
      @deaconblues3964 2 ปีที่แล้ว

      @@rayofgoldensun Thanks...it's my favourite song of all time by my fafourite group of all time!
      It kinda describes my life as I know it...!

  • @thriveark
    @thriveark 3 ปีที่แล้ว

    Great introduction Chis, amazing, very useful application.

  • @everydayonlineshopping3074
    @everydayonlineshopping3074 3 ปีที่แล้ว +1

    I love the video the way you can of explain everything was amazing and it would be really nice if you can make another video how to used it but this time more JS and other programs ...BTW I Love your channel...You are awesome.

  • @Honestly_Marie
    @Honestly_Marie 4 ปีที่แล้ว +1

    This tutorial was very informative and hilarious. Thanks a bunch!

    • @BACKPACKTOPIA
      @BACKPACKTOPIA 4 ปีที่แล้ว

      thank you for watching :)

  • @Gallienus53
    @Gallienus53 5 ปีที่แล้ว +1

    Very nice but I'm not approaching it from CodeCamp. I'd like to see more on the functionality of CodePen rather than a "Try to get a JavaScript fcn working" tutorial. The reason I got a Pro CodePen account is actually to post help requests on StackOverflow. This way I can just say "Help, X isn't working: here's my Code" and people could just fork suggestions to it.

  • @kawaentertainment101
    @kawaentertainment101 6 ปีที่แล้ว

    Thank you Chris and freecodecamp

  • @GregVasquez777
    @GregVasquez777 ปีที่แล้ว

    wow kewl thanks! Enjoying this. Newb learner. Looks fun.

  • @ptolopai1
    @ptolopai1 6 ปีที่แล้ว +2

    Hi Chris. I'm trying to download ReactJs but when I click on 'settings', I get 'save & close'. It doesn't show the 'add-on' display. I would appreciate your help and time.

  • @mohammedabdulsohail5729
    @mohammedabdulsohail5729 4 ปีที่แล้ว

    Can we use the code which are labelled as "pro" in our Projects?

  • @CodingCommanders
    @CodingCommanders 6 ปีที่แล้ว +2

    CodePen is awesome 💖

  • @supreme9187
    @supreme9187 5 ปีที่แล้ว +1

    Gonna have to start using this thanks for the info !

  • @bloomyredwood2279
    @bloomyredwood2279 2 ปีที่แล้ว

    What is the difference between compiled css and uncompiled?

  • @jawwadrehan2866
    @jawwadrehan2866 4 ปีที่แล้ว

    It is a very informative video and CodePen is really cool thing.

  • @selytofficial4961
    @selytofficial4961 3 ปีที่แล้ว

    Code pen is de best 👍👍👍👍

  • @stardust010
    @stardust010 3 ปีที่แล้ว

    can i copy the works from the codepens and use them????

  • @cschandragiri
    @cschandragiri 5 ปีที่แล้ว

    Good introduction and tutorial!

  • @bmansk8520
    @bmansk8520 6 ปีที่แล้ว +1

    Great video! and I use codepen all the time and still learned something XD

  • @muhammadrafay4743
    @muhammadrafay4743 4 ปีที่แล้ว

    Can i write code from C or Python or any other languages except HTML, CSS or JS?? Or is it limited to that

  • @fase8729
    @fase8729 2 ปีที่แล้ว

    thx a lot senior sir

  • @aannookhan2868
    @aannookhan2868 4 ปีที่แล้ว

    great work,great wbsite

  • @souravganguly7906
    @souravganguly7906 3 ปีที่แล้ว

    I can't find the dropdown option in codepen although it is showing "not right file name". Please help

  • @nandopookey9195
    @nandopookey9195 3 ปีที่แล้ว

    thank you sir

  • @bjgjuiuguoojpoo
    @bjgjuiuguoojpoo 6 ปีที่แล้ว +4

    Hello there and greetings from Poland! :)

  • @natking1u1z99
    @natking1u1z99 4 ปีที่แล้ว

    I keep getting a 404 error when creating a new file and I'm not able to save and run

  • @budhachandrayumkhaibam6079
    @budhachandrayumkhaibam6079 6 ปีที่แล้ว

    your tutorial is 🔥🔥🔥🔥

  • @escapetarkov3838
    @escapetarkov3838 5 ปีที่แล้ว

    Newbie codepen user, love it!

  • @sheilar.9885
    @sheilar.9885 3 ปีที่แล้ว

    Hi, how can I make an animation using codepen? animation: hand 5s infinite; won’t work. Thank you! Btw I am trying to move the hand of my robot

  • @mrnunez87
    @mrnunez87 6 ปีที่แล้ว

    nice one, love the webapp

  • @nicoabapo8483
    @nicoabapo8483 6 ปีที่แล้ว

    Thank you Chris from Philippines :)

  • @Peter198461
    @Peter198461 5 ปีที่แล้ว

    Just wondering how he does that 3:13 type a h2 line then whole code showing up thanks for the reply in advance

  • @davidabba7663
    @davidabba7663 2 ปีที่แล้ว

    PREACH!!!!!!!!!!!The GoSpel Of TruTh
    thanks alot
    codepen...
    luv at first site

  • @Archer-c6m
    @Archer-c6m 10 หลายเดือนก่อน

    It doesnt work on my Windows 11 box

  • @allenamusin3195
    @allenamusin3195 5 ปีที่แล้ว

    how did you make the and symbol in the css at time 14:59? When I do shift 7 I get & but the one in the video looks different. My code still works.

    • @Jar0Jess
      @Jar0Jess 4 ปีที่แล้ว

      I believe it’s just the font of the symbol.

  • @SergioArroyoSailing
    @SergioArroyoSailing 4 ปีที่แล้ว +1

    nice one . Thank you so much for creating this! I heart unlimited :)

  • @Archer-c6m
    @Archer-c6m 10 หลายเดือนก่อน

    HTML works but I'm writing in JSX (React). Can anyone help?

  • @kofi_africantales
    @kofi_africantales 5 หลายเดือนก่อน

    "There really is a button. It's right here. Am I really clicking a button?"

  • @dianaodintsov4371
    @dianaodintsov4371 5 ปีที่แล้ว

    Thank you :)

  • @sujithathangadurai
    @sujithathangadurai 5 หลายเดือนก่อน

    what's the font

  • @hashlee3085
    @hashlee3085 3 ปีที่แล้ว

    Tnx mahn i couldnt figure some shits up

  • @yashj1072
    @yashj1072 ปีที่แล้ว

    css doesn't work

  • @Zaid14t
    @Zaid14t 2 ปีที่แล้ว

    Note’s

  • @nguyensyhung3653
    @nguyensyhung3653 4 ปีที่แล้ว

    ai người việt nam dậy em với :(

  • @Puna_999
    @Puna_999 ปีที่แล้ว

    Hi

  • @viviyielena
    @viviyielena 2 ปีที่แล้ว

    You have dad vibes.

  • @hackdz2024
    @hackdz2024 ปีที่แล้ว

    codepen

  • @samodpoonia8078
    @samodpoonia8078 3 ปีที่แล้ว

    Javascript

  • @silenthunder5657
    @silenthunder5657 3 ปีที่แล้ว

    I'm currently in coding class and I didn't even want it...

  • @zeusafoos1369
    @zeusafoos1369 3 ปีที่แล้ว

    Yes coding is fun but
    I hate java

  • @hackdz2024
    @hackdz2024 ปีที่แล้ว

    😂

  • @angelicexppress1
    @angelicexppress1 ปีที่แล้ว

    So cool bro I wish you could have your email for more info