November 27th: Checkboxes, Cursors, and Cheese
Snag the hottest new domain name for designers
.design domains were just released and some of the best ones are still available. Normally cost $35 but CodePen subscribers get them now for FREE.
Mohammed Fahsi on the DPDK team created this surreal Zebra. Make sure to move the camera around and click to change the Zebra and her surroundings.
Dolphins live in the... You guessed it.
CSS-only Todo List Checkbox Animation
Shaw twists our brains a little as these checkboxes unfurl into a line to cross out the items.
"Click to drop another camera." Then move the camera around (it's a Three.js environment) and keep dropping them. Fun physics in a surreal environment.
Amelia Bellamy-Royds demonstrates some code for throttling and debouncing. It's not too much code, and the idea is to slow down how often you're running code for eager DOM events like `scroll`.
Stretching the Grid — 6 fun ways to use CSS Grid
Andy Barefoot shares six examples of "how you can stretch the Grid implementation a little to make something unusual" in his Medium post.
D3 Table with Template Literals
PJ Trainor continues his series of posts on how to leverage ES6 in D3 with this tutorial on making custom tables.
CodePen Radio #152: A Very Codevember Thanksgiving
Marie and Rachel are back to update us on Codevember - what's inspiring them, how CodePen is picking the best of Codevember, how to keep up even if you can't complete the whole challenge, and why community challenges are a great way to learn something new.
Codevember #25: Avocado!
An avocado expels its pit with a mix of relief and triumph in this deliciously weird Pen by Sebastian DeRossi.
Alex Baldwin hearkens back to the Geocities days with a couple rad animated animal cursors.