CodePen

Chris’ Corner: If This Then Splat

Chris Coyier |
I love the little typographic thing where if you’re reading a block of text that is in italics, that when an italic word is needed within that, it is unitalicized (like that). I’ve seen that expressed in CSS like: That’s probably smart to have, but not all italics are necessarily within an <em&gt... read more

Chris’ Corner: There is a Turtle at the Bottom

Chris Coyier |
If you were in charge of the curriculum at a college teaching web development, would you ensure the curriculum was regularly updated with bleeding edge technology? Or would you establish a slower moving curriculum with tried and true technologies? That’s tough. You can’t just flip a coin. It may be ... read more

Chris Corner: View Transition Performance

Chris Coyier |
I was mystified the other day about why some navigational View Transitions weren’t working for me. It was just a demo thing, so it wasn’t a big deal, not to mention this API is Chrome-only and just a progressive enhancement anyway. But I did learn why! The way I understand it now is that navigation ... read more

Chris’ Corner: Web Combinements

Chris Coyier |
A little bit ago David Darnes made a <code-pen> web component that you’d chuck HTML, CSS, and JS inside of and it would show the code and give you an “Open in CodePen” button. That’s enabled by our Prefill API. Miriam Suzanne has played with web components making an <embed-pen> that is l... read more

Chris’ Corner: It DOM Matter

Chris Coyier |
“Regardless of where it is in the DOM.” That’s a phrase that goes through my mind in regard to a number of new CSS features and it’s so cool. I certainly spent most of my formative HTML & CSSin’ years being very careful about where things needed to go in the DOM specifically because CSS […]... read more

Chris’ Corner: Open Sniped

Chris Coyier |
Recently Heikki Lotvonen cooked up a very cool idea: what if the colorization of code output on the web could be handled by the font itself. Syntax highlighting, as it were. So rather than accomplish this with a heaping pile of <span>s with classes to colorize the text, the font file knows how... read more

Chris’ Corner: Gold Star CSS Bloggers

Chris Coyier |
CSS still gives me the warm fuzzies sometimes. We’ve gotten so many amazing CSS features the past few years, that each alone makes me happy. But when those features are combined, I’m often stunned and get thinking about how we’re only scratching the surface of what is to come. Take a new demo by Ada... read more

Chris’ Corner: Filtering

Chris Coyier |
We updated the Your Work section of CodePen recently. See, it used to have a dropdown menu like this that we labelled “View”: This allowed you to scope down the Pens you were looking at below (in a Grid or List view). A single <select> element like that started to feel a little awkward. Especi... read more

Exploring 21 Unique Custom Cursors for Your Site

Olasunkanmi Fafowora |
Microinteractions play an role in creating engaging and intuitive user experiences. These subtle animations and feedback can guide users, provide valuable information, and make interactions more enjoyable and generally look cool! One often overlooked yet super powerful micro-interaction is the use o... read more

Chris’ Corner: Here’s some things you should know

Chris Coyier |
Fine fine fine, here’s some things you could know if you were hip and into knowing things about building websites well.... read more