Collaborating on code is one of the most vital tools a developer can leverage.
We solve problems best by having a fresh set of eyes join in and talking through our solutions. Our code matures faster through having stronger developers give input. We learn more clearly by having tangible examples both in the code itself and in it's execution.
If you are like me, at one point in time the best option you thought you had was to email it. Eventually you probably learned about github.com and gist, where you could share code people could pull down locally. Unfortunately, all of these solutions are expensive to the person on the other side in both time and work.
Now frontend development is getting major contributions from both the community and companies like Google and Mozilla to help speed up our workflow. From the community, we have 3 great tools for sharing code snippets that show the code and it's execution:
Codepen.io is yet another great idea from Chris Coyier. Three of the main benefits of using it that really stand out to me are:
I generally use it when I've got HTML and/or CSS ideas I want to quickly share and I think someone else that I want to collaborate with will want to edit it in their own fork to share back with me.
The language options are awesome. For HTML, you get the option of using HTML, markdown, slim or jade and adding classes to the html or adding meta data to the head. For CSS, you get sass (both .sass and .scss), less and stylus. These features alone, in my opinion, make this code collaboration tool king for presentational concepts.
You can save versions of your fiddle to share, which was great for us to give him a problem set and then have solutions in a different version for him to go to when he completed his solutions.
It also has a collaboration feature (which is in beta), so if you want to have multiple people in a fiddle working on it, it's the ideal feature!
Do you know of any good sources for collaboration that other developers should know about? If so, share them!
Find this article useful?