How To: Setting up Compass with SCSS in PhpStorm

PhpStorm includes a very useful feature called File Watchers which if you’re already working with Compass should sound very familiar. From the documentation, File Watchers is defined as “..a PhpStorm system that tracks changes to your files and runs a third-party standalone application.” So basically whenever a watcher is running it will execute a program when there are changes made. This makes using Compass more straight forward since you no longer need to open a terminal/command prompt, navigate to your project, and run Compass. Or in case you forget to compile and can’t figure out why your changes aren’t appearing (we’ve all done it, I won’t judge.) [continue reading]

Tutorials, Uncategorized , , , ,

BakersCalc v2

V2 of BakersCalc was almost completely rewritten as a personal initiative to implement ES6 and SASS into a project as well as to improve upon the UI/UX of the application. [continue reading]

Design, Development, Portfolio , , , , , , , , , , ,

Dominic’s Delicatessen

Trifold menu for Dominic’s Delicatessen, located in Tarrytown, NY.

Dom's Deli trifold menu back

Reverse Side

Portfolio , ,

Exciting update for BakersCalc!

Now that the pizza has your attention – BakersCalc v2 is officially out! It’s been rewritten from the ground up to be more lightweight, efficient, and user friendly. [continue reading]

Design, Development, Pizza , , ,

How To: Installing Node.js and npm on a Raspberry Pi 3

In this post we will review how to install Node.js and npm on a Rasbperry Pi 3 running a fresh installation of Raspbian Stretch Lite. The version of node I’ll be installing is 8, however if you need to install a different version you can still use these instructions. Let’s get started!

This is essentially a three part process. First we remove any installation or packages that may have come preinstalled with Raspbian. Next, we’ll run a bash script provided by NodeSource which updates our repository so we can do a simple apt install. And lastly we’ll use apt to install Node.js. [continue reading]

Tutorials , , , ,

UX: Appreciating the simple things

While working on formulas in BakersCalc there have been a handful of times where I’ve finished a recipe only to realize I had forgotten an ingredient. No problem, I’ll just add it at the end! Except this is a problem, because my OCD won’t stop flicking the back of my head until I add it in the correct order. The way I use BakersCalc is pretty linear – the order of ingredients is the order I’m adding them to my mixer. Usually this meant either deleting items and adding the missing link, or adding one at the bottom and shifting everything around. Before the last update this issue was the definition of a bad user experience.

[continue reading]

Random Thoughts

BakersCalc v1.4.1 Released

I’m glad to announce that since most of the bugs in BakersCalc have been addressed I’m finally working on adding some useful features. Today’s update brings drag n drop sorting for all devices, in hindsight this should have been implemented from the beginning. There will be a small design update to make it obvious, but to sort you simply click/touch on the item’s weight and drag it to it’s new position.

Development , ,

BakersCalc v1.3 Released

Winding down the weekend with some minor BakersCalc updates. This mostly addresses some strange use cases that realistically shouldn’t happen but technically could. I also changed the animations and in my very biased opinion think they make the user experience more fluid.

Changelog:

  • updated url generator to avoid some silly use cases
  • fixed bugs on print page and add/remove related issues
  • updated animations!
Development ,

BakersCalc v1.2.1 Released

It’s been a while since my last update, but things are finally moving again. You can now select pounds (lb) as your displayed weights which should help when making large batches of dough.

Changelog:

  • precision slider now affects displayed total weight & ball weight
  • pounds added to weight units
  • fixed bug where total weight & ball weight units would not update
  • fixed bug where units would not restore to last selected radio option on page refresh

There are some more updates planned for the near future including drag n drop resorting and a “baking mode” for mobile – when enabled each ingredient will be displayed in a large, easy to view design with tap/swipe controls. Hopefully this will come in handy when you’ve got BakersCalc up on youer phone next to your kitchen scale. As always if you find any bugs feel free to reach out – we’re on instagram, twitter, and plain ol email. Happy baking!

Development ,

Footer Reveal on Scroll

I recently came across this neat way to present footers while browsing around and decided to try and replicate it. It works by setting position: fixed; and z-index: -1; on our <footer> tag, and on our last article we add a large margin-bottom to reveal the content beneath. It’s very easy to implement if your footer has a static height, and of course works for multiple breakpoints via @media queries.

Here is a quick codepen, and you can pull the source code here.

Design, Development, Tutorials