CodePen.IOVerified account

@CodePen

Build, test, and discover front-end code Support:

All remote team!
Joined March 2012

Tweets

You blocked @CodePen

Are you sure you want to view these Tweets? Viewing Tweets won't unblock @CodePen

  1. Retweeted
    Jul 23

    A exploration, Nav Bar meets Bottom Sheet on Trying out a different kind of navbar, where each nav option is a bottom sheet. Built with , react-spring and react-use-gesture

    Undo
  2. Retweeted
    Jul 23

    How many divs to make this pure CSS truck? 🤔 Zero!!! 🤯🔥 It uses body:after 🤫(And no external images 😅) It's responsive too! 😎 Will you take the "No div" challenge? 🤓 💻 via

    Show this thread
    Undo
  3. Retweeted
    Jul 23

    Did you know CodePen has (almost) 1,000 Font Awesome icons built in? Give that "Assets" button in the bottom left a click on your next Pen and you can get a lot of great free resources!

    Undo
  4. Retweeted
    Jul 22
    Show this thread
    Undo
  5. Jul 22
    Undo
  6. Retweeted
    Jul 22

    As I've got some new followers lately, many of whom are new coders, I thought I'd share some of the strange things I've made on . Here's my "Fun Stuff" collection via CodePen TV. Feel free to fork, play, improve and share.

    Undo
  7. Retweeted
    Jul 22

    I just discovered that you can use CSS calc() in a cubic-bezier function. In this I'm using an index value set in a CSS variable as a multiplier to create dynamic easing on these animations. It generates a pretty interesting effect! Check it out:

    Undo
  8. Jul 22

    "tsParticles noise, emitters and colors" by Matteo Bruni

    Undo
  9. Retweeted
    Jul 21

    I think I pulled a muscle with all the stretching I did in this tutorial. 😜 Using only the core gsap files from (free to use BTW), you can make this easy little nav. Read the tutorial. Check out the demo.

    Undo
  10. Retweeted
    Jul 20

    Don't mind me... just dropping some droplets in your feed 🥁

    Show this thread
    Undo
  11. Jul 20
    Undo
  12. Jul 20
    Undo
  13. Retweeted
    Jul 18

    Practising making grid layouts with CSS grid by recreating a wonderful typography poster in Credit to

    Side by side comparison of a blue and yellow french typography poster coded in CSS.
    Original poster by Jessica Fecteau, the poster from Etapes.com
    Recreated poster built-in CSS relying on CSS grid.
    Show this thread
    Undo
  14. Retweeted
    Jul 20

    This is an old project that I have been planning to re-code for a long time, and today I finally got to it. A mandala maker Full code : * not adapted for mobile (yet...)

    Undo
  15. Retweeted
    Jul 16

    Geez, sticking to a single div is a real test to my patience!

    Undo
  16. Retweeted
    Jul 19

    SVG polygon scaling animation for the first animation exercise in SVG Essentials and Animation course. A lot of experimentation with transform-origin and animation-delay, but turned out pretty well!

    Undo
  17. Jul 20

    It's week three of the July ! This week, let's get animated with Flutter's implicit animations 💙 Thanks for sponsoring!

    Undo
  18. Retweeted
    Jul 17

    Fun with psychedelic CSS gradients. Would make great wallpaper.

    Show this thread
    Undo
  19. Retweeted
    Jul 17

    Had a pretty mundane rainy day off. I attempted to recreate one of the apartment windows with CSS on . The color used for the wall in this project is called vivid tangerine. It is not the actual color of the wall here. Yet. See it live:

    Undo
  20. Jul 17
    Undo

Loading seems to be taking a while.

Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.

    You may also like

    ·