CodePen

Chris’ Corner: Stand Alones

Chris Coyier |
It continues to be a big year for Web Components. I’m noticing it more this week as it’s effecting some of my friends. My long-time ShopTalk co-host Dave Rupert just got a job at Microsoft working on Fluent UI Web Components. Probably didn’t hurt that he wrote the book on them. I’m stoked that big, ... read more

Chris Corner: Platforms and Tools

Chris Coyier |
Late last year Google made this showcase microsite The Web Can Do What!?. It’s nicely done! I like how it talks about various somewhat-recently unlocked use cases, while itself being a showcase for other rather impressive things you can do on a website (cool usage of sticky sections, view transition... read more

Chris Corner: Unusual Ideas with Great Results

Chris Coyier |
SVG Short Circuiting SVG is normally a pretty efficient file format. If an image is vector in nature, leaving it as vector is normally a good plan as it will like scale well and look pretty darn crips. But of course, It Depends. Super complex vector graphics can get huge, and a raster (i.e. JPG, […]... read more

Chris’ Corner: Design the Job

Chris Coyier |
Y’all use Figma for design work? I’d be willing to bet a lot of you do at your organization. I’m still wrapping my brain around the fact that Adobe has to write a billion dollar check to not acquire it. It’s no wonder why they wanted it — there is a new household name in […]... read more

Chris’ Corner: Server Side Reconnaissance

Chris Coyier |
If you tend to follow React stuff, you might know that React has a new thing called “Server Components”. Mayank has an excellent blog post about them. It starts out with calling out the nice things about them, and then fairly calls out all sorts of not-so-good things about them. Me, I think it’s all... read more

Chris’ Corner: Things I Like

Chris Coyier |
I like Melanie Sumner’s coining of the phrase Continuous Accessibility. To me, it’s like a play on the term Continuous Integration (CI) that is very pervasive. We build CI pipelines to lint our code, test our code, and test our code primarily, but all sorts of things can be done. We can test new cod... read more

Chris’ Corner: Tricks With CSS

Chris Coyier |
There are plenty of very legit reasons you’d want to have a scrolling element start out scrolled to the bottom, and stay scrolled to the bottom (as long as a user hasn’t scrolled back up). As ever, you could do this with JavaScript, as JavaScript can adjust scroll positions of elements. There is a w... read more

Chris’ Corner: Hard Things

Chris Coyier |
Julia Evans has an extremely relatable and extremely charming talk in Making Hard Things Easy. Julia has a way of putting her finger on technology concepts that are notoriously difficult and making them easier to understand. She does this both by sharing her own tactics, like learning a reduced set ... read more

Chris’ Corner: Real World CSS

Chris Coyier |
I enjoyed Lee Robinson’s take on How I’m Writing CSS in 2024. Rather than jump right into tools and syntax, it starts with the user: Agreed! Number 3, and to some degree 4, are almost more in the JavaScript bucket than CSS, but it’s a good starter list. I’d add “The page styles shouldn’t interfere [... read more

Chris’ Corner: Cool Ideas

Chris Coyier |
Lossy compression can be good. For something like a JPG, that naturally uses compression that can be adjusted, that compression leads to lost image data. In a good way. The image may end up being much smaller, which is good for performance. Sometimes the lost image data just isn’t a big deal, you ba... read more