Inspecting the browser gives you access to the details of a website or application. Using built-in developer tools and third-party add-ons, we can view the inner workings of an application. For example, you can see the content structure in DOM, view the console for logs or error messages, and review network requests for assets being loaded. […]
We have been hard at work on a client project using React. We haven’t made our way to implementing CSS Modules yet, but we’ve established a set of rules to help us keep the CSS in order.
For a recent prototype, we wanted to bring in a database instead of relying on something like Google Sheets. I’d heard about MongoDB as part of the MERN (MongoDB, Express, React, and Node.js) or MEAN (MongoDB, Express, AngularJS, and Node.js) stacks and felt it was worth a try. In the end, I was very happy […]
In a recent job interview with a potential Atom, we were talking about some of the differences between product companies and life at a software consultancy like Atomic. One topic that arose was tracking time, and it occurred to me how much tracking work time at Atomic has changed the way I approach my work […]
As I continued to build out my AngularJS + Google Sheets prototype, I ran into another problem. I wanted to load the data from two Google Sheets and access the data in the same function. I created this example, which loads in one Sheet with weather forecasts and another with weather types and descriptions, as […]
In a recent project, I wanted to use Google Sheets as a content management system: the source for a print layout and a website. I wanted the content to reside in a single, easily editable location. In order to achieve that outcome, InDesign requires the data in an XML file. But first, I had to […]
My task for a recent project was creating a print catalog. The catalog content was constantly being updated, but each entry needed to have the same visual style. I knew there must be a way to do a majority of the design work and then “data merge” the content to the style, but it sure […]
Turning your visual designs into a polished product can be a challenge. This is especially true when the person creating the visuals is not the one to create the code. Depending on your project’s team structure, you as a designer may have heard questions like this: “Can you just send me the Sketch file?” “Can you […]
As my recent project using Google Sheets and AngularJS grew into a successful prototype, I ran into a series of issues creating a feedback loop. I wanted to set up a tracking tool for page hits and log searches by users. My goal was to identify the pages that were used the most and the […]
I just spent a week prototyping with AngularJS and Google Sheets. It turned out to be a powerful and relatively simple way to get a working prototype up and running fast! I wanted to share what I learned to hopefully help other designers leverage these tools for quick prototyping.