Here are some options. tldraw https://www.tldraw.com/ Perfect Freehand https://www.perfect-freehand.com/ Concepts (iPad) https://concepts.app/en/ | Continue reading
I just blogged about a little moment in a podcast that stuck with me. I remembered a little micro comment about how rabbits eat their young sometimes. I wanted to listen to it again. How do I find it? Their podcast page/notes don’t have “jump links” of any sort. They don’t do tra … | Continue reading
Great episode of You’re Wrong About: Lesbian Seagulls. It’s this look at — not just Seagulls — but the history of science observing same-sex pairings in nature. You’d think, because of the nature of science, people would just observe and report things as they happen. Like, what g … | Continue reading
A friend asked me that recently, adding: “Do you ever just wake up and think wow I just truly don’t care?” I like the question because, frankly, I do have a decent tenacity for my projects. CSS-Tricks was about 15 years old when I sold it. It’s been almost 12 years since I starte … | Continue reading
I think it’s perfectly reasonable to want to use the JSX syntax but not need React. It’s a decent templating language that I bet a lot of people are quite comfortable with. Here’s a contrived example: If you were using React, you’d use ReactDOM: But that’s client-side. ReactDOM h … | Continue reading
The wall art at my dentist is really straightforward: It’s not trying to be beautiful. It’s not funny. It’s not a metaphor. It’s not subversive. It’s not even a platitude, really. It’s just a reminder, I guess? Some words? The only thing it’s missing is a QR code that takes you t … | Continue reading
The cover image of my Facebook profile has looked like this since about a week after that photo was taken in 2015: I like that photo. It was taken in Haines, Alaska at Portage Cove State Recreation Site. I was younger then, so I suppose it’s unfair to keep that up forever. I’m ol … | Continue reading
I was at the airport the other day, and a guy who works for Delta told me he wants to use their website-based system to give a friend a flight voucher. He can’t do it from his phone, it just doesn’t work from phones (cool neat). He needs a laptop to do it, and asked […] | Continue reading
Dude is so funny. I just started watching his specials. I watched Full Time Magic on a plane the other week and I was dying. YouTube has got a bunch of clips, of course. Here are 21 minutes of gold: He’s got a new 2023 thing called Hello, World! that I obviously need to get […] | Continue reading
Ruby was clearly annoyed that we were waiting at the luggage claim so far away from where the luggage came out of the wall. She didn’t say anything — it was about midnight when we got to the Madison, Wisconsin airport and we were both tired — she just trudged over to the start of … | Continue reading
The demise of Sass has long been foretold. Sass’ features are making their way into CSS, they say, so why bother with an additional build tool? I like that sentiment. What do they say about web platform tools again? Any good tool should live long enough to see itself made redunda … | Continue reading
I’m writing this from a place called Port Townsend, Washington. It’s more Northwesty in the great United States than even Seattle is, but just shy of Olympic National Park. This is Twilight territory. Like the movie. You should watch that first one again it was really pretty good … | Continue reading
Fit-to-Width Text (from Roman Komarov) is a full-blown 5-star bonafide CSS trick if there ever was one. The idea is “size text to the container” in CSS alone (at least scale it down if it’s too big/long. The trick is a “scroll-driven animation” and text that overflows a container … | Continue reading
A little bit from David Pierce’s Who killed Google Reader? One feature took off immediately, for power users and casual readers alike: a simple sharing system that let users subscribe to see someone else’s starred items or share their collection of subscriptions with other people … | Continue reading
Open source is eating the world, they say. I remember when remove.bg dropped, to a collective gasp. Give it a photo, and it automatically removes the background with no additional input or worked needed. Friggin cool. Now the website gives you “1 credit” to do that job, which you … | Continue reading
The attributes of responsive s are pretty intense! You need to create/serve/cache multiple versions of images, know exactly how wide they are, and then accurately put that into the srcset attribute in the HTML syntax. Hopefully, you don’t need to change that system very often if … | Continue reading
“Snakebite” by The Benders Twenty years old. Love the energy all around, especially the vocals. The pseudo-yelling tempered by that megaphone effect works for me. “Ripple” by Logan Ledger Obviously a Robert Hunter song turned Grateful Dead classic, but I like Logan’s take. This i … | Continue reading
Stock and flow is an old post from Robin at snarkmarket. This was the most challenging and most fun thing about back when I was running CSS-Tricks. There was always tension between two worlds. One: feeding the day-to-day machine. Be a magazine, a newspaper, or at least an industr … | Continue reading
The Pudding digs into the rarity of hearing women on country radio. The data is clear, but it’s not random or some “well there is just fewer hits by women” excuse. It turns out it’s an edict. What does it matter? Sniping a great quote: I’m trying to picture in my head a 10-year-o … | Continue reading
Websites used to go down with more regularity than they do now. Twitter famously had the fail whale. But I mean more like “normal” websites, like this one. If Daring Fireball linked to a site and it went down, that community called it getting “Fireballed” and there was exotic sol … | Continue reading
Have you ever found one of these? It’s a leveling shim. Restaurants use them to quickly slip under table legs to keep a table from wobbling. If you find one, it is your sacred duty to keep it on your person until you come across a wobbly table. | Continue reading
There have been a handful of situations lately where I’ve felt that I was getting communicated at by an organization. I don’t want to throw anyone under the bus, but one of them was a dentist, if you’re curious. But it could be a school, a SaaS app, a conference, book club, or a … | Continue reading
The gang at A Book Apart have partnered with a “global distribution platform” such that their lineup of books has much wider distribution than it had before. There are lots of cool side effects of this, one of which is that the book now appears on huge sellers like Barnes & Noble … | Continue reading
Just a quick note that if you’ve never tried Passkeys and you use Google stuff, you can set it up easily at: g.co/passkeys I did it a few months back, and it’s been pretty nice. Have you used a password thingy like 1Password? If you have, you know how when you log into a site, [… … | Continue reading
It’s not every day there is a new “best practice” for CSS, since it’s such a huge, ubiquitous, and highly used language. But here’s one, maybe? If you add padding in the main flow direction of an element, adding margin-trim in that same direction. If you have both padding and mar … | Continue reading
It’s a big day of protest at Reddit. Users are pissed at the prices that Reddit is to start charting for API usage, which has driven best-of-breed apps like Apollo to close doors. I liked Apollo, myself. I found it to be a very nice iOS app. So it’s annoying it’s going away. When … | Continue reading
Awesome. It’s nice to feel useful. Let’s say the goal of the conversation is to get closer to making actual choices on what technologies to use. Where are you going to host it? What is the main site-building tool, if any? Where are you going to buy a domain name, if anywhere? Wha … | Continue reading
CSS is the champ1 of selecting elements. There is nothing on a web page that a selector of some sort can’t get it’s hands on. But not everyone, nay, very few people, are skilled at hand-crafting CSS selectors, yet need their functionality to do things. So sometimes applications n … | Continue reading
I was just talking to a guy, a fellow dad, and we talked about our families. He said he was done thinking about how his parenting and choices measure up to any perceived standards or what other people are doing. We do what works for us. There are so many little details to parenti … | Continue reading
Hey! Chris Coyier here. This is a blog-itized version of a presentation I created. It started life as a Keynote file which I presented in person at RenderATL in June of 2023. I put a lot of work into it! I’m so grateful to everyone who came and saw it. But you can’t beat the […] | Continue reading
Since I weighed 271 lbs 4 months ago, this feels like decent progress, even though I feel a bit stalled out at this weight. I’m hoping I can blast past it. It would be neat to get back to where I was nearly a decade ago, then again. I’m still on the Ozempic. My insurance […] | Continue reading
TLDR: Blah blah: I’ve got a pair of Bose Noise Cancelling Headphones. I may have gotten them from a weird marketing campaign 😂. They are pretty nice. I think Bose made the “noise canceling” thing a thing, and I’m not turning my nose up at near-$400 headphones. But I’ll cr … | Continue reading
I’m still a fan of the OKLCH color model and CSS function. But there are a couple of things that are confusing or weak about it, and it’s probably fair to point those out clearly. 1) Adjusting the L, C, and H values by hand is a bit dangerous Dangerous because of totally invalid … | Continue reading
You can make a new folder anywhere you like on macOS. But not a new file. Sorta makes sense. What kind of new file? In a program like VS Code, it assumes it will be a text file (as opposed to binary), so it absolutely lets you create a new file wherever and you name […] | Continue reading
I like kombucha as much as the next person (a little), but unfortunately, nothing has really been able to break my Diet Soda addiction. Is it a huge problem? I don’t know. But sometimes I think, well, at least it can’t be terribly good for my guts. Maybe prebiotic sodas (kombucha … | Continue reading
I don’t know why this works, but it’s some kinda feature of URLs: https://google.com@chriscoyier.net/ It’s not a Google thing, I think anything works: https://daverupert.com@chriscoyier.net/ It opens a door to make functional URLs that go somewhere you really aren’t expecting: ht … | Continue reading
It’s the Razer Atlas Tempered Glass Gaming Mouse Mat. It’s so enormous. It’s so silky smooth. I love it. | Continue reading
All of these are page transitions, like when you leave one page and go to another. As opposed to the document.startViewTransition kind, which are also cool, but not as game-changing. Here’s my playing around, which you can see in this Project. That’s an that turns into a on the … | Continue reading
If you have a reference to a script in JavaScript you think might be blocked… Before you add it to the page, you can add an error handler: Then kick it off… If you’re trying to detect this from tags in the HTML, you can still get a reference to it the script element, […] | Continue reading
Y’all know Buffer? It’s a fairly sophisticated app for posting to social media. It began, I believe, as just a way to schedule tweets. Then it became a way to craft social media posts but send them to more than just Twitter: Facebook, Pinterest, LinkedIn, etc. That, to me, is sti … | Continue reading
Say your brand color is the orange #f06d06. Now you need that color but with some opacity on it. One option is the 8-digit hex code. I find it hard to know which additional two characters are needed, but it’s possible. Hex Code Notes #f06d06 Original Orange #f06d0640 Orange @ 25% … | Continue reading
Take this markup: If article.recipe is display: grid;, then the only grid items are the , , and , because they are the direct descendants. But it’s a reasonable ask, I think, that you’d want the elements, actually, to be grid items, not the entire parent. The trick there is to t … | Continue reading
I’ve long used automation to auto-publish from my WordPress sites to Twitter. I used to work with Automattic as a sponsor for ages, and I’d talk up Jetpack, a WordPress plugin, that handled this social media automation nicely. The Jetpack Blog, 10 days ago: The End of Twitter Aut … | Continue reading
I think text-generation “AI” will succeed entirely on the merit that most people just don’t like writing. They just don’t wanna do it. They have to do it, because job, but they’d rather not. It’s not a part of their role that they enjoy. It’s certainly not a fun break from other … | Continue reading
I’ve heard a couple of mutations of “Sci-Fi” recently, so I’m documenting them for reference. | Continue reading
Here’s one thing. Sometimes there are large-scale political events that leave me utterly baffled. I have this distinct memory from just after 911, where the news shifted to “we’re gonna go to war with Iraq” and I was like, “wait, what the frick does Iraq have to do with 911?”. No … | Continue reading
One thing about this current crop of “AI” tools going around that sticks in my head, I think I got it from a Shawn Wang article, is that “AI” is good at: So type “bernie sanders wearing a blue web standards beanie” into an image generation “AI” tool and those 50 characters of tex … | Continue reading