May 8th: Typography, Transitions, and 2D Animation
Mandy Michael works a bit of CSS magic and stacks five variations on the Rig Shaded font into one for a spectacular layered look.
Chris Gannon gives us a glimpse into how he works with Bodymovin, Rubber Hose, and Greensock to create his inventive animations.
Melissa Em's eye-popping poster shows off the high-style potential of CSS with text-stroke, filters, and mix-blend-mode.
David Bullock created a CSS tribute to the classic typography design manual "Thinking with Type" by Ellen Lupton.
Want to share CodePen with your whole organization? Check out our PRO teams! Collaborate, design, and develop together with the power of CodePen PRO.
The force was strong on May the Fourth and Revenge of the Fifth this year! CodePen team member Marie Mosley gathered up the newest Star Wars day Pens in her collection.
Stephanie Liu shows how "I made this cute lil CodePen buddy in an attempt to learn more about creating draggable UI elements with vanilla JS instead of relying on a JS library to do it for me."
Sarah Drasner's page transition demo uses Greensock and SVG to dramatic, geometric effect.
CodePen member K-T says "I love canvas 2d!", and they show that love with beautiful, soothing animations of elements in nature.
Mert Nerukuc's blog design has everything: slick hover effects, minimal but intuitive navigation, and striking monochromatic hero images.
Team Cloudinary's project is a great example of how to use service workers in Projects!
Hover the sections in the brain in Sam Chahine's Pen to learn more about what each section does, or pick his brains about how he built it by checking out the source code.