This week: Mobiles, Motion, and Motels
#CodePenChallenge: Details and Summary Roundup
The CodePen community really dug into the details for this challenge! Check out a couple of our favorites from the HTML Buddies Details & Summary week.Sponsored:
Awesome realtime apps with Channels
Powerful features, 40+ SDKs supported, 150+ tutorials available and the support you need. Generous free plan. Get started today.
yuanchuan shares the process behind those beautiful css doodle drawings in this incredibly pretty post.
Laurel / Yanny
Are you #TeamYanny or #TeamLaurel? This Pen from halvves might help you hear what the other half hears... or not. Give it a shot!
CSS Birb Generator
A colorful flock of feathered CSS friends flies by in this charming Pen from Dario Corsi. Open up the control panel to mix up the spawn rate and speed for the perfect little web aviary.
CodePen Radio #174: Klare
CodePen's newest team member, Klare Frank, joins Chris and Marie to talk about her experience going through the hiring process at CodePen and what her first week at CodePen has been like.Sponsored:
You should probably learn React.
CSS Motion Path: beyond the Big Three Properties
In this blog post, Dan Wilson takes you beyond the basics of the primary CSS motion path with demonstrations of offset-anchor, offset-path, and rays & polar coordinates.
Nice and educated WebGL frog
A "2.5D WebGL scene with day/night alternation and timed color mapping" plus a friendly frog from Sebastian.
Article transition page
Making an animated nav component
A tutorial post from Eder Díaz detailing how he recreated Mauricio Bucardo's delightful Dribbble shot with Vue, TweetMax, and FontAwesome.
Colin van Eenige gathered his geometric experimentations with WebGL in this pleasingly color-coordinated collection of Pens.
Day 2: Pastel Motel | Pure CSS
This charming CSS illustration from Seth Hare has a strong "Accidental Wes Anderson" vibe.
Photorealistic pure CSS mobile phone
A jawdropping "pure CSS mobile phone, based on iphone X mockup. Everything is made byc CSS, no svg, no base64" from Grzegorz Witczak.