CSS Responsive Menu

What is it?

A responsive navigation menu written in CSS, no JavaScript used. The styles are pretty barebones, only the required ones are implemented, which keeps things light. You can use your own styles on top of what is here to make it look how you want it to.

In larger browser windows, the menu items are shown horizontally. In smaller browser windows, menu items are hidden until the 'Menu' is clicked. To see this in action, try resizing the width of your browser and observe the topmost menu bar.

Why?

While there are other responsive navigation menus available, most of them require JavaScript to function. This one doesn't.

HIIT Timer

What is it?

Quick implementation of a configurable timer for HIIT (High Intensity Interval Training) or similar workout. I've successfully used this on a desktop and Android browser.

Why?

HIIT workouts require exercises to be performed in succession, without taking breaks in between. There's hardly any room to start and stop a timer in between exercises. With this app, the user can specify a set of exercises and a time interval to perform each exercise. Once the timer starts, each exercise will be displayed for the specified time interval - without the need to manually start/stop the timer for each exercise.

JQuery Input File Text

What is it?

A JQuery plugin to change an <input type="file"/> element's text.

Why?

The appearance of an input file element is browser dependant.

In Chrome
In FireFox
In Internet Explorer

This plugin's purpose is to 'over-ride' the default appearance with our own.