It’s back! We counted all the hearts given to each pen created in 2021 and Created a list of the top 100. Marie and Chris talk about this year’s list. Who about it, what about it, and dig in the numbers where we can.
Keep in mind that people can make heart pens up to 3 times each, so if it seems like a lower pen on the list has more hearts than one higher on the list, it’s because of the density of the hearts. The number you see on the card reflects only the number of people in his heart, not the true number of hearts.
A lot of people hit multiple times. George Francis hit 6 (!) Times (7, 28, 59, 75, 80, 82), an impressive achievement for a member who only joined at the end of 2020. Four people with four placements: Aysenur Turk (3, 11, 14 .. F 1), Yoav Kadosh (17, 33, 72, 95), Dilom Sanjaya (22, 24, 64, 65), and Ibuk Sailen (38, 46, 63, 91), and a couple of people in 2. Wow!
“Full Page” layouts have been a big trend in the top 100 this year. That is, pens that look like entire sites with widgets and cards and navigation and sidebars and every nine yards. This is in contrast to a few previous years where smaller and more surprising pens were more dominant in the top 100.
Tip for those who shoot to the top? Talk about your work. Almost no one on the list creates a job and then never shares it. Share it on social media, blog about it, create a video, re-promote it multiple times. Be part of the community by loving other people’s work. Remember, your heart comes from other CodePen members. Also, feel free to update and change your pens. Many of the top 100 are updated and improved even after their initial wave of popularity.
- 01:43 Multi-pen pen
- 03:26 Where to find the list for 2021
- 04:11 Number 1 on the list
- 07:31 George Francis listed 6 times
- 10:13 Sponsorship: Netlify
- 11:55 Receiving pens in front of the community
- 14:52 There just has to be something special about it
- 15:15 Makes the CodePen challenges
- 15:32 Release in January vs. December
- 17:56 Hi Five to Yoav Kadosh
- 18:34 Carousels Carousels
- 20:18 New faces and old faces on the list
- 21:47 Personal favorite pens
- 26:33 Full page user interface
- 28:29 Bigger than smaller for 2021
- 31:05 If you are new to CodePen …
give sponsership: Netlify
Does Netlify offer certification? They call it Netlify Identity. Why would you need a static site permit? Well, a static site can be quite dynamic, that’s the nature of Jamstack. Suppose you build a TODO app. No problem! You can get users to sign up and sign in. You can store their data in a cloud database. You can pull that user’s data from the database based on information about the logged in user because of Netlify Identity.
Post 350: Most Heart of 2021 first appeared on the CodePen blog.