Field notes, primers, and case-tested patterns from Rangle on agentic systems, design systems, frontend, and AI strategy.
Showing 60–71 of 509 posts
Discover how GitHub Copilot, powered by OpenAI's Codex model, significantly enhances developer productivity and code quality. Dive into its capabilities in code completion, test case generation, and insightful commenting. Boost coding efficiency and fulfillment with this advanced AI-driven tool.
Ship AI Features
Generate nuanced translations for your e-commerce site using AI. Learn how to set up, fine-tune, and integrate AI models seamlessly with your headless CMS for automatic content translation. Uncover practical steps for implementation, from choosing the right language model to architecting efficient translation workflows that align with your budget and goals.
Ship AI Features
A practical guide to using AI to curate product collections at scale, make product recommendation and search algorithms smarter with semantic awareness, and empower teams to deliver seamless customer experiences.
Ship AI Features
Going headless does not automatically bestow upon your site better SEO and speed. What it does is give you the freedom, flexibility and control to implement the right strategy for your business. We discuss the technical factors to optimize for SEO and performance in your headless application.
Escape CMS & Commerce Lock-In
Lowering location accuracy is not the best way to reduce your app's power usage. Use these configurations for iOS background location services and stop draining your users' batteries.
Frontend Development
Optimizing bundle size is critical for high-performance web applications. Learn how to use Webpack Bundle Analyzer and Statoscope to identify and visualize imported modules in your codebase for quicker page load times.
Frontend Development
Learn how we manage design debt in our file asset library by detaching components and styles from unwanted libraries in Figma. No more messy libraries. Our new Figma plugin "Missing Library Usage Finder" locates and detaches components, while "Library Style Detail Extractor" identifies styles and components linked to an unwanted library for easy removal. Simplify your design system management with these tools.
Scale Design
Dynamic components empower content authors to independently draft, publish, and modify pages without relying on developer assistance and are essential to headless CMS architecture. However, Angular's hierarchical structure and intricate rendering process pose challenges to building and implementing headless platforms in Angular. In this article, we'll walk through our approach to dynamically rendering components in Angular, with a working Angular application as an example.
Escape CMS & Commerce Lock-In
Variables are an exciting new feature recently announced by Figma at Config 2023. Learn about the advantages and limitations of variables, how you can integrate them with Tokens Studio, and what it means for design systems.
Scale Design
Analog (aka AnalogJS) is a meta framework built on top of Angular that simplifies the implementation of SSG and SSR in Angular applications. In this webinar, we demo an Angular application and walk through how to build the highest-performing Angular application that you possibly can. We address questions about hosting, deployment, use cases for SSG/SSR vs. client-side rendering, and the stability of Analog.
Modernize Your Stack
Design systems have become an essential part of modern digital platforms, providing a centralized framework for creating cohesive, consistent, and scalable omnichannel experiences. Thinking about building a design system? See how Radius can accelerate your journey.
Scale Design
Figma has made a big leap forward and is striving to enable a new kind of designer within the tool: the technical-inclined designer, who is closer to a developer and likes to figure out the logic and set up their designs to scale.
Scale Design