Grow your CSS skills. Land your dream job.

Hey Ya’ll! Check out CodePen

  • # April 21, 2012 at 12:02 am

    I’m happy to announce that a new app that I’m working on with Alex Vazquez and Tim Sabat is ready for a little public Alpha action:

    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!

    # April 21, 2012 at 12:06 am

    this looks lovely :) i feel like working on aptana :P

    # April 21, 2012 at 1:28 am

    Very nice!

    # April 21, 2012 at 2:27 am

    Love it. Left feedback. Great Stuff, can;t wait to see the improvements in beta.

    # April 21, 2012 at 5:10 am

    I like the color xD
    But when I save or reload the pages of my work, the results below does not loaded properly except when I start type something.

    # April 21, 2012 at 5:11 am

    Oh, and also, I hope you will add some features such as undo and redo.
    Hehe :p

    http://codepen.io/pen/14/2

    # April 21, 2012 at 7:46 am

    Love it!

    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 : )

    # April 21, 2012 at 9:47 pm

    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).

    Is there any way to delete pens?

    Here is something that I was playing around with.

    # April 23, 2012 at 9:28 am

    Looks really nice so far!
    I’m gonna have a good poke around it once i get home from work!

    # April 23, 2012 at 3:09 pm

    The realtime update is very nice. Can I ftp from here? -=op

    # April 24, 2012 at 1:49 am

    http://codepen.io/pen/47/1

    A cool 3D block navigation.

    # April 24, 2012 at 4:25 am

    Delete, Set as Base, or switch between revision URL.
    Hmmm… that’s my dream.

    # April 24, 2012 at 2:18 pm

    my first attempt of CSS3 progress bar (sort of responsive, using %)

    http://codepen.io/pen/krsiakdaniel/css3progressbar/12

    # April 24, 2012 at 2:47 pm

    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.

    # April 24, 2012 at 11:01 pm

    You guys aren’t using the inbuilt -prefix-free option!

    Also, CodePen seems to be having some issues with CSS animations.

Viewing 15 posts - 1 through 15 (of 28 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".