Architecting With Next.js
24.8.2021
(This is a sponsored post.)
Free event hosted by Netlify coming up next week (Wednesday, August 25th): Architecting with Next.js. It’s just a little half-day thing. No brainer.
Join us for a special event where we’ll highlight business
…
The post Architecting With Next.js...
Introduction to the Solid JavaScript Library
24.8.2021
Solid is a reactive JavaScript library for creating user interfaces without a virtual DOM. It compiles templates down to real DOM nodes once and wraps updates in fine-grained reactions so that when state updates, only the related code runs.
This …
The post Introduction to the Solid...
Detecting Media Query Support in CSS and JavaScript
23.8.2021
You can’t just do @media (prefers-reduced-data: no-preference) alone because, as Kilian Valkhof says:
[…] that would be false if either there was no support (since the browser wouldn’t understand the media query) or if it was supported but the
…
The post...
Native JavaScript Routing?
23.8.2021
We can update the URL in JavaScript. We’ve got these APIs:
// Adds to browser history
history.pushState({}, "About Page", "/about");
// Doesn't
history.replaceState({}, "About Page", "/about");
JavaScript is also capable of replacing any content in the DOM....
React usePrevious Hook
23.8.2021
Hooks are essential for the functional component pattern in React. One frequent logic comparison with class components was comparing a previous prop value with a current prop value via lifecycle methods. So what’s an easy pattern for duplicating previous value comparisons in functional...
UI Interactions & Animations Roundup #18
23.8.2021
A new roundup of the most impressive UI interactions and animations we encountered on Dribbble in the past couple of weeks.
The post UI Interactions & Animations Roundup #18 appeared first on Codrops
“Disambiguating Tailwind”
20.8.2021
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
…
The post “Disambiguating Tailwind” appeared first...
Creating a Headless WordPress Site With Frontity
20.8.2021
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 …
The post Creating...
The Big Gotcha With Custom Properties
19.8.2021
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 …
The post The...
Collective #675
19.8.2021
CSS accent-color * Shared Element Transition API * Breaking the web forward * MIDIVal
The post Collective #675 appeared first on Codrops
Using Nuxt and Supabase for a Multi-User Blogging App
19.8.2021
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 …
The...
Implementing a single GraphQL across multiple data sources
19.8.2021
(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.…
The post Implementing a single GraphQL across...