Knowledge

Our Thoughts

Featured article cover image
Exploration: How AI can Craft a Compelling Marketing Story with Gemini 1.5 Pro + Raster

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.

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.

Meet the new Checkly.

We reimagined the Checkly brand to be more serious (but cheeky & fun, too).

The Future of Education: Professors as Prompt Engineers

The future of education is right around the corner: Professors as prompt engineers crafting AI-driven tutoring sessions for students.

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.

What Did We Do In 2022?

We wanted to take a moment to reflect, so here’s a recap of our 2022

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.

Next.js eCommerce for large-scale Enterprise

See Monogram's talk for Next.js conf 2022

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

Stores + Svelte

Watch Monogram at Svelte Summit Fall 2022 in Stockholm