Stay Updated with the Latest Tech News
Get ahead of the curve with the latest insights, trends, and analysis in the tech world.
Browse by Category
Chris’ Corner: Design the Job
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 […]
Published on: April 29, 2024 | Source:
Share on Facebook
Share in Tweet (rip twitter)
Share on LinkedIn
Share on Reddit
Share on Threads
Share on Bluesky
Chris’ Corner: Server Side Reconnaissance
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 […]
Published on: April 22, 2024 | Source:Chris’ Corner: Things I Like
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 code […]
Published on: April 15, 2024 | Source:Chris’ Corner: Tricks With CSS
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 way […]
Published on: April 08, 2024 | Source:Chris’ Corner: Hard Things
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 of options or commands, as […]
Published on: April 01, 2024 | Source:Chris’ Corner: Real World CSS
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 […]
Published on: March 25, 2024 | Source:Chris’ Corner: Cool Ideas
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 barely notice […]
Published on: March 18, 2024 | Source:Chris’ Corner: Performance is Good for Brains
I was darn impressed by Scott Jehl’s personal charge to bring back an idea known as “responsive video”. If you’ve seen the element, and how you can provide multiple s with different @media queries allowing for only the best match to be shown, you already get it. It turns out that browsers, at one […]
Published on: March 04, 2024 | Source:Chris’ Corner: Some AdviCSS
Get it?! Like “advice”, but for CSS. When should you nest CSS? Scott Vandehey says: There’s a simple answer and a slightly more complicated answer. The simple answer is “avoid nesting.” The more practical, but also more complex answer is “nest pseudo-selectors, parent modifiers, media queries, and selectors that don’t work without nesting.” The big […]
Published on: February 26, 2024 | Source:Chris’ Corner: Scroll Driven Delight
I’m pretty hot on Scroll-Driven Animations! What a wonderful idea that we can tie @keyframe animations timelines to scroll positions. And I’m sure the creators of it thought long and hard, because the API makes a ton of things possible. It’s not just “how far the entire page has scrolled”, although that’s possible. The progress […]
Published on: February 19, 2024 | Source:Chris’ Corner: More Like Scalable Vector Goodness
I’m going to do an SVG issue here, because I find that technology persistently interesting. It’s a bit of a superpower for front-end developers who know how it works and can leverage it when needed to pull of interesting effects. For example, this compelling line drawing scroll effect is powered by SVG features. There have […]
Published on: February 12, 2024 | Source:Chris’ Corner: People Be Doing Web Components
Native Web Components are still enjoying something of a moment lately. Lots of chatter, and a good amount of it positive. Other sentiment may be critical, but hopeful. Even more important, we’re seeing people actually use Web Components more and more. Like make them and share them proudly. Here are some recently: Interesting point here: […]
Published on: February 05, 2024 | Source:Chris’ Corner: More Like Celebrating Style Skills
It’s January and we’re seeing a little round of CSS wishlists make the rounds. Phew! That’s a lot of people taking the time to be pumped about CSS and make clear what they want. The way CSS is going lately I would not be surprised to see massive progress again in 2024. Stephanie Eckles points […]
Published on: January 29, 2024 | Source:Chris’ Corner: Type
I’m in the mood for a typography focused edition. I have some links saved up I’ve been meaning to read. I’m going to start reading now and the links that turn out any good I’ll put below. Mike Mai put together a Typography Manual (for type on the web). It’s a pretty random spattering of […]
Published on: January 22, 2024 | Source:Chris’ Corner: Swinging For It
New year, new local code editor? It’s maybe worth a peak at Zed, at least. They do a good job in the one-sentence pitch: Zed is a high-performance, multiplayer code editor from the creators of Atom and Tree-sitter. All tech things have to be fast, so check. No shade either, speed is vital in all […]
Published on: January 08, 2024 | Source:Chris’ Corner: Switch
The “switch” is a pretty common design pattern on the web. It’s pretty much a checkbox. In fact, under the HTML hood, it really ought to be an or perhaps a with just two s (or a third if there is an indeterminate state). But unfortunately, the web doesn’t give us any […]
Published on: January 08, 2024 | Source:Chris’ Corner: Very Simple Web Components
Let’s do a Web Components issue this week. We gotta do it. As Scott Vandehey says: HTML Web Components Are Havinga Moment. Scott links to a pretty healthy stew of other people’s writing where they have their own ah-ha moments where they can picture the usefulness of native Web Components in their own work. I […]
Published on: December 20, 2023 | Source:Chris’ Corner: More Surprising Powers of CSS
Kilian Valkhof has a good one this week, You don’t need JavaScript for that, as part of the HTMLHell yearly Advent Calendar (of blog posts). He opens with the rule of least power: Choose the least powerful language suitable for a given purpose. That’s fun for us CSS nerds, because CSS is a pretty low […]
Published on: December 11, 2023 | Source:Chris’ Corner: Mentals and Models
Josh Comeau has a new learning guide out for CSS grid: An Interactive Guide to CSS Grid. I like how Josh gets into the “mental model” right away, because that’s the biggest thing with big APIs like this: you need to get the basics of how it works in your head so you know when […]
Published on: December 04, 2023 | Source:I Fight For The Users
If you haven’t been able to keep up with my blistering pace of one blog post per year, I don’t blame you. There’s a lot going on right now. It’s a busy time. But let’s pause and take a moment
Published on: November 30, 2023 | Source:Chris’ Corner: Good & Useful Ideas
I was ogling the idea of Exit Animations recently, that is, a recent proposal for (something like) @exit-style which could allow us to animate elements as we remove them from the DOM. That is largely just a proposal at the moment, with many challenges ahead. But there is new tech that helps with exit (and […]
Published on: November 27, 2023 | Source:Chris’ Corner: Monaspace
I’m a sucker for a new coding font. I generally don’t think what coding font you use affects productivity in any significant way (unless it’s distracting) so farting around and switching it up is just a fun little thing to do. Like pushing around the furniture in your room or taking a different bike route […]
Published on: November 20, 2023 | Source:Chris’ Corner: Galleries, Grids, and GreenPrimaryDark6
Footer.design is a pretty fun gallery site, itself, of course, with a pretty weird/bold footer. I’ve designed my fair share of footers over the years and it’s certainly an area where you just wanna look at like 50 footers before you start in. See what other people are doing. Can you be clever? Should you […]
Published on: November 14, 2023 | Source:Chris’ Corner: Buttons, Modes, and a Couple of Layout Situations That Are Still a Bit Tricky
If you ever need some inspiration for buttons, definitely check out Lucas Bonomi’s buttons.cool. This is a better-than-it-needs-to-be one-off site just for beautiful buttons: But it’s not just a design gallery, it’s made for front-end developers in that you can see the code, see them being live-rendered right on the page, and of course, the […]
Published on: November 06, 2023 | Source:Chris’ Corner: Considering Code
I enjoyed Stefan Baumgartner’s 5 Inconvenient Truths about TypeScript. I like some philosophical hard-truths from someone who is clearly pretty close to the technology. It doesn’t “fix JavaScript”, it’s complicated, and ironically, it’s not truly type-safe. Every team is going to have to do their own math on whether they find it worth it or […]
Published on: October 30, 2023 | Source:Chris’ Corner: Fresh Type
I like the feeling of a good fresh typeface. Like design itself, type design has trends, and without being able to articulate it particularly well, I feel like I can feel a fresh type look from a stale one. That’s probably the thinking of an amateur, and I’m sure the world’s fanciest designers probably used […]
Published on: October 23, 2023 | Source:Chris’ Corner: Naming, Tiles, and Simplicity
They say “naming things is hard” not because picking any ol’ name is hard, but because picking a useful, long-lasting, meaningful, understandable, deeply communicative name is hard. Screw it up and you can confuse yourself and others unnecessarily. We’re in a dev cycle right now on CodePen itself that has me seeing PRs on the […]
Published on: October 16, 2023 | Source:Chris’ Corner: Can Has Blurs, Filters, and Masks
You’ve seen CSS’ new :has() selector right? There are all these “basic” use cases that leave me smiling because the solutions of the past were inelegant at best, and now are easy and satisfying. Here’s one: One approach to this with :has() is just a few lines and reads very clearly to me: But as […]
Published on: October 09, 2023 | Source:Chris’ Corner: Things I Totally Didn’t Know About That I Learned From Taking the State of HTML 2023 Survey
Lea Verou helped craft the State of HTML 2023 Survey — the first of it’s kind! HTML, you say? What is there to ask? HTML isn’t exactly what I’d think of as a fast-moving technology. I hear there is a element now, so that’s new. It’s sugar for . I like it. Is […]
Published on: October 02, 2023 | Source:Chris’ Corner: Better CSS Animation
CSS animation rules. Just have a look at… CodePen lol. There was a (long) time when it didn’t exist, though. My old buddy Jonathan Snook wrote in 2007 that he didn’t like the idea of animation coming to CSS at all, but had changed his mind by 2009. They’ve evolved a bit since those early […]
Published on: September 25, 2023 | Source:Why I chose Codepen PRO over Copilot
Strange premise from Jon Ellwood, right? He explains: I will acknowledge that CodePen and Copilot are two different products, and it might seem odd to be comparing the two – but the commonality for me is that my budget only allows for one of them to get my money each month. While Copilot could give […]
Published on: September 20, 2023 | Source:Chris’ Corner: Subgrid
Chrome 117 went stable this past week. There is a website where you can see what the plan is for Chrome releases, by the way, which is handy when you care about such things. Chrome releases a major version about once a month, and I usually don’t feel ultra compelled to write anything about it […]
Published on: September 18, 2023 | Source:Chris’ Corner: Variations on What Not to Do
I think the nail is in coffin now: you should never design something for the web with only one (or even a narrow set) of particular viewport sizes in mind. It’s just so darn tempting to think that way. You have a couple of pretty specific screen sizes in front of you right now, you […]
Published on: September 11, 2023 | Source:Chris’ Corner: Web Components Don’t Need You
Dave Rupert blogged a bunch of reasons about why you probably aren’t using them yet. Some of it is technological, and more of it is historical, marketing, and psychological reasons. Then Dave, a pretty avid Web Components follower and advocate, followed up with another surprise. Should you rewrite your app to use them? Probably not. […]
Published on: September 04, 2023 | Source:Chris’ Corner: Even More SVG Tricks
SVG has so many tricks up its sleeve. It’s really a full-featured drawing API literally designed for the web, but few of us really truly understand it nor reach for it enough. Heck, I even wrote a book about it, and I don’t. At the time, just getting people to use SVG for icons felt […]
Published on: August 28, 2023 | Source: