How to get the types you want with TypeScript type guards
If you know that vehicle does have the property turnSteeringWheel, you can quickly solve this issue by casting vehicle as any.
Frontend DevelopmentBlog
Field notes, primers, and case-tested patterns from Rangle on agentic systems, design systems, frontend, and AI strategy.
Showing 253–264 of 501 posts
NK
Mixin Design Tokens
Design tokens manage and store User Interface (UI) decisions such as spacing, color, typography, and motion. These decisions are stored in a config-like format to support the needs of any platform (Web, mobile OS, etc). In this blog post, I'll demonstrate how you can leverage design tokens and SCSS mixins to capture a system's design language. The final output will be a collection of SCSS mixins that map to design tokens and can help to reel in messy CSS inconsistencies amongst dev teams and close the gap between designers and developers with great success.
Scale Design
So you finished a UX bootcamp - now what?
The design and technology landscape and how they're used to build digital products has transformed in the past decade. As times have changed, so have the needs of companies recruiting designers. The explosive growth of the tech industry means that traditional universities have struggled to keep up with the pace of change when it comes to how designers work. And so, short intensive courses known as Bootcamps have emerged to fill the void.
Analytics by design: 4 key takeaways
On July 19th, the 2nd annual Analytics by Design conference was held in Toronto. The conference is aimed at exploring the intersection between design, technology and digital transformation with analytics and technology practitioners. If you weren't lucky enough to attend, here are my 4 key takeaways.
What it's like to do your co-op at Rangle
Having a co-op placement is a crucial part of deciding what path you want to take after you graduate. At Rangle we're lucky to have more co-op students than ever spanning across our software development, design, marketing and operations teams. We make it a big priority to provide an exceptional experience of learning, mentorship and real-world experience so that all of our co-op students are set up for success, whatever field they are in.
Build Engineering Capability
JC
How to be content with content: a guide to writing for Design Systems
Attention digital marketing writers/UX writers/technical writers! Have you spent your happy days writing product descriptions, promotional emails, or button copy—and suddenly someone has asked you to write for a design system? Maybe you smiled nervously and said, “Yeah, sure, I can do that. Absolutely. You betcha.”
What SCA means for your company - and how to prepare
Online payments have made tremendous advances in the past five years. As easy as they may seem today, even the simplest checkout experience is still supported by a complicated financial system. Every time you sign up for a new streaming service or click "purchase" in your shopping cart, you're interacting with a complex web of payment gateways, card networks, bank servers - and legal bodies that oversee it all. Recently, Europe has introduced new legislation that will add to that complexity and could cost European businesses up to €57 billion.
Leveraging data and analytics for innovation
Across industries, the shift to digital solutions has exponentially increased the amount of data that's generated - estimated at more than 2.5 quintillion bytes per day and growing. As a result, the way that organizations define, create and measure value has changed, along with the speed at which they use that data to drive innovation.
DM
How to actually use AI for your business
Artificial Intelligence (AI) is everywhere. However, AI is often discussed in theory or in a futuristic manner which can make it difficult to understand. So, how can AI be applied in a practical way to help your organization innovate right now? In this post (and podcast) we'll dive in and demystify AI to help you better understand how it can be applied to your business.
Cloud Native Architecture for Enterprise
As every organization is different, adopting Cloud Native architectures has unique challenges depending on a variety of factors. In this post, we will not only highlight the benefits of adopting Cloud Native architectures but also clarify misconceptions of what it means to be Cloud Native. We'll discuss the barriers that Cloud Native can help you overcome to addressing some challenges when adopting Cloud Native and how your organization can get started. On that note, let's dive in!
Modernize Your Stack
BM
Docker full circle: Continuous Integration (CI) with Cypress
You're at work and your team has adopted Docker for development. That's great! Everyone is using your custom Docker image to manage dependencies and any other environment requirements. You've nearly made it look just like your production environment. High five!
DevOps: What it means and why you should care
In the age of digital transformation, organizations are striving to transform their infrastructure in order to improve their software delivery performance so that they can bring new products and ideas to market faster than ever before. Organizations are achieving these goals by embracing DevOps - but what exactly is DevOps? Let's dive in.
Modernize Your Stack