CodePen vs GitHub

Need advice about which tool to choose?Ask the StackShare community!

CodePen

141
204
+ 1
0
GitHub

239K
204.5K
+ 1
10.2K
Add tool

CodePen vs GitHub: What are the differences?

CodePen: An online community for testing and showcasing user-created HTML, CSS and JavaScript code snippets. It is a social development environment for front-end designers and developers.. It functions as an online code editor and open-source learning environment, where developers can create code snippets, creatively named "pens", and test them; GitHub: Powerful collaboration, review, and code management for open source and private development projects. GitHub is the best place to share code with friends, co-workers, classmates, and complete strangers. Over three million people use GitHub to build amazing things together.

CodePen can be classified as a tool in the "Cloud IDE" category, while GitHub is grouped under "Code Collaboration & Version Control".

According to the StackShare community, GitHub has a broader approval, being mentioned in 6386 company stacks & 31391 developers stacks; compared to CodePen, which is listed in 6 company stacks and 14 developer stacks.

Decisions about CodePen and GitHub
Weverton Timoteo

Do you review your Pull/Merge Request before assigning Reviewers?

If you work in a team opening a Pull Request (or Merge Request) looks appropriate. However, have you ever thought about opening a Pull/Merge Request when working by yourself? Here's a checklist of things you can review in your own:

  • Pick the correct target branch
  • Make Drafts explicit
  • Name things properly
  • Ask help for tools
  • Remove the noise
  • Fetch necessary data
  • Understand Mergeability
  • Pass the message
  • Add screenshots
  • Be found in the future
  • Comment inline in your changes

Read the blog post for more detailed explanation for each item :D

What else do you review before asking for code review?

See more
Weverton Timoteo

Using an inclusive language is crucial for fostering a diverse culture. Git has changed the naming conventions to be more language-inclusive, and so you should change. Our development tools, like GitHub and GitLab, already supports the change.

SourceLevel deals very nicely with repositories that changed the master branch to a more appropriate word. Besides, you can use the grep linter the look for exclusive terms contained in the source code.

As the inclusive language gap may happen in other aspects of our lives, have you already thought about them?

See more
Weverton Timoteo

One of the magic tricks git performs is the ability to rewrite log history. You can do it in many ways, but git rebase -i is the one I most use. With this command, It’s possible to switch commits order, remove a commit, squash two or more commits, or edit, for instance.

It’s particularly useful to run it before opening a pull request. It allows developers to “clean up” the mess and organize commits before submitting to review. If you follow the practice 3 and 4, then the list of commits should look very similar to a task list. It should reveal the rationale you had, telling the story of how you end up with that final code.

See more
Kamaleshwar BN
Senior Software Engineer at Pulley · | 8 upvotes · 504.9K views

Out of most of the VCS solutions out there, we found Gitlab was the most feature complete with a free community edition. Their DevSecops offering is also a very robust solution. Gitlab CI/CD was quite easy to setup and the direct integration with your VCS + CI/CD is also a bonus. Out of the box integration with major cloud providers, alerting through instant messages etc. are all extremely convenient. We push our CI/CD updates to MS Teams.

See more

Gitlab as A LOT of features that GitHub and Azure DevOps are missing. Even if both GH and Azure are backed by Microsoft, GitLab being open source has a faster upgrade rate and the hosted by gitlab.com solution seems more appealing than anything else! Quick win: the UI is way better and the Pipeline is way easier to setup on GitLab!

See more
Nazar Atamaniuk
Shared insights
on
DeployPlaceDeployPlaceGitHubGitHubGitLabGitLab

At DeployPlace we use self-hosted GitLab, we have chosen GitLab as most of us are familiar with it. We are happy with all features GitLab provides, I can’t imagine our life without integrated GitLab CI. Another important feature for us is integrated code review tool, we use it every day, we use merge requests, code reviews, branching. To be honest, most of us have GitHub accounts as well, we like to contribute in open source, and we want to be a part of the tech community, but lack of solutions from GitHub in the area of CI doesn’t let us chose it for our projects.

