Sign in with Twitter

Username:

CodePen.IO @CodePen All remote team!

Build, test, and discover front-end code 👩🏽‍💻 Support: https://t.co/MfAJRJsGO1

2,926 Following   125,145 Followers   17,828 Tweets

Joined Twitter 3/6/12


3D Cube Text via @CodePen https://t.co/MemQCSvzf1 https://t.co/poc2Gf3T4s
Retweeted by CodePen.IOI had a go at recreating @webshocker_net's 3D Big Sur Voice Memo icon in just HTML & #CSS, then animated with… https://t.co/19PAWx1T6B
Retweeted by CodePen.IO @kidsthatcodeNG Thank you for sharing! We love working on a product that can help you teach kids to code. 🙇🚀Love. Makes us proud to work on this product! https://t.co/ZAmGPC0Tk4 @VisnuRavichand1 Great work Visnu! @maneatingfish Sorry about that. We've fixed the problem.
9/18
2020
@euphorialire Thanks for letting us know. We've fixed search. Try again. @grienauer Thanks for the heads up. It's fixed now.
9/17
2020
A list of 100 facts about cats! (@CodePen challenge - 100 List Items) Full code: https://t.co/Y8wp6rttri https://t.co/gmtjoo4IG2
Retweeted by CodePen.IOAn attempt to recreate a LED switch from Dribbble in #CSS https://t.co/a7fBArtdd6 @CodePen https://t.co/xhm10W2Fum
Retweeted by CodePen.IO#CodepenChallenge 100 List Items! Emoji List with Skeleton https://t.co/gTJfoKawWp @CodePen This is a list of emoj… https://t.co/L5zNp9rdj3
Retweeted by CodePen.IOIt's been a while since I made one of these! Meet #css Yoshi folks 🦖🍄 @CodePen 👉 https://t.co/az9DP7mCQV https://t.co/abwSXBf9hz
Retweeted by CodePen.IO
9/16
2020
Ready to spin some dials? 🎛️ Ever use @greensock's mapRange() utility method? In this quick tutorial, I'll show y… https://t.co/8q9zmez1qb
Retweeted by CodePen.IO
9/15
2020
If you're into CSS 3D transforms and animation I've put together a @CodePen collection of a number of my experiment… https://t.co/z4pcZe7rNx
Retweeted by CodePen.IONew week, new #CodePenChallenge! This week, let's see what you can do with 100 list items 📜 https://t.co/rDDQ5BMlI0https://t.co/KjtX5jx5Zq @thegagegogan Honestly we'd love to some day. I'll bring it up to the team.
9/14
2020
Happy Programmer's Day ♥ @CodePen: https://t.co/JtPvDHbtV8 https://t.co/uYCktZ0rc7
Retweeted by CodePen.IO
9/12
2020
TIL #CSS text-emphasis 🎉 em { text-emphasis: filled double-circle deeppink; } 🤯 Put emphasis or an accent on a… https://t.co/cifr6JFkj0
Retweeted by CodePen.IO @anatudor thanks we'll take a look! @anatudor could you share a link to the Pen so we can take a look?sept week 1 @CodePen challenge: 100 divs responsive endless scrolling generative patterns built w/ @greensock's lo… https://t.co/z22Y1koN5T
Retweeted by CodePen.IO @justjspr Hey Jesper, forgot to mention we're regenerating screenshots when you make changes. You should see the fr… https://t.co/dobDHW5M1ibeen awhile since i did a @CodePen challenge. 100 divs - recursive mesh. the power of inheritance.… https://t.co/ik5yRi0KTC
Retweeted by CodePen.IO
9/10
2020
My first entry for this week #codepenchallenge @CodePen 🥳 🟥🟧🟨🟩🟦🟪 Move your mouse or finger to update the pattern an… https://t.co/WdeL08R2gL
Retweeted by CodePen.IOMy contribution to the 100 div challenge on @codepen: 🎈 99 Luftballons... in a div Because, why not? 😃 https://t.co/iaNDlCx5vg
Retweeted by CodePen.IO @whimsyniche Not at the moment, but that's an interesting idea! We'll talk it over, thanks 📝
9/9
2020
Candy Ring Preloader https://t.co/HMDDOQDWiu @CodePen #CSS https://t.co/1CnKm1mjlN
Retweeted by CodePen.IOHeard of the "Naughty Step"? 👀 How about the "Cool Steps"? 😎 Responsive animated steps made with CSS 💪 How does… https://t.co/WFydKxYUoX
Retweeted by CodePen.IOMultiple cursors can be so dang handy (command-click). This video is refactoring some HTML into Pug and it's so ea… https://t.co/4tkQCl3KZdUncover the "Dog of the Day" in this silly "flip puzzle" for my entry to the @CodePen #codepenchallenge prompt to u… https://t.co/aDy8moydGn
Retweeted by CodePen.IOI made this! /* codepen */ WebGL Distortion Effects https://t.co/7avbw8VMdg /* references */ I wrote on its pen d… https://t.co/KNyl00Lr6l
Retweeted by CodePen.IO @mat_tez We just got a fix out for it for this. Give the page a hard refresh. @splaktar Could you write in to support so we can take a closer look? https://t.co/BxiHfupaJm
9/8
2020
The September #CodePenChallenge starts today 🎉 This month, we're working with So! Much! HTML! Let's begin with 100… https://t.co/vTGbTUMCSi
9/7
2020
Text Mask on @CodePen: https://t.co/OL1NgY3Ra0 Click to generate a new pattern. You can enter any text. https://t.co/ezmGhLOnVh
Retweeted by CodePen.IOVoronoi Crystals A colourful Voronoi diagram that shimmers and shifts as crystal. Plenty of parameters to tweak in… https://t.co/XS3MndSlvs
Retweeted by CodePen.IO
9/6
2020
duo @CodePen https://t.co/2LEo0VRgJ6 #threejs #gsap https://t.co/Xwh9VoIPZN
Retweeted by CodePen.IOI forked and endlessly tweaked my psychedelic ocean pen until I found myself wandering through a generative landsca… https://t.co/JmIUhwvcpi
Retweeted by CodePen.IOEleven Funko Pop version (pure CSS) https://t.co/g0LMchHks5 via @CodePen #css #cssart https://t.co/LaHcgA2kdF
Retweeted by CodePen.IO
9/5
2020
@makzan if you're logged in and the Pen is public, the heart button should be in the Pen header on the right. If it… https://t.co/3CUPAicEAF
9/4
2020
Order Form Toy https://t.co/bGqvqOXMUE @CodePen #CSS #JS https://t.co/5owAaWt0VI
Retweeted by CodePen.IOI coded a @CodePen pen where you're a pen that herds CodePen pens into a pen https://t.co/XYWrHwy1CS @chriscoyierhttps://t.co/ayErnxYdQJ
Retweeted by CodePen.IO
9/3
2020
Too many choices always a bad thing? Naah...at least when it comes to colours. New @CodePen theme switcher with a b… https://t.co/ajuCbFrgU2
Retweeted by CodePen.IOGetting back into P5JS with some simple daily projects. Here's Cycles of Tension, a generative design piece on anx… https://t.co/nD1UOrZ15G
Retweeted by CodePen.IOMoonlight at dawn - inspired by a walk I took around my city between night and day Built with #threejs,… https://t.co/rRU9IbiDoQ
Retweeted by CodePen.IOCSS Only Room Escape Game https://t.co/eUIXCYbR3M @CodePen This is an escape game only made in CSS. I created all… https://t.co/bnGL42CJpb
Retweeted by CodePen.IO @flocke an API is in our plans for the future, I'll let the team know you're interested, thanks 📝 @Flocke The sort/reorder UI is on each of the individual Collections. Click into one of the Collections in the Dash… https://t.co/8OsQtqOd9K @Flocke Collection reordering and sorting are available for everybody! 😃 You can sort any Collection from the "Sort… https://t.co/8j74TuHZ9G
9/2
2020
CSS only Spinel samples some sweets 🍩 #codepen @CodePen // https://t.co/LLjXEAeOEJ https://t.co/AfNhvnLSiE
Retweeted by CodePen.IO
9/1
2020
CSS Grid Nav-Menu (speed lapse) Youtube: https://t.co/AvHrLSqSUL @CodePen: https://t.co/57kdjGlDeo #CSS3 #HTMLhttps://t.co/Ce8RCU4KR1
Retweeted by CodePen.IOYou can jump straight to the @CodePen to review the latest https://t.co/VMDui1DBZY tutorial demo for creating custo… https://t.co/zzdupe4llR
Retweeted by CodePen.IOsuper excited that two of my @CodePen games are featured in this video 🤩 https://t.co/QPGsgw5OK5
Retweeted by CodePen.IOI made a @CodePen of my sprite generator with improvements! Black outlining, transparent background and sprites al… https://t.co/z1AzaM0ZZO
Retweeted by CodePen.IO🆕 We just released a big update to Collections! ✅ Reordering ✅ Sorting ✅ Commenting Plus a fresh new look 🎨… https://t.co/pGuFAfctoF
8/31
2020
Made one @CodePen after quite some time. Just some morphing letters with GSAP ScrollTrigger and polymorph.js https://t.co/mSg3xiu162
Retweeted by CodePen.IO
8/30
2020
CSS ART - Vintage VW Bug - 👉 https://t.co/bsLe8NOODm via @CodePen I made my favorite car with CSS🙌 It was chal… https://t.co/BXY7qdHLuv
Retweeted by CodePen.IO🐴 This week we spoke with @hexagoncircle about his awesome @CodePen, Supa Dupa Fly! He teaches us how he animates… https://t.co/BSfu9YoXUu
Retweeted by CodePen.IO
8/28
2020
Latest experiment with CSS Shapes. 🔸⚡️ Best in Firefox. 🦊 https://t.co/cQYDdbOXLx via @CodePen https://t.co/rB2oknxiUN
Retweeted by CodePen.IO
8/27
2020
Pure CSS Logo's Collection!!! @CodePen :https://t.co/RzTXtHQT3I These Logos were created using the "clip-path" pro… https://t.co/koo0kmSHdj
Retweeted by CodePen.IOWe learned how @petebarr made these fantastic animations with @greensock and some really clever techniques! 🤯 The… https://t.co/HQ47EtR59J
Retweeted by CodePen.IO🎂🎂 A very happy birthday to @chriscoyier 🎂🎂 https://t.co/b6ciNLWM4T
Retweeted by CodePen.IO
8/26
2020
Great work. #mambaforever ♥️💜💛 https://t.co/ubGZoRTM9ZThanks for 4k on @CodePen 🚀 https://t.co/ycg8iwU9uw https://t.co/YdOtZkt9v1
Retweeted by CodePen.IO
8/25
2020
A few minutes available? Let's draw an owl in CSS... starting from the word "owl" and building from there. Here's… https://t.co/BfK9YxO6MV
Retweeted by CodePen.IOUsing the WebShareAPI's Level 2 (image/file sharing) to trigger some sharing animations. Illos: SVG; animation: ma… https://t.co/hHfXyLVsvj
Retweeted by CodePen.IOIt's the final week of the music video color palettes #CodePenChallenge! This week, we dance into the 2010s with c… https://t.co/1BKxlTUjDgPin Interaction for @joincheck Play with it @CodePen https://t.co/mKOA2uOCKt Made with @greensock https://t.co/nN2YKeXNBf
Retweeted by CodePen.IO
8/24
2020
I love designs Quincy Banks (Instagram: quincybanks) created for @troyesivan's new music (the new album is amazing)… https://t.co/CvqHvZwclT
Retweeted by CodePen.IOReposting this from last night with a ⚠ motion warning. Recreated a Henning Lederer animation with a single div an… https://t.co/mwYNTY86KM
Retweeted by CodePen.IO
8/23
2020
"Layers" by Ömercan Balandı https://t.co/FLQNCr9kFP https://t.co/Iw8pXHp7tJ @haleepagel So sorry Halee! If you saved it at least once while you were working, autosave should have been on and… https://t.co/zNwLKwQGsiCreative Wave Button https://t.co/OUhpLAxO8x @CodePen aracılığıyla #frontend #FrontEndDevelopment #css
Retweeted by CodePen.IO
8/21
2020
✨An experiment using custom properties to visualise the Fibonacci sequence https://t.co/HR4ebLZUKT https://t.co/v7clKfUNgv
Retweeted by CodePen.IOWhite Stripes Codepen Challenge Animation https://t.co/4dgLawbVm3 via @CodePen
Retweeted by CodePen.IONew pen: Form Focus https://t.co/u0aKJXXU7O A design concept around narrowing the user's focus when filling out a… https://t.co/mBxY4xpWer
Retweeted by CodePen.IO
8/20
2020
@domjancik This is a super cool idea. Ideally it's something CodeMirror and/or Monaco would build in.Neural nervous system of a brain on @CodePen https://t.co/RrzctUyyiy #codepen #javascript #css #HTML5https://t.co/AyIo5bYd7J
Retweeted by CodePen.IOSVG Daily Tip #19 You can make a safe area in an image that will never be cropped by adding your image in an SVG an… https://t.co/HnDnh9dMvg
Retweeted by CodePen.IOInfinite Scrolling JavaScript feature of List of Breweries around US using the Open Brewery DB API 🍻🍺… https://t.co/vIanKM9gcs
Retweeted by CodePen.IO
8/19
2020
SPECIMEN @CodePen https://t.co/WLQDbXtQz9 @greensock #svg #animation #javascript https://t.co/Lf3RXBua9L
Retweeted by CodePen.IO"The Impossible Checkbox 🐻" Now with sound! 🔊 ⚒️ @reactjs && @greensock 💻 https://t.co/qkPJD84h8S via @CodePen https://t.co/MznJcTsq5M
Retweeted by CodePen.IO#CodePenChallenge accepted! @CodePen #javascript #css https://t.co/DjmNJKJEBW
Retweeted by CodePen.IO
8/18
2020
Week three of the video color palettes #CodePenChallenge starts now! This week, we're playing with the Lego colors… https://t.co/w1nvQZAvri
8/17
2020
@ericporter @feministbones We had to stop offering the 0-indent as it was causing a variety of little weird bugs for us. Sorry!Yes, I'm a furry! @CodePen https://t.co/reMzcNbpga I doubt you can make this with pure CSS @alvaro_montoro https://t.co/pUFbF7Krma
Retweeted by CodePen.IO"Love button ♥️" Put together this @aaroniker_me inspired set of buttons tonight 😎 Working on some CSS transition… https://t.co/gEcaovpjNe
Retweeted by CodePen.IOcopy-paste ready, single rule CSS star-fields, on @CodePen https://t.co/mZ5Kuu3XNZ
Retweeted by CodePen.IOToday I've built my first React app! I have taken some of the shapes @chriscoyier wrote about in his article "The S… https://t.co/ujNgLaqqEX
Retweeted by CodePen.IO @rosieebob so coolYou know how sometimes you fix one thing but it messes up some other things, and then you try to fix these things b… https://t.co/yadLQ9FXwe
Retweeted by CodePen.IOCSS Art people. If you need a border-radius tool, this is the best one out there: https://t.co/rLruC8CALj. @CodePen @CSS
Retweeted by CodePen.IOHere's the @CodePen demo for episode 20 of the Modern CSS tutorial series: "Custom Select Styles with Pure CSS"… https://t.co/KWleHMcF1Z
Retweeted by CodePen.IOFalling Sausages @CodePen https://t.co/3ZM1Cf6wAF @greensock (combines Illustrator's Puppet Warp tool and… https://t.co/cS6GI9ANhi
Retweeted by CodePen.IO
8/16
2020
An example of turning an HTML Range Input element into a simple animation timeline https://t.co/z1frWa947o via… https://t.co/DxdW14DduQ
Retweeted by CodePen.IO🥳Tasty Cake Menu, hover over the piece of cake you found most tasty ! https://t.co/KozgaGsiVe vía @CodePen #codepen #svg
Retweeted by CodePen.IOText-Based CSS Animation: The Grid @CodePen:https://t.co/E5aecMJbSi youtube:https://t.co/hpwYLoJgNvhttps://t.co/JTeZ3ogAos
Retweeted by CodePen.IOR2: Day 10 of #100DaysOfCode Here's my CSS practice for today- Juggling Balls Animation https://t.co/LZsQdIpBWq vi… https://t.co/7pEDNViLUU
Retweeted by CodePen.IODesk icon animation. Designed with @figmadesign, animated with CSS #cssanimation #animatedicon https://t.co/q7RdRjVrOo via @CodePen
Retweeted by CodePen.IOPendulum with #threejs on @CodePen 👉 https://t.co/lyeArNnbRF https://t.co/wznACqwSts
Retweeted by CodePen.IO
8/15
2020

0