@playcodepip

We make coding games that help you learn web development, like Flexbox Froggy & Grid Garden. Check out our newest game, Anchoreum!

 Philly
codepip.com
Joined April 2017
  • Tweets270
  • Following10
  • Followers5.8K
83Media
I just completed all levels of Flexbox Froggy! 🐸✨ Flexbox finally clicks - main axis, cross axis, flex-direction, wrapping… everything feels natural now. Big shoutout to @thomashpark for creating such a fun way to learn CSS. If you’re learning frontend, this game is a MUST.
2
1
7
355
Cool mini-game to learn CSS anchor positioning! Now is the best time to learn considering it's part of Interop 2025
Codepip@playcodepip11 Nov 2024
Our newest coding game Anchoreum is live! Learn all about CSS's newest layout module, anchor positioning. Currently for Chrome and Edge only. Play it free at anchoreum.com.
1
3
12
3,846
CSS Weekly #599 ✂️ Overflow Clip ⚜️ Single Page Apps Without a Framework 🤖 AI in Chrome DevTools 🗃️ Details/Summary Animation Featuring incredible work by @shadeed9, @umaar, @KevinJPowell, @monknow_dev, @rachelandrew, @playcodepip, @vineethtrv, & more. cssw.io/issue-599

CSS Weekly Issue #599

Learn how overflow: clip and view transitions works, how to create a dark theme using modern CSS, how to animate details/summary elements, and more.

cssw.io
1
6
27
2,205
had a great time playing this wonderful game. taught me a lot about flexbox. worth trying this. @playcodepip #flexboxfroggy
2
14
802
This site is gold for anyone who wants to brush up on their CSS fundamentals. They are the ones who developed games like flexboxfroggy.com and cssgridgarden.com Do check out their other games to brush up your CSS concepts. 👉codepip.com/games/
1
2
9
1,404
"I wish I knew git when I first started to code. Actually, I wish I knew git now." We spoke with @playcodepip founder @thomashpark about coding, his favourite apps and his past life at Mozilla. Welcome to our Hacks: Decoded Interview series! hacks.mozilla.org/2021/10/ha…

Hacks Decoded: Thomas Park, Founder of Codepip – Mozilla Hacks - the Web developer blog

Welcome to our Hacks: Decoded Interview series! We spoke with Thomas over email about coding, his favorite apps and his past life at Mozilla.

hacks.mozilla.org
1
10
1
46
Squid Game mini-games in pure CSS: thomaspark.co/projects/squid… #SquidGame

CSS Squid Game

The Squid Game challenges recreated in pure CSS

thomaspark.co
9
15
Completed all the levels in Flexbox Froggy! 🐸 It was a fun way to refresh my #flexbox knowledge and it's also quite humorous with the squished froggies. Try it for yourself and see if you can solve the last challenge. 😉 flexboxfroggy.com/ from @playcodepip
1
1
7
How better to learn than by doing? @playcodepip has created some incredible games. Trying to master Flexbox? Check out flexboxfroggy.com and follow along with @amyeoulton as she works her way through! codecast.io/casts/odgQxxAeQx…
3
1
2
codepipに日本のアニメっぽいゲームが来た
Codepip@playcodepip2 Sep 2021
Organize emoji with Disarray, a new coding game about JavaScript array methods! codepip.com/blog/organize-em…

Organize emoji with Disarray, a coding game about JavaScript array methods

Introducing Disarray, a new coding game from Codepip. In this game inspired by the visual novel genre, you play a cleaning consultant who's been hired to declutter your client's house. Using a...

codepip.com
1
2
Codepip retweeted
CSS-Tricks
@css28 May 2021
We can use SVG and a sprinkle of PHP to get dynamically-colored favicons, and @thomashpark us how with custom meta in WordPress. css-tricks.com/dynamic-favic…

Dynamic Favicons for WordPress | CSS-Tricks

Typically, a single favicon is used across a whole domain. But there are times you wanna step it up with different favicons depending on context. A website

css-tricks.com
1
13
1
58
OG Themes: a collection of stylish Cascading Style Sheets from the World Wide Web! thomaspark.co/projects/og-th…
3
4
Needledrop is a turntable interface for playing music from YouTube. Built with CSS and JS. Try it out! thomaspark.co/projects/needl…
4
6
1
28
Day 13: As I learnt the CSS Grid concepts recently, I played Grid Garden, a game for learning CSS grid by @playCodepip. And I'd definitely recommend you to play it if you want to understand Grids better. A fun way :) codepip.com/games/grid-garde… #100DaysOfCode via @_100DaysOfCode
2
1
7
Codepip retweeted
CSS-Tricks
@css9 Feb 2021
So cool how @thomashpark recreated the card swipe from The Among Us game, sound and all! css-tricks.com/recreating-ga…

Recreating Game Elements for the Web: The Among Us Card Swipe | CSS-Tricks

As a web developer, I pay close attention to the design of video games. From the HUD in Overwatch to the catch screen in Pokemon Go to hunting in Oregon

css-tricks.com
15
1
67
With endless #WebDevelopment resources at your disposal, have fun and learn with the help of coding games! 🎮 Learn how to make the most of web coding games with these tips from @playcodepip: msft.it/6005pXnnz.

12
19
There are almost endless resources out there to help you learn to code. And coding games are one of those resources - a fun one, at that. What's the best way to use them? Here @playcodepip discusses how to learn web development by playing coding games. freecodecamp.org/news/learn-…

How to Learn Web Development by Playing Coding Games

By Thomas Park Today we're lucky to have almost endless resources at our fingertips for learning web development. Among these resources are coding games. I've created games like Flexbox Froggy and...

freecodecamp.org
55
3
233
Just completed Flexbox Froggy by @playcodepip and honestly it is the best flexbox tutorial ever.
3
1
14
Wrote a post on how to make the Mad Magazine fold-in effect in CSS, in honor of artist Al Jaffee's retirement at age 99! thomaspark.co/2020/06/the-ma… @MADmagazine
2
3
3
21
✨Never give up on something you really want. It's difficult to wait, but worse to regret! R5 D93 #100DaysOfCode! Practicing flexbox on @playcodepip! In a week 100daysofcode Round 5 will end.🙂 I'll try to make a short video with all my projects from this round.😊 #GirlsCanCode
2
3
19
Load more