I appreciated this bit of nuance from a post on Viget’s blog: There could be a whole article written about the many flavours of Tailwind, but broadly speaking those flavours are:1. Stock tailwind, ie. no changes to the configuration,2. Tailwind that heavily relies on @apply in CSS files but still follows BEM or some other component organization,3. Tailwind UI, and4. heavily customizing Tailwind’s configuration and writing custom plugins.Leo Bauza, “How does Viget C..

• 0 Comment

Frontity is a WordPress-focused React-based server-side dynamic-rendering framework (phew!) that allows us to create fast headless websites. Chris has a good introduction to Frontity. I guess you could think of it like Next.js for WordPress. And while the demand for headless WordPress sites may be a niche market at the moment, the Frontity showcase page demonstrates that there is excitement for it. Frontity’s documentation, tutorials and guides focus on creating headless..

• 0 Comment

I’ve seen this confuse more than a handful of people recently, including myself, so I’m making sure it’s written down. Let’s chuck a couple of custom properties into CSS: html { --color-1: red; --color-2: blue; } Let’s use them right away to make a background gradient: html { --color-1: red; --color-2: blue; --bg: linear-gradient(to right, var(--color-1), var(--color-2)); } Now say there is a couple of divs sitting on the page: <d..

• 0 Comment

Nuxt is a JavaScript framework that extends the existing functionality of Vue.js with features like server-side rendering, static page generation, file-based routing, and automatic code splitting among other things. I’ve been enjoying using frameworks like Nuxt and Next because they offer not only more features, but better performance and a better developer experience than the underlying libraries alone without having to learn a lot of new concepts. Because of this, many..

• 0 Comment

(This is a sponsored post.) In this article, we will discuss how we can apply schema stitching across multiple Fauna instances. We will also discuss how to combine other GraphQL services and data sources with Fauna in one graph. Get the code What is Schema Stitching? Schema stitching is the process of creating a single GraphQL API from multiple underlying GraphQL APIs. Where is it useful? While building large-scale applications, we often break down vari..

• 0 Comment

Over at the JS Party poundcast: [Kend C. Dodds]: […] ask anybody who’s done regular, old CSS and they’ll tell you that “I don’t know if it’s okay for me to change this, so I’m gonna duplicate it.” And now we’ve got – at PayPal (this is not made up) we had 90% unused CSS on the project I was using, because everybody was afraid to touch the old stuff. So we just duplicated something new and called it something else. And you might just say that we’re bad..

• 0 Comment

Have you already tried using WordPress headlessly with Gatsby? If you haven’t, you might check this article around the new Gatsby source plugin for WordPress; gatsby-source-wordpress is the official source plugin introduced in March 2021 as a part of the Gatsby 3 release. It significantly improves the integration with WordPress. Also, the WordPress plugin WPGraphQL providing the GraphQL API is now available via the official WordPress repository. With stable and maintaine..

• 0 Comment

Dave points to Sarah’s post on Developer Experience (DX) at Netlify. Part of what Sarah did there is lay out what the role means. It’s a three-part thing: Integrations Engineering (e.g. features)Developer Experience Engineering (e.g. building integrations to ensure quality end-to-end for customers)Documentation (e.g. … uh, documentation) I like it. You gotta define the thing to do the thing. Dave, though, writes about being a consumer of DX rather than a creator o..

• 0 Comment

I’ve been working on the same project for several years. Its initial version was a huge monolithic app containing thousands of files. It was poorly architected and non-reusable, but was hosted in a single repo making it easy to work with. Later, I “fixed” the mess in the project by splitting the codebase into autonomous packages, hosting each of them on its own repo, and managing them with Composer. The codebase became properly architected and reusable, but being split ..

• 0 Comment

You know what tabs are, Brian. I mean… You use them every day, on every OS. Everybody knows they exist in every toolbox. All that’s left is to “just pave the cowpaths!” But when you get right down to it, it’s a lot more complicated than that. Brian Kardell shares a bit about the progress of bringing “Tabs” to HTML. We kinda think we know what they are, but you have to be really specific when dealing with specs and defining them. It’s tricky. Then, eve..

• 0 Comment