#112: Using CodePen
CodePen is an app for sharing and playing around with front end code. I made it with some friends of mine: Alex Vazquez and Tim Sabat. In this typical ramble-ridden screencast I introduce what it is, what it's for, how to use it, and some of its fancy features.
It’s really cool dude. I like it and i’ll use that. Thanks lot :)
love it
personal, social, github, haml, sass, compass, …
ton of features :)
I provided 3 emails with feedback on enhancing UI
hope some of it gets through … http://minus.com/mUXyUxIxr/
watched screencast
I must say I found some of those features by accident
so I believe my opinion on some UI upgrades is in some points valid
but still … great app, happy to see where it goes
Will you be adding oauth for non github users?
Mayyyybe. Not quite on the radar yet. I’d suggest just signing up for a GitHub account. Takes two seconds.
This is so cool! I am really gonna enjoy using codepen! Great job!
How do you get those spaces between apps in your dock?
Steps:
1. Open Terminal
2. Type/enter this into the terminal:
defaults write com.apple.dock persistent-apps -array-add ‘{ “tile-type” = “spacer-tile”; }’
3. Type/enter this into the terminal to restart your dock:
killall Dock
4. The new blank space acts the same as any dock icon (drag around or out of the dock to remove).
Very cool!
Animated previews are a killer feature. Makes it kind of a CSS/JS version of Dribble which i really dig.
Are you looking into categorizing the pens so its easier to use if you’re looking for something specific like an accordion or a touch-based image slider?
I see the search box is there, but wondering why the results page doesn’t resemble the normal archive like “top picks” and “popular”. Probably on the road map somewhere :)
As for the editor, it looks fantastic! Awesome color scheme and so great you support zen coding! Is there any way to switch between the HTML, CSS and JS editors without taking that editor full-browser?
Awesome job. Really looking forward to more more people using it!
LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,LOVE,IT.
Awesome! The animation is totally useful! Bookmarked!
very awesome idea
oh i love it
thnx so much chris
Genius! There is too much awesomeness.
Thanks for this video, liked the short commands for navigation and lists.
Very useful for css testing.
Thats amazing, i really like codepen! Thanks!!
This is pretty awesome. Can’t wait to mine the depths.
Great job!
I had absolutely no idea you were behind CodePen! I saw that you heart’d some dumb thing I made (some Mario thing) and I came here from investigating. So yeah, thanks for CodePen. I love how well it works and the neat social aspect of it all.
Just went there after your last screencast and yes, I think I’m digging this for quick experiments wherever I can find some internet-connection. Good stuff and it might even ease me into the “less” approach as well as scss or sass.
Thanks!