I finally got picked by Codepen!


#1

I’ve been trying to get a pen featured on Codepen for some days now… and today I woke up and as always I was checking codepen to see the featured pens (for inspiration), and I realized that one of my pens is in there!

They liked the letter animations pen I did yesterday! Yuhuu! :smiley:


#2

Congrats. The effects are pretty cool.


#3

Oh! That was such a top-drawer animation effect. Try doing a tutorial post/video on it for beginners.


#4

@Nicknyr Thank you. I’m glad you liked it! :blush:

@sksundram I’ll try to do something soon! :smiley:


#5

It looks absolutely fantastic, well done!! I am on tribute page now, so I guess it will long time to get to this stage.


#6

@alexandriaroberts We all were there at some point :wink:
Keep up the good work, and you’ll learn a lot!


#7

Second one picked today: https://codepen.io/FlorinPop17/full/XaLVYP/


#8

Awesome! Congratulations on getting picked by CodePen twice! Both of these pens are quite creative and well-executed!


#9

Thank you @QuincyLarson! I’ve been trying to get picked for the past 4-5 days :grin:


#10

Congrats! Looks great! Lots of fun :smiley:


#11

Oh wow! Good for you! That’s a very cool effect.


#12

Thank you @VoyagerXyX and @Occam!


#13

3rd time: Animated Countdown :grin:


#14

@Flopet17 - YOU DA MAN :stuck_out_tongue:


#15

Well done! congrats! :raised_hands:
:clap:


#16

Yey! 4th time with an Image Shuffled Animation

P.S. Not working on Safari yet… anyone wanna give a hand? :slight_smile:
I’m not very familiar with cross browser issues, unfortunately!


#17

How did you get picked 4 times in a week???
You need to start teachings your black hat cpppo (codepen picked pen optimization) techniques to the rest of us


#18

Well… basically you have to do two things:

  1. Make something to get people’s attention, like a nice animation, or something with good design, because their staff won’t look into all pens to see functionality (read this from their website )
  2. Post it on twitter with @Codepen and a link

Oh… and…
Have fun and do what you love :slight_smile:

Good luck @dcenatiempo!!


#19

Huh. I wonder what it’s like having good design skills.

If you add Babel, it should take care of all your problems.


#20

I don’t think you have to make something that has a lot of eye candy or interactivity. I once made a pen about static radial progress bars (which was basically a rewrite of an existing and more popular static radial progress bars (I gave credit to the original though)), with no animations whatsoever on a white background, shared it on Twitter, and it got picked. I did not expect that tbh.