Not that anyone is asking for it. | Continue reading
Maybe it’s me. Or maybe it’s that the spec is still being ironed out. We’ve already seen changes to the CSS Container Queries syntax since it was initially released as a draft, after all. But: All elements are style containers by default. That means we have to explicitly declare … | Continue reading
I hardly ever at the same desk two days in a row. Once I drop the kids off for school, I decide whether to exit the lot toward the left or right, then aim for a charming place with wifi. It’s not that my office is all that bad — I simply like variety. I […] | Continue reading
You know those times WordPress is all, “Hey, we’re running out of memory here… think you can increase it?” Here, maybe a screenshot will help. It’s an age-old problem with an age-old solution: update the upload_max_size deal-eo to some bigger value, say 128mb or whatever you need … | Continue reading
Scratch that — that was someone else’s wedding ring. Mine is still very much lost and will likely stay that way, so I’m considering a tattoo replacement. ✏️ Handwritten by Geoff Graham on May 13, 2024 Post navigation 👈 Previous | Continue reading
I’ve done my fair share of whining and grumbling over the current state of WordPress. I simply find it difficult to know the best approach for creating a custom block theme. Do we roll it from scratch? Do we base it off the default Twenty Twenty-Four theme? There’s no good exampl … | Continue reading
Eric sets the stage to discuss his incredible labor of work (and love) to make GitHub more inclusive and accessible: Before we discuss the particulars of these updates, I would like to call attention to the most important aspect of the work: direct participation of, and input fro … | Continue reading
I lost my wedding ring on Sunday and it turned up three days later, five miles from my house, and full circle back on my finger. ✏️ Handwritten by Geoff Graham on May 8, 2024 Post navigation 👈 Previous | Continue reading
CSS Meditation #8: .work + .life { border: 10px solid #000; } ✏️ Handwritten by Geoff Graham on May 8, 2024 Post navigation 👈 Previous | Continue reading
Getting straight to the code: It looks a little beastly but I love clever tricks like this. Here, Terrence defines a web font with an array of font files that operating systems use for local emoji support. It’s not totally unlike leveraging a system font, only we have to do more … | Continue reading
“AI has fundamentally changed user expectations.” Really? As in we all expect AI to scrape content that isn’t theirs, hallucinate over the results, and spit out a degraded version of it? Sure, OK. ✏️ Handwritten by Geoff Graham on April 25, 2024 Post navigation 👈 Previous | Continue reading
I took the moderator’s seat for a recent Smashing Meets discussion on design systems. Brad Frost, Dan Callahan, and Nathan Curtis sat in as panelists, which was a real dang treat for me because I rarely get the chance to talk shop with adults, unless you count my wife nodding alo … | Continue reading
I spotted this CSS used in a very popular WordPress theme: Those .specificity and .extra-specificity classes sure pop off the page, don’t they? I wonder what they do. Asking the author directly would be a good way to find out, but who wants facts when we can make wild assumptions … | Continue reading
Hot take: Stop development on EVERYTHING until the “1 second remaining” hint on downloads and installs actually means that 1 second is remaining. ✏️ Handwritten by Geoff Graham on April 12, 2024 Post navigation 👈 Previous | Continue reading
How do I know it’s 2024? One of my clients is a YouTuber. ✏️ Handwritten by Geoff Graham on April 10, 2024 Post navigation 👈 Previous | Continue reading
Penelope Trunk on asking her son to practice writing papers before he begins college: My son said, “I don’t need to practice. I’ll do the triple AI approach: ask ChatGPT write the paper, tell ChatGPT to rewrite the paper to not sound like ChatGPT, and then use ChatGPT to check th … | Continue reading
Where I can enter my vote to go back to saying “the net” instead of “the web”? ✏️ Handwritten by Geoff Graham on March 29, 2024 Post navigation 👈 Previous | Continue reading
This seems like something I should already know and can’t believe I’m only now running into a situation where I need to enter a dollar figure in Markdown after writing it all these years. Here’s the deal: Type a dollar sign before a number and Markdown formats the content like th … | Continue reading
Happy MLB Opening Day! It’s the best day of the year. ⚾️ ✏️ Handwritten by Geoff Graham on March 28, 2024 Post navigation 👈 Previous | Continue reading
Remember when the iPod got its first color screen? Those were cute times. ✏️ Handwritten by Geoff Graham on March 27, 2024 Post navigation 👈 Previous | Continue reading
You’re good enough, you’re smart enough, and gosh darn it, people like you. ✏️ Handwritten by Geoff Graham on March 25, 2024 Post navigation 👈 Previous | Continue reading
Let’s say you build a little WordPress plugin. The files are all in tact and you zip it up before heading into the WordPress admin to upload and install it to your site. But it never uploads. In fact, you get an ominous error message that tells you nothing but “Incompatible Archi … | Continue reading
DigitalOcean is re-hiring the position for CSS-Tricks lead editor, the job that they let me go from last year. I don’t have any points or quips to make about it. It’s just a job, right? Besides, that was just over a year ago and I’ve been able to move on to other things in that [ … | Continue reading
Finally, we're on the lookout for a CSS-Tricks Site Editor to help us bring this and other community resources to life. Is that you or someone you know? Pass along this job post to those who might be a fit. https://t.co/SDvNbAOdbo (4/4) — Paddy Srinivasan (@paddix) March 21, 2024 | Continue reading
You can’t read anything by Eric Bailey without taking away a big ol’ bag of gems. I personally have not heard buzz around the idea of embedding alt text in images along with the rest of the metadata that’s packed in them. At first glance I was like, UH-HUH! There’s been more than … | Continue reading
Skip to content Geoff Graham Blog TIL Notes One Liners CSS Meditation #7: Nobody is perf-ect. ✏️ Handwritten by Geoff Graham on March 12, 2024 Post navigation 👈 Previous Leave a Reply Cancel reply Your Comment Name * Email * Website Save my name, email, and website in thi … | Continue reading
I decided I wanted a Guestbook on this little ol’ site of mine after seeing a bunch of folks sharing Manu’s excellent example. I wanna be like the cool kids, too! I’d probably follow them jumping off a virtual bridge, too. But really, I love the undercurrent of life going back in … | Continue reading
Jonathan Snook with a sentiment that’s all-too-often on my mind: In the web industry, I often shifted my topics of interest and as I talked about those new interests, I would gain a following within that new sphere. Over more than a decade, some people knew me as a designer, some … | Continue reading
A classic fork in the road here: reinvent the wheel, or don’t. It’s funny, but as Zeldman describes his experience working in a small agency as a possible source of his habit building from scratch, I recalled my own experience as a reason for leaning into existing solutions. Like … | Continue reading
Skip to content Geoff Graham Blog TIL Notes One Liners Me to counselor: “You handle toxic existential crash site cleanups, right?” ✏️ Handwritten by Geoff Graham on March 5, 2024 Post navigation 👈 Previous Next 👉 2 Comments Courtney Robertson # March 6, 2024 Is th … | Continue reading
Skip to content Geoff Graham Blog TIL Notes One Liners CSS Meditation #6: The color space is always calc(rgb(0 255 0)+er) on the other side of the fence. ✏️ Handwritten by Geoff Graham on March 4, 2024 Post navigation 👈 Previous Next 👉 Leave a Reply Cancel reply Y … | Continue reading
Skip to content Geoff Graham Blog TIL Notes One Liners CSS Meditation #5: :where(:is(.my-mind)) ✏️ Handwritten by Geoff Graham on February 29, 2024 Post navigation 👈 Previous Next 👉 Leave a Reply Cancel reply Your Comment Name * Email * Website Save my name, email … | Continue reading
Recently… Maybe… No reality lens on this. Just noting three distinct movements that are on three different paths that could feasibly converge into one deal under the right conditions. | Continue reading
Skip to content Geoff Graham Blog TIL Notes One Liners So, I’m thinking we take this one thread about global documentation and this other thread about global web components and stitch up a mega monorepo of front-end resources. ✏️ Handwritten by Geoff Graham on February 27, 2024 P … | Continue reading
One of the things I’m noticing more an more with automated robot writing is its tendency to summarize key points in lists. Take, for example, the following prompt: What was The Beatles most significant achievement? I’m trying to ask ChaptGPT something that doesn’t require a list … | Continue reading
I hopped over to The Athletic hoping for some inkling of news that the San Francisco Giants had made some big splash of a trade or free agent signing. And just like the 99 other times I’ve checked in the last hour, there’s nothing shaking. Anyway, I scouted this slick little inte … | Continue reading
I’ve never felt so powerful with so little. I’m spending time digging into the View Transitions API, a new-ish (and experimental) feature. Simply put, it creates the same sort of slick transitions between two pages (in a multi-page app, aka “website”) or views (in single-page app … | Continue reading
I have this contradiction in my brain I just can’t shake. There’s this person, let’s call them Jeff. Jeff discovers a new passion, something that “sparks joy” — not in the Maria Kondo sense of orderliness, but existentially in the sense of finding true personal fulfillment in wha … | Continue reading
The key insight here is: height: 100% means “I am as tall as all the things inside of me”, not “as tall as all the things I am inside of.” That is why width: 100% does what a lot of people naturally expect and it goes the full width of the screen when working with block-level ele … | Continue reading
Spending time in quarantine with Covid is the pits. I must say it’s amazing it took me three years to catch the dang thing. But here I sit, in a basement, with faint sounds of the family carrying on about upstairs. I decided to spend a few minutes trying my hand at recording. It’ … | Continue reading
I was flipping through my RSS feed, noticing how many times “Modern” is popping up in post titles. I have a purdy good idea what that means, particularly when it’s describing CSS. We’ll probably get into CSS Grid, maybe adjust specificity with Cascade Layers, perhaps reach for a … | Continue reading
Web design is still very much a two-dimensional medium. Pretty unsurprising considering that print journalism is among the earliest trades to embrace the web platform, once hailing it as the birth of “Way New Journalism”. Much of what we do on the web is pretty much a substitute … | Continue reading
Or, perhaps a better use case: | Continue reading
It can be done either by clicking the Share button in Safari’s toolbar or from the File menu. | Continue reading
It aims to solve the age-old frustration of running out of room when typing in a <textarea> element. We can already set the number of rows in a <textarea> directly in HTML: Setting the initial size isn’t the issue, but what happens after the user has reached that thre … | Continue reading
I’ve apparently been doing it wrong all along. | Continue reading
Making my way through the ol’ inbox is officially my part-time job. It’s not that I have one single inbox to brush through, but a monolithic cauldron combining eight inboxes. Maybe you can relate. There’s my personal email. My freelance work email. My school email. And five other … | Continue reading
It’s not the most complicated thing in the world. But it did take me a couple of minutes to get it, and I thought I’d write it down in case I need to remember it in the future. You start with a Date property in a Notion database. What I didn’t know up front is […] | Continue reading