Category: Web Development

A CSS only honeycomb grid

When I started working for Fresenius Medical, a coding challenge we often gave to interview candidates was to code a hexagonal grid. They only had to pseudo-code it, on a whiteboard. This was an interesting challenge because there are so many ways to approach it. The only classy solution I’ve seen is on the D3 frontpage. This is a pure javascript solution. But there are various CSS solutions to the problem also.…

A weather plugin for sailors and boaters

I made a nice little weather plugin for WordPress. It was a trade-in-kind project I did for the Salem Willows Yacht Club, and you can see it on their site (and on this post). It displays wind velocity and direction in addition to the general weather condition.

The plugin gets data from the awesome OpenWeather API. Because it caches the requests for data, it can’t call for updates more frequently than every five minutes.…

Adding the Netlify CMS to a Static Site

I updated one of the first static sites I created: ErikaMumford.net. This site is pretty simple: it has my mom’s poetry on it. I added content management. I made it a few years back, using Jekyll, which is a static site generator (SSG). The content is just pages that consist of markdown files. Like all SSGs, Jekyll “generates” the site at build time. On the server, only static HTML files are served.…

Personal project: Bird Hotspot

bird-hotspot.com

This was a pleasing app to develop. I wanted to make a mapping application that showed what birds are being observed in what locations. Ebird helpfully has that data. However, Ebird’s own site does not make it easy to find the information I want. So, I made this app…

WordPress vs the JAM stack?

I love the JAM stack. I love working with Jekyll (for static HTML sites), JavaScript, and APIs. But I also like WordPress a little more than this guy..

Scaffolding an Angular + Bootstrap App

Fountainjs is a good way to scaffold your app if you want it built with Gulp, Sass and Webpack. This post is about adding Bootstrap the the mix—and how to fix everything that Bootstrap breaks.