Jul 20, 2020Find the Points Where a Line Segment Intercepts an Angled Ellipse (in JavaScript / TypeScript)I ran into this question while working on perfect-arrows, a TypeScript library for drawing arrows between points, rectangles, and other shapes. While the question didn’t seem to obscure, I found it very hard to find an answer. …JavaScript1 min readJavaScript1 min read
Jan 9, 2020Using a JavaScript library (without type declarations) in a TypeScript project.Let’s say you want to use a library in your TypeScript project. You install the package, import it into a .ts file — but then immediately run into a TS7016 error. Could not find a declaration file for module 'my-untyped-module'. '.../node_modules/my-untyped-module/index.js' implicitly has an 'any' type. Try `npm install @types/my-untyped-module`…JavaScript2 min readJavaScript2 min read
Jul 12, 2019Smart Prototyping with Arduino and Framer XIn this article, I’ll show you how to share data and send messages between a Framer X prototype and an Arduino Uno. Arduino is an open source electronics platform for prototyping electronics. A designer can connect an Arduino board (such as the Uno) to a breadboard, plug in some components…Arduino16 min readArduino16 min read
Jul 10, 2019Multiplayer Prototypes with Framer XEditor’s note: We’ve made some big changes to Framer, and this article refers to a deprecated tool. Learn more about what Framer is today → In this article, I’ll walk you through setting up a real time connection between two or more Framer X prototypes. You could use this technique…JavaScript12 min readJavaScript12 min read
Jul 5, 2019Making things happen in Framer XAbout two years ago, I joined the Framer Slack channel to ask a question about a prototype. I got a great answer, so I stuck around — and have been helping to answer questions from other users ever since. …JavaScript11 min readJavaScript11 min read
May 11, 2019Designing a Switch in Framer X, Part IIIA crash course in code components with the new Framer X API. Introduction Welcome to the third and final part of the Designing a Switch in Framer, a short tutorial series where we’ll be creating and using a code component in Framer X. In Part I, we: Set up our Framer…JavaScript11 min readJavaScript11 min read
May 9, 2019Designing a Switch in Framer, Part IIA crash course in code components with the new Framer X API. Introduction Welcome to the second part of the Designing a Switch in Framer, a short tutorial series where we’ll be creating and using a code component in Framer X. In Part I, we: Set up our Framer X workspace. …React6 min readReact6 min read
May 8, 2019Pixel Shaders in Framer XFor whoever’s into this kind of thing. Don’t ask how, but over the weekend I found myself experimenting with pixel shaders in Framer X. Turns out they’re sort of brilliant, super smooth, and extremely well suited for a design app. If you’ve ever wanted to know how this sort…Programming10 min readProgramming10 min read
May 7, 2019Designing a Switch in Framer, Part IA crash course in code components with the new Framer X API. Introduction Welcome to the first part of the Designing a Switch in Framer, a short tutorial series where we’ll be creating and using a code component in Framer X. In Part I, we’ll: Set up our Framer X workspace. …JavaScript14 min readJavaScript14 min read
Apr 28, 2019Embedding Custom Fonts in Framer XUsing custom fonts in Framer X can be a headache. I made something to help. On the web, it’s BYOFonts Like other design tools, Framer X projects will throw a warning if you try to open a file that was created using fonts that you don’t have installed on your computer. …Design4 min readDesign4 min read