To view some of my best projects, check out the gallery below. Please note that I’m not a designer; After a graphic artist completes a mock-up, they pass it off to me to write the code that makes it happen.
This was a real learning experience for me. This was the fifth or sixth WordPress site I built, and I went all out. This is the site that taught me how wonderfully modular WordPress can be. Each template is seamlessly integrated with separate header and footer files, along with custom widgets for each page. After completing this project, I felt like I had grown from an amateur WordPress developer to a pro.
Precision Enterprises was a great, mostly static responsive build. This site incorporates a WordPress blog, a responsive layout, and a touch-friendly slideshow. I built this just as I was really getting in the swing of responsive builds, and this one really shines. It’s cleanly coded, it smoothly transitions from desktop to mobile, and it just feels lightweight. This really helped me get responsive builds down to a science.
Park district sites are always daunting. They often contain hundreds of pages, with information varying from school closures to village codes. Take that level of complexity, and then add on a WordPress CMS and a responsive layout! Belvidere Park District has an extensive WordPress back-end, with extensive custom templates and plugins, along with a responsive design that fits anything front a 30″ computer monitor to a 4″ smart phone. Each page was tested on several device sizes to ensure that everything flowed smoothly. I even developed a custom responsive table layout for this site, which I now use on a regular basis.
This was an interesting WordPress build. Each section has it’s own theme color, so as you browse around the site, the accent colors change. I discovered some great new functionality in relation to WordPress themes with this project.
Another responsive build with a surprising amount of complex content. Dr. Milazzo has tons of information on everything you’d ever want to know about his dental practice. Although this site doesn’t have a CMS, I was able to maintain a large number of pages in an orderly fashion using OneNote to keep notes on what needed updating. This site presented a unique challenge: They wanted the sidebar on the internal pages to always be the same height as the content. After some research and experimenting, I devised a extremely simple solution to this problem using CSS3′s new “flexbox” feature. It may not work in older browsers, but it got the job done. This was one of my favorite responsive builds.
Electro-Mechanical Corporation incorporated some pretty taxing challenges. Not only did I need to code a custom jQuery slider, I also had to make it responsive! I learned a lot about media querys and flexboxs on this project, as well as some useful new jQuery tricks. Additionally, this site served as a base for 5 additional children sites, each with different logos and styles.