See more
Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of CodePen
Pros of GitHub
    Be the first to leave a pro
    • 1.8K
      Open source friendly
    • 1.5K
      Easy source control
    • 1.2K
      Nice UI
    • 1.1K
      Great for team collaboration
    • 864
      Easy setup
    • 502
      Issue tracker
    • 484
      Great community
    • 480
      Remote team collaboration
    • 449
      Great way to share
    • 440
      Pull request and features planning
    • 144
      Just works
    • 131
      Integrated in many tools
    • 118
      Free Public Repos
    • 114
      Github Gists
    • 109
      Github pages
    • 82
      Easy to find repos
    • 61
      Open source
    • 59
      Easy to find projects
    • 59
      It's free
    • 56
      Network effect
    • 48
      Extensive API
    • 42
      Organizations
    • 41
      Branching
    • 33
      Developer Profiles
    • 32
      Git Powered Wikis
    • 29
      Great for collaboration
    • 23
      It's fun
    • 22
      Community SDK involvement
    • 22
      Clean interface and good integrations
    • 19
      Learn from others source code
    • 15
      Because: Git
    • 14
      It integrates directly with Azure
    • 9
      Standard in Open Source collab
    • 9
      Newsfeed
    • 8
      It integrates directly with Hipchat
    • 7
      Fast
    • 7
      Beautiful user experience
    • 6
      Cloud SCM
    • 6
      Easy to discover new code libraries
    • 5
      Smooth integration
    • 5
      It's awesome
    • 5
      Integrations
    • 5
      Graphs
    • 5
      Nice API
    • 4
      Quick Onboarding
    • 4
      Remarkable uptime
    • 4
      Hands down best online Git service available
    • 4
      CI Integration
    • 4
      Reliable
    • 3
      Loved by developers
    • 3
      Free HTML hosting
    • 3
      Security options
    • 3
      Simple but powerful
    • 3
      Uses GIT
    • 3
      Unlimited Public Repos at no cost
    • 3
      Version Control
    • 3
      Easy to use and collaborate with others
    • 2
      Nice to use
    • 2
      IAM
    • 2
      Ci
    • 1
      Easy and efficient maintainance of the projects
    • 1
      Good tools support
    • 1
      Beautiful
    • 1
      Free HTML hostings
    • 1
      Self Hosted
    • 1
      All in one development service
    • 1
      Easy to use
    • 1
      Easy source control and everything is backed up
    • 1
      Leads the copycats
    • 1
      Never dethroned
    • 1
      IAM integration
    • 1
      Issues tracker
    • 1
      Very Easy to Use
    • 1
      Easy deployment via SSH
    • 1
      Free private repos
    • 0
      Profound

    Sign up to add or upvote prosMake informed product decisions

    Cons of CodePen
    Cons of GitHub
    • 3
      No support for any other git-server than github
    • 51
      Owned by micrcosoft
    • 37
      Expensive for lone developers that want private repos
    • 15
      Relatively slow product/feature release cadence
    • 10
      API scoping could be better
    • 8
      Only 3 collaborators for private repos
    • 3
      Limited featureset for issue management
    • 2
      GitHub Packages does not support SNAPSHOT versions
    • 2
      Does not have a graph for showing history like git lens
    • 1
      Have to use a token for the package registry
    • 1
      No multilingual interface
    • 1
      Takes a long time to commit

    Sign up to add or upvote consMake informed product decisions

    What is CodePen?

    It is a social development environment for front-end designers and developers.. It functions as an online code editor and open-source learning environment, where developers can create code snippets, creatively named "pens", and test them.

    What is GitHub?

    GitHub is the best place to share code with friends, co-workers, classmates, and complete strangers. Over three million people use GitHub to build amazing things together.

    Need advice about which tool to choose?Ask the StackShare community!

    Jobs that mention CodePen and GitHub as a desired skillset
    What companies use CodePen?
    What companies use GitHub?
    See which teams inside your own company are using CodePen or GitHub.
    Sign up for StackShare EnterpriseLearn More

    Sign up to get full access to all the companiesMake informed product decisions

    What tools integrate with CodePen?
    What tools integrate with GitHub?

    Sign up to get full access to all the tool integrationsMake informed product decisions

    Blog Posts

    Dec 8 2020 at 5:50PM

    DigitalOcean

    GitHubMySQLPostgreSQL+11
    2
    2156
    GitHubOptimizelySegment+3
    2
    1093
    Mar 18 2020 at 9:12AM

    LaunchDarkly

    GitHubLaunchDarkly+2
    6
    1033
    JavaScriptGitHubReact+12
    5
    3879
    GitHubDockerReact+17
    35
    33760
    What are some alternatives to CodePen and GitHub?
    CodeSandbox
    CodeSandbox allows developers to simply go to a URL in their browser to start building. This not only makes it easier to get started, it also makes it easier to share. You can just share your created work by sharing the URL, others can then (without downloading) further develop on these sandboxes.
    Codeanywhere
    A development platform that enables you to not only edit your files from underlying services like FTP, GitHub, Dropbox and the like, but on top of that gives you the ability to collaborate, embed and share through Codeanywhere on any device.
    JSFiddle
    It is an online community for testing and showcasing user-created and collaborational HTML, CSS and JavaScript code snippets, known as 'fiddles'. It allows for simulated AJAX calls.
    Atom
    At GitHub, we're building the text editor we've always wanted. A tool you can customize to do anything, but also use productively on the first day without ever touching a config file. Atom is modern, approachable, and hackable to the core. We can't wait to see what you build with it.
    StackBlitz
    StackBlitz is an online IDE where you can create Angular & React projects that are immediately online & shareable via link… in just one click. 😮 It automatically takes care of installing dependencies, compiling, bundling, and hot reloading as you type.
    See all alternatives