It is a platform with a vast potential and capabilities. Add to this a free access and you end up with a fantastic playground where creative folks can set up interesting experiments, try out new techniques, brainstorm problems collectively and simply show off skills.
We have compiled a list of 10 outstanding places to share code snippets quickly. So if you are dying to get started, just select the best medium for you.
Codepad is a new platform that is well-suited to developers of various spheres. Whether you are specializing in ActionScript or C-Sharp, the service will suit you up with a handy environment for writing, testing, saving and sharing your code snippets online.
Depending on the task, you can create public, private and part-private snippets as well as gather all the projects under one roof thereby compiling a collection.
With an active community, you can also follow fellow developers, find out new solutions and get inspired by other creations.
Codepen is a developer favorite that houses thousands of enthusiastic coders and their inventions. To enjoy extra benefits, such as private sharing, you have to sign up, however if you need to quickly compose a code snippet you can hit the “New Pen” button and get to work.
Much like the previous example, GitHub Gist is one of the preferred choices among developers when it comes to building open-source projects. You can create public or secret gits, accompany each code snippet with the documentation or helpful instructions, and update it whenever you need to. What’s more, anyone can comment or fav it.
You do not have to own an account to get down to business. Nevertheless, if you want to enjoy all the perks, you’d better create one, and it is entirely free.
Codeshare is another “no-sign-up-required” frontend editor that offers developers a handy playground with an intuitive interface and a small set of valuable tools. Simply write or paste code, share a link with colleagues and discuss and solve a problem together. Moreover, there is a video chat powered by WebRTC to collaborate in real-time. The only drawback is that your project will disappear from the server in 14 days.
jsFiddle gets straight to the point. Being one of the first in this area, it carved a niche for itself a long time ago. There is no welcoming landing page that highlights features of the playground or shows the work of others; however it does what it should do – provide coders with the smart board to mix and match various techniques to achieve the desired result.
- Typescript support
- Auto-saving for local drafts
- Collaboration tools for teams
- Intuitive and efficient way to generate embed code and more
With strong support for such famous boilerplates as Bootstrap, Foundation, Materialize, SemanticUI, Skeleton and some others, Codeply is an excellent place to craft responsive designs, widgets and components for these frameworks. You can use predefined layouts, snippets and elements right from the editor to enhance projects. There is also an online gallery with work released by members.
Dabblet is a great instrument when it comes to breaking tasks into separate parts and visualizing results individually. There are five different types of previews (CSS and Result, HTML and Result, CSS and HTML and Result, JS and Result and all together). They improve the workflow from various angles. Unfortunately, the list of features is not as impressive as in Codepen.
However, you can remedy this by manually inserting all the required libraries. It is simple, straightforward and won’t overwhelm you with numerous tools.
LiveWeave ships with
- a ton of libraries that are regularly updated, starting from AngularJS and ending with Zepto,
- a generator for dummy text that is at your fingertips
- exporting instruments
- CSS3 code generator
- color and palette lab
- and tools for teamwork
Four neatly arranged fields allow writing HTML, CSS, and JS code independently and contemplating the result of their collaborative work in the preview window. What’s more, if you sick and tired of the default dark theme of the UI, you can switch to the light skin.
Pastie is a primitive instrument that’s an alternative to basic sharing tools. If you need to quickly compose a code snippet and share it with others, you can avoid all the fuss inherent to the enormous and powerful editors and just get down to business.
It offers a clean user interface with solid syntax highlighting. Just set up the language and the service will do all the heavy lifting. Although maybe it is not a traditional playground with a live preview, support for pre-processors and pre-installed libraries, however, it is still an elegant way to write and share fragments of code.