A Web Design & Development Blog

The Maps

This is a mapbox map with locations loaded in legend. Clicking a location will pan the map to that location and open its popup. The location’s title will open that location in google maps, for directions. I made this map for a client who needed locations on a map for enrollment purposes. The cool bit […]

... Full Post

Nav Combine

Using Javascript to detect screen width, I was able to combine two navigation menus into one navicon. The need to do this arrived after a few extra nav items where added to a freelance site I was working on, and we need to use an off screen menu for mobile and tablet. The problem was, […]

... Full Post

SVG Animation

A pipe billow svg animation I created. Originally it looked like a snake chanter and cobra, but with design input from charlene foote, it now looks awesome! See the Pen Pipe Billow SVG Animation by pollardld (@pollardld) on CodePen

... Full Post

CSS Accordion

Below is an accordion that was created with css and html, no javascript or jquery required. The accordion uses the :target psuedo element in the css to target certain divs. There is also a target fix to avoid any jump when an anchor is selected. See the Pen CSS Accordion by pollardld (@pollardld) on CodePen.

... Full Post

Node.js Server

Node.js as a server using Hapi framework I have been wanting to dive into node.js for a while and I finally did this week. Using Hapi as a framework I was able to start up a simple server for static files. After reading through a bit of the node.js documentation, I decided it would be […]

... Full Post