Responsive Web Design Patterns
Responsive Web Design Patterns is a book I published with Packt Publishing in November 2015. The book begins with creating a home for all your patterns by setting up your own pattern library. Each chapter is broken down into different sections of a website; presenting patterns for each section. The book is for beginners looking to start incorporating RWD into their own development or more advanced developers looking for a refresher and some inspiration. Each chapter, and example, was written by yours truly.
See Book
Coffeebot
Coffeebot is an online animated series consisting of 3D rendered comics and animations. I am currently the web developer and operations director. For the site I created a responsive custom Wordpress theme that allows comics to be viewed on mobile devices without relying on the "pinch and zoom" method. I also added features to reflect the series' characters. In the top right corner on the homepage there is a geolocation feature that recommends a coffee drink based off the weather of where you are. If geolocation is not enabled, it recommends coffee based on the time of day. Skills used: HTML5, Sass, HTML5 Geolocation API, CSS3, jQuery, PHP, Logo design, graphic design, Open Weather Map API, and Wordpress.
Visit Site
Amada
Amada is a delicious small plate restaurant in Philadelphia owned by Iron Chef Jose Garces. After working on his website for Distrito, I worked with Happy Cog employees Yesenia Perez-Cruz and Allison Wagner to create a new design for the Amada site. After we finalized the design, I created a new theme for the Amada site. I also went through other Garces restaurant brands and help create website design suggestions. This way Garces' team could create future themes for other restaurant websites on their own. Skills Used: HTML5, CSS3, Sass, Expression Engine, graphic design, Google Maps API, and JavaScript.
Visit Site
Cychic
Cychic was an idea I had for awhile that finally came to life. Cychic is a web app (so styles are mobile only) that stores motorcycle and scooter parking locations. The app opens up on your current location and you can add a marker right away to where you are. You can also select what type of parking spot it is (metered, parking garage, alley...etc). You can drag and drop locations, and tap them to delete. Skills Used: Local Storage API, Google Map API, HTML5, CSS3, Sass, JavaScript, and graphic design.
Visit Project