Category: Development

Web development – HTML, CSS, JS, PHP and more.

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.


Westchester’s Stamp of Approval

Westchester’s Stamp of Approval is built on the WordPress platform and features a fully responsive custom theme. It also features a fully customizable menu and two widget areas where users can easily change content using the WordPress CMS. [continue reading]


Updated Website!

After a few days of coding and editing I’m proud to announce an updated version of the BHM theme. This time around I’ve focused on creating a theme that is very flexible and familiar, since this is supposed to be a blog after all. There are new navigation and sidebar regions defined which enable users (aka me) to take advantage of WordPress’ editing capabilities. Most of the JS/CSS files have been dusted off as well, and the code calling them has been revised so that the entire site should operate quicker.

I figured it was a good time to comb through my portfolio section as well, so there are some new (old) posts of my work. Some of these date back nearly a decade!


Nesto’s Pizza & Deli

Nesto’s Pizza & Deli was built on the WordPress platform and features a custom made theme designed for the company. It features integration of the Yelp Fusion API to display useful reviews and uses the SinglePlatform API to fetch all menu information. This helps the business keep their menu up-to-date and consistent across all mediums.
[continue reading]


BakersCalc v1.1 Released

This release of BakersCalc includes new features for sharing your formulas in different ways as well as bringing some very important information up front to the user.

Changelog:

  • Added export button next to create URL in options dropdown – users now have access to a printer-friendly version of their formula. You can now also generate BBCode or HTML tables to copy and paste from the same export window.
  • Added total dough weight, ball weight, and total percent to top section of page, and also revised hydration to match the new info. This should help when using BakersCalc in TF mode and trying to figure out your ball weights 🙂

As always feel free to give your feedback at info@bakerscalc.com, happy baking!


BakersCalc

BakersCalc is a simple yet powerful web application for creating and sharing baking formulas. It can handle a variety of formulas including ones with sourdough starters, and can even accommodate non-yeast based recipes. It includes a printer-friendly version of your formulas that can also be copied as BBcode or HTML tables. Check it out at bakerscalc.com!
[continue reading]


BakersCalc v1.0 Released

I’m proud to finally announce that BakersCalc is officially moving out of beta! There are a lot of new features in this release, including calculating by thickness factor, improved hydration logic, displaying in ounces, and more.

Changelog:

  • added thickness factor functionality
  • added ability to change units of measurement (oz/grams)
  • added better error handling. If a value is incorrect the app will go back to the previous valid input
  • added check for 100% flour present to ensure formula accuracy (thanks mitchjg from PM forums)
  • refactored code to remove redundant logic and make it more readable
  • cleaned up options dropdown
  • fixed hydration function & totalWaterWeight bug
  • squashed various small bugs
  • added apple bookmark icons

There is still a lot planned for the future of BakersCalc and we’re always open to feedback. If you find any issues please get in touch – we’re on instagram, twitter, and plain ol email. As always, happy baking!


BakersCalc beta v0.9.5.1 Released

I finally found the time to work on these updates/bugs, and with that I’ve gotten far enough on this project that I felt comfortable “officially” released BakersCalc into the wild (well, at least to reddit). There’s still a bit of work left, but I’m confident that what is up now can hold on it’s own.

Changelog:

  • added hydration (yay!) to display
  • added precision slider in options tab for ingredient weights
  • first time visitors now see the wonderful wall of text (info)
  • added copy functionality when clicking on generated url (now you won’t have to fudge around selecting the text)
  • fixed url formatting so copy/pasting URLs into emails won’t drop the parameter
  • added filter for GA so local testing wont mess up analytics
  • added social media icons, let’s mingle 😉
  • fixed number input fields in chrome (thanks /u/nightblue_fruit)
  • made the option fields longer
  • fixed dropdown text align, should look better on IE/chrome now

BakersCalc beta v0.9.4 Released

Big update! In this version I’ve implemented the ability to define multiple flours, calculate item hydration, starter hydration, and squashed some bugs.

Changelog:

  • Implemented dropdown for item type – allows for multiple types of flour, liquid, starter, and individual ingredient hydration
  • Fixed close info bug
  • Fixed bug where water hydration was not being set to 100% on shared recipe
  • Fixed n/a option not displaying on shared recipe

BakersCalc beta v0.9.3 Released

What is BakersCalc, anyways?

I’m glad you asked! BakersCalc is a side project of mine to help with creating, updating, and sharing bread formulas. The beauty behind baker’s percent is everything is relative to your total flour weight, so it doesn’t matter if you want to make 300g of dough or 300kg. All your ingredients will scale accordingly.

bakerscalc home screen mobile

BakersCalc homescreen on iOS

[continue reading]