CodePen.IOVerified account

@CodePen

Build, test, and discover front-end code

All remote team!
Joined March 2012

Tweets

You blocked @CodePen

Are you sure you want to view these Tweets? Viewing Tweets won't unblock @CodePen

  1. Feb 1
    Undo
  2. Retweeted
    Jan 31
    Polaroid camera recreated in CSS, with gradients only
    Show this thread
    Undo
  3. Retweeted
    Jan 31
    Undo
  4. Retweeted
    Jan 31

    I've just created an awesome circular reveal animation effect on my image. Thank you for your great tutorial. You can see the result here: via

    Show this thread
    Undo
  5. Jan 31

    This is mind blowing that this is really just some spans and a handful of lines of CSS. "Splitting and motion path" by Michelle Barker

    Undo
  6. Retweeted
    Jan 31

    Created a concept for a select dropdown that rolls out like paper folded in segments

    Undo
  7. Retweeted
    Jan 30
    Undo
  8. Retweeted
    Jan 31

    I just made this collection Public! Check this one out, a quite simple trick to fake 3d with an ftw as always <3

    Undo
  9. Retweeted
    Jan 30

    This was a section layout idea from last summer. I kind of dig it so I'm adding some life to it! Now using the intersection observer API to animate each section as it scrolls in and out of the viewport

    Undo
  10. Retweeted
    Jan 30
    Show this thread
    Undo
  11. Jan 30

    The Dashboard is your portal to everything you (or the PRO Team you are on) have created. It has powerful search ability, looking into the code itself. Plus lots of filters so you can narrow down what you need. It will remember it's last state and can save views to jump back to.

    Undo
  12. Retweeted
    Jan 29

    This is a video that partly explains how I created the pen the onboarding button. It's mainly an animation sequence consisting of keyframes with different clipping paths. pen:

    Undo
  13. Jan 29

    The top use-case for Collab Mode? Interviews. People hiring get a canidate on the phone, send them a URL to Collab Mode (only the owner needs to be PRO), and watch them code. Certainly a lot cheaper and faster than flying a candidate in!

    Undo
  14. Jan 29

    Today on CodePen Radio, and are talking copy marketing copy, documentation copy, micro-copy, and all the other kinds of copy that you might have on an app like ours 🖋

    Undo
  15. Retweeted
    Jan 28

    TFW you finally get a few minutes to try out masking GIFs on GIFs on GIFs after having CodePen example open in a tab for literal months

    Show this thread
    Undo
  16. Retweeted
    Jan 28

    i'm pretty happy with these 3 new coding font additions to , especially Recursive by (the other 2 are nice too)

    Undo
  17. Retweeted
    Jan 29

    Gooey Checkbox on Google Chrome Experiment:

    Undo
  18. Retweeted
    Jan 28

    Love this cart toss by Jesse Couch featured in Spark, what fun:

    Undo
  19. Retweeted

    Cool interactive CSS Grid builder: Supports template areas, line names and outputs to !

    Undo
  20. Retweeted
    Jan 27
    Undo

Loading seems to be taking a while.

Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.

    You may also like

    ·