Knowledge
Engineering
A Guide to Astro Navigation
Our best practices when dealing with navigation in Astro
Harnessing AI to Streamline Project Management at Monogram
At Monogram, we manage a diverse array of projects, each demanding unique skills and constant learning. To enhance efficiency and transparency, we use Gemini Pro, an AI tool that transforms our extensive task notes into concise, coherent weekly summaries.
Add Notifications to your iOS PWA
How to add notifications to your iOS & iPadOS progressive web apps (PWA).
Exploring New Horizons: Gemini Pro Vision's Test Integration with Raster Promises a Smarter Way to Handle Visual Content.
Crafting Interactivity: How Monogram Built the Engaging Animations for Angular.dev's Homepage (Part 2)
Discover the advanced WebGL and GLSL techniques in Angular animations in this in-depth exploration. Delve into the workings of the View base class and its application of TRSA values for managing the WebGL scene graph. This technical dive covers transforming and rotating 3D geometries, scaling, and alpha transparency, alongside a mastery of GLSL shader code for effects like mask, line gradients, and the "Build for everyone" transition. Learn efficient animation strategies using InstancedMesh and LineObject instances, optimizing performance while maintaining visual appeal. Access complete code examples and further insights on Angular's GitHub and CodeSandbox.
Crafting Interactivity: How Monogram Built the Engaging Animations for Angular.dev's Homepage (Part 1)
Benefits of Composable Architecture
Composable architecture is based on the idea of building websites and apps from small, independent parts that you can combine via APIs to form a complete system.
Contentful's "Everything is a Type" Approach
Contentful's approach celebrates simplicity. With every element being a type, the convoluted process of deciding whether something is a block, model, or document becomes redundant.
Building on Today's Web: An Interplay of Technologies
Developing a modern website is a multidimensional task, where various technologies come together to create a cohesive whole.
Authentication with SvelteKit and Auth.js
Setup GitHub login in your app using the new library from the folks behind NextAuth.js.
Node.js in the Browser with WebContainers
An overview of WebContainer, outlining tradeoffs and use cases.
Getting started with Turborepo
Learn how Turborepo can help you manage your monorepo.
Notify users about new deployments with Next.js + SWR
Keep your users informed about new features and bug fixes by ensuring that they always use the latest version of your app.
Loading data in SvelteKit
How to use load function to get data needed to render a page component.
Syncing Swell Ecommerce data into Prismic
How to sync product data from Swell into Prismic using webhooks and integration fields.
Monogram & Svelte
For the development of Monogram's new website, our team delved into Svelte & SvelteKit for the first time. Here's what we discovered.
How to Add Multiple GitHub Accounts to your Mac
Sometimes work requires you to use multiple GitHub accounts. For example, you might have a personal account and a client account. Whatever the reason, you might need to use multiple GitHub accounts on your Mac.
Sharing authentication between Next.js projects with NextAuth
Handling Counters with Firestore triggers
How to handle counters using Firestore Triggers with the Firebase Node.js SDK
Formatting a Phone Number Input
How to easily auto-format a phone number input