Originally published at: http://www.sitepoint.com/want-christmas-codepen-pro/
I’ve been a CodePen user for quite some time, and for most of that time, I’ve been content with using their free plan. That is until I had a chance to look at the benefits of becoming a pro member.
CodePen
Not too familiar with CodePen? In short, CodePen is an online internal development environment (IDE), which allows you to write HTML, CSS, and Javascript, while getting a preview of your code in real time.
Why I wanted a Pro account
I had wanted a pro account for quite some time, mainly because I really enjoyed using the product, as well as the level of support that comes with it. Alex, Tim, and Chris are very responsive to user feedback, and have even gone so far as to write code for me when I was having trouble adding a feature to The Practice App.
Secondly, the prices are straight up ridiculous. A Pro account only costs $9 a month, which is about 1/5th of what I spend for coffee every week.
Of course, one of the more obvious reasons for wanting a pro account was the extra features that come with it.
Unlimited Private Pens
Need to test out some super top secret code for work or the CIA? No problem! With a Pro account, you can make super secret pens only visible to you, or you can make super secret pens that are only viewable to those who have the super secret link!
Live View
Writing some code that needs to work on a mobile sized screen? CodePen Pro has you covered with live view! As soon as you save the pen, all other instances of that pen will get updated on the spot!
Asset Hosting
A Pro account gets you 1GB of space to store any type of asset you need. The UI for this feature is particularly useful, especially when you need to pull an asset while you’re in the middle of creating a pen.
Collab Mode
Having the urge to do some good-old-fashioned pair programming with someone who may be 1000 miles away? Collab mode will let you and your pair programming friend edit the same pen in real time!
Professor Mode
Professor mode allows a group of people to watch you write code live in a real time classroom. Every character you type, line you select, or setting you change is immediately shown on your viewers’ (students
) screens, as if you were all together looking at the same screen.