CodePen Challenge Competition

Are you familiar with CodePen Challenges? In June 2020, GreenSock got to host it! We decided that it’d be fun to have a competition and give away 3 “Shockingly Green” Club GreenSock memberships each week!

What is a CodePen Challenge?

CodePen is a site where you can create and share small frontend web projects that you’ve made. You can also start with another person’s creation and then modify it to become your own creation (this is called forking). 

Every month, CodePen hosts 4 weekly challenges with different themes. They host these challenges to help you improve your frontend skills, express yourself, and have some fun! 

How did this competition work?

Every Monday this month, check the CodePen Challenges page for the new theme (you can sign up there for notifications too). Then make something based on that theme! It could be anything. Each week we will provide some different ideas to get you started, but you can create anything so long as it fits the challenge prompt that week.

To submit entries to the competition, people tagged @GreenSock on Twitter along with a link to your pen.

At the end of the each week, our panel of judges went through and pick their favorite pens that were created that week. The creators of the top 3 pens each week received a one-year “Shockingly Green” Club GreenSock membership on us!

Who were the judges?

Meet our lovely judges for the GSAP CodePen Challenge Competition (you should follow them!):

What’s this week’s challenge?

Unfortunately the CodePen Challenge competition is over. But you’re free to follow the same challenge prompts to inspire you to create something! We’d still love to see it. You can view all of the challenge prompts on CodePen.


The winners

Week 1: Sequencing

Congratulations to our week one (sequencing) winners: Benoît Wimart, Sicontis, and Cristobal Garcia! Be sure to check out the rest of the submissions.

Week 2: Bubbling

Congratulations to our week two (bubbling) winners: Louise Flanagan, Oscar Salazar, and Wendy Kong! We had to bring in an extra judge to break ties because the voting was so close so be sure to view all of the submissions as well.

Week 3: Sliding

Congratulations to our week three (sliding) winners: Oscar Salazar, Wendy Kong (both are winners two weeks in a row! Very impressive.), and ycw! You can view all of the submissions here.

Week 4: Scrolling

Congratulations to our week four (scrolling) winners: supamike, Ismael Martínez, and Shunya! View all of the submissions here.

Thanks so much to all who participated. We couldn’t have ran this competition without you!


This content originally appeared on Blog and was authored by Blog

Are you familiar with CodePen Challenges? In June 2020, GreenSock got to host it! We decided that it'd be fun to have a competition and give away 3 "Shockingly Green" Club GreenSock memberships each week!

What is a CodePen Challenge?

CodePen is a site where you can create and share small frontend web projects that you've made. You can also start with another person's creation and then modify it to become your own creation (this is called forking). 

Every month, CodePen hosts 4 weekly challenges with different themes. They host these challenges to help you improve your frontend skills, express yourself, and have some fun! 

How did this competition work?

Every Monday this month, check the CodePen Challenges page for the new theme (you can sign up there for notifications too). Then make something based on that theme! It could be anything. Each week we will provide some different ideas to get you started, but you can create anything so long as it fits the challenge prompt that week.

To submit entries to the competition, people tagged @GreenSock on Twitter along with a link to your pen.

At the end of the each week, our panel of judges went through and pick their favorite pens that were created that week. The creators of the top 3 pens each week received a one-year "Shockingly Green" Club GreenSock membership on us!

Who were the judges?

Meet our lovely judges for the GSAP CodePen Challenge Competition (you should follow them!):

What's this week's challenge?

Unfortunately the CodePen Challenge competition is over. But you're free to follow the same challenge prompts to inspire you to create something! We'd still love to see it. You can view all of the challenge prompts on CodePen.


The winners

Week 1: Sequencing

Congratulations to our week one (sequencing) winners: Benoît Wimart, Sicontis, and Cristobal Garcia! Be sure to check out the rest of the submissions.

Week 2: Bubbling

Congratulations to our week two (bubbling) winners: Louise Flanagan, Oscar Salazar, and Wendy Kong! We had to bring in an extra judge to break ties because the voting was so close so be sure to view all of the submissions as well.

Week 3: Sliding

Congratulations to our week three (sliding) winners: Oscar Salazar, Wendy Kong (both are winners two weeks in a row! Very impressive.), and ycw! You can view all of the submissions here.

Week 4: Scrolling

Congratulations to our week four (scrolling) winners: supamike, Ismael Martínez, and Shunya! View all of the submissions here.

Thanks so much to all who participated. We couldn't have ran this competition without you!


This content originally appeared on Blog and was authored by Blog


Print Share Comment Cite Upload Translate Updates
APA

Blog | Sciencx (2020-05-31T22:17:00+00:00) CodePen Challenge Competition. Retrieved from https://www.scien.cx/2020/05/31/codepen-challenge-competition/

MLA
" » CodePen Challenge Competition." Blog | Sciencx - Sunday May 31, 2020, https://www.scien.cx/2020/05/31/codepen-challenge-competition/
HARVARD
Blog | Sciencx Sunday May 31, 2020 » CodePen Challenge Competition., viewed ,<https://www.scien.cx/2020/05/31/codepen-challenge-competition/>
VANCOUVER
Blog | Sciencx - » CodePen Challenge Competition. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2020/05/31/codepen-challenge-competition/
CHICAGO
" » CodePen Challenge Competition." Blog | Sciencx - Accessed . https://www.scien.cx/2020/05/31/codepen-challenge-competition/
IEEE
" » CodePen Challenge Competition." Blog | Sciencx [Online]. Available: https://www.scien.cx/2020/05/31/codepen-challenge-competition/. [Accessed: ]
rf:citation
» CodePen Challenge Competition | Blog | Sciencx | https://www.scien.cx/2020/05/31/codepen-challenge-competition/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.