I'd love for all you lovely forums folks to check it out. This is just for you, we're not announcing it anywhere else (kind of a small public launch for now).
The idea is a cross between jsFiddle (building demos for education, bug reporting, funzies, etc) and Dribbble (exploration, inspiration, social, etc).
Fair warning: We really mean alpha. There will be rough edges and the feature set is very far from complete. But the team and I were very anxious to get some people using it to help us find bugs and let us know features you think would be cool.
Looking really good Chris, love the 404! I can't get horizontal scroll to work though. Also, I got an error when trying to give a custom domain. CMD+Z seemed to work fine as an undo for me (/cc @Hompimpa).
Breadcrumbs trick I use every time: http://codepen.io/pen/JamyGolden/1/2 Yes yes, IE7 doesn't support pseudo elements. I generally add IE7 styles and replace the breadcrumbs seperator with a border. It can be a good seperator and I think IE7 users get a great fallback.
@krysak4ever Tick the -prefix-free option, and then don't use any prefixes when writing your styles (i.e. linear-gradient instead of -webkit-linear-gradient or @keyframes instead of @-webkit-keyframes).
Super cool looking, and I love the horizontal split!
I do wish there was some live JSLint/JSHint error reporting though, much like at jsbin. Would be super helpful to not have to swap windows just to locate an error.
VERY sorry about this. It's been down about a week as we do unplanned move to new architecture. Definitely wasn't the plan. We just need to get it done before a more public Beta.
http://codepen.io/
I'd love for all you lovely forums folks to check it out. This is just for you, we're not announcing it anywhere else (kind of a small public launch for now).
The idea is a cross between jsFiddle (building demos for education, bug reporting, funzies, etc) and Dribbble (exploration, inspiration, social, etc).
Fair warning: We really mean alpha. There will be rough edges and the feature set is very far from complete. But the team and I were very anxious to get some people using it to help us find bugs and let us know features you think would be cool.
We would love to get your feedback here or at our feedback form.
Oh, and post the awesome pens you build here so I can feature them on the homepage!
But when I save or reload the pages of my work, the results below does not loaded properly except when I start type something.
Hehe :p
http://codepen.io/pen/14/2
Only quarms are that a js resource isn't loaded as default - had me stumped for a minute. Also that I can't type #.
Other than that it worked flawlessly.
Codepen example
jquery isn't my forte, dont judge : )
Is there any way to delete pens?
Here is something that I was playing around with.
I'm gonna have a good poke around it once i get home from work!
A cool 3D block navigation.
Hmmm... that's my dream.
http://codepen.io/pen/krsiakdaniel/css3progressbar/12
Yes yes, IE7 doesn't support pseudo elements. I generally add IE7 styles and replace the breadcrumbs seperator with a border. It can be a good seperator and I think IE7 users get a great fallback.
Also, CodePen seems to be having some issues with CSS animations.
I tried that but do not quite get how it works
linear-gradientinstead of-webkit-linear-gradientor@keyframesinstead of@-webkit-keyframes).will check that out
I do wish there was some live JSLint/JSHint error reporting though, much like at jsbin. Would be super helpful to not have to swap windows just to locate an error.
I will definitely use this a lot in the future!
http://codepen.io/pen/monstersaurous/gameof15/9