Chris Coyier
CSS-Tricks
Bend, OR, United States
Contact Chris
Discover and connect with journalists and influencers around the world, save time on email research, monitor the news, and more.
| Recent: |
|
| Past: |
|
Past articles by Chris:
CSS-Tricks is joining DigitalOcean!
Hey hey! → Read More
7 Fresh Links on Performance For March 2022
I have a handful of good links to articles about performance that are burning a hole in my bookmarks folder, and wanna drop them here to share. → Read More
Ahmad Shadeed: Use Cases For CSS fit-content
Ahmad Shadeed covers the CSS fit-content sizing keyword. It's useful! It just doesn't come up super often. I find myself using min-content a lot more, like → Read More
IE Down, Edge Up... Global Browser Usage Stats Are for Cocktail Parties and Conference Slides
I enjoy articles like Hartley Charlton's "Microsoft Edge Looks Set to Overtake Safari as World's Second Most Popular Desktop Browser." It's juicy! We know → Read More
Trailing Slashes on URLs: Contentious or Settled?
A fun deep dive from Zach. Do you have an opinion on which you should use? → Read More
Manuel Matuzovic's CSS Specificity Demo
If you're looking for a primer on CSS specificity, we've got that. And if you're trying to get ahead of the game, you should be aware of CSS Cascade Layers as → Read More
My white whale: A use case for will-change
The will-change property landed in major browsers in August 2015, and I've been on the lookout for when to use it ever since. → Read More
CSS Database Queries? Sure We Can!
Kinda silly sounding, isn't it? CSS database queries. But, hey, CSS is capable of talking to other languages. → Read More
Before I go: When it comes to complaining about web browsers
That's a damn one-two punch from Dave. He goes for the ultimate clickbait title¹, then follows up with a pile of epic advice for us all. If you want web → Read More
(Jay Freestone’s) Front-End Predictions for 2022
I linked to Jay's front-end predictions last year and I think they panned out pretty well. → Read More
Add-to-Calendar Button UI Widget
A useful little UI widget. Click the add-to-calendar button, get a list of calendar apps, the user selects which one, and they get a download. → Read More
GSAP Flip Plugin for Animation
Greensock made the GSAP Flip plugin free. FLIP is an animation concept that helps make super performance state-change animations. → Read More
Why are hyperlinks blue?
Last year, Elise Blanchard did some great historical research and discovered that blue hyperlinks replaced black hyperlinks in 1993. They've been blue for so → Read More
Your CSS reset needs text-size-adjust (probably)
> […] Mobile Safari increases the default font-size when you switch a website from portrait to landscape. On phones that is, it doesn’t do it on iPad. Safari has been doing this for a long time, as a way to improve readability on non-mobile optimized websites. While undoubtedly useful in a time when literally no website was optimized for mobile, it’s significantly less helpful nowadays. […]… → Read More
9 New React and JavaScript Links for February 2022
Every now and then, I find that I’ve accumulated a bunch of links about various things I find interesting. Like React and JavaScript! Here’s a list of nine → Read More
A Preview of 4 New CSS Color Features
There many new and upcoming ways to define CSS color. Four new features include Display-P3, LCH, LAB and HWB. Let's preview them together. → Read More
Developers Speculating About the Long-Distant Future: 2022
This is a wonderful roundup from Jeremy, who I picture circling January 1, 2022, in red marker on a giant paper calendar back in 2008 and patiently counting → Read More
SVGcode for Live Tracing Raster Images
A free online tool called SVGcode by Thomas Steiner is capable of an effect called "Live Trace" that converts a raster image into a vector image. → Read More
No Motion Isn't Always prefers-reduced-motion
You may want to think twice before using this CSS that attempts to obliterate any motion on a website using prefers-reduced-motion. → Read More
Color Spaces for More Interesting Gradients
Think of color spaces as a physical map where individual colors are points on the map. Gradients walk from one point on the map to the next. → Read More