Labs

Sometimes I like to try out some new idea or build some nice theme I stumbled across online. This is where things like that live. They may or may not be finished. They may or may not work completely. Browse at your own risk!

  • CSS Image Editor!

    Using AngularJS to make the page dynamic, I threw together a simple tool for playing with the different CSS Image filters we have available to us so you can see what each does and how they interact with each other.

  • Workout Planner

    Made with AngularJS. I created this little web app to help me plan and track my workouts. It uses device Local Storage to remember my progress throughout each week.

  • CSS Flags

    A random selection of country flags recreated with only CSS with only one HTML element per flag.

  • 10 Cloverfield Lane logo animation

    I recently saw the movie 10 Cloverfield Lane and not only fell in love with the movie, but also the subtle animation they used with their logo. I came home that night and tried to roughly throw something together to mimic the neat effect.

  • CSS-only Loading Spinners

    Attempted to recreate a few spinner GIFs I had seen using only CSS. Mostly successful

  • PSD to HTML 1

    Converted a nice theme I found online to actual HTML + SASS. Fully responsive.