CSS Box Model Info Graphic in 3D

I've never had a need to use any of Photoshop's 3D features and probably never will, but the other day I decided to play with it a bit. The play resulted in this CSS Box Model info graphic.

CSS is a 2D medium and representing it's box model in 3D was a little tricky. But I think it turned out pretty well. I am using one PNG graphic as a background image, and some CSS and jQuery for positioning and interactivity.

Portfolio: Health Education Solutions

"Health Education Solutions is the leading provider of online certification and recertification for advanced cardiac life support (ACLS) and pediatric advanced life support (PALS)."

Intro to Web Design for Mobile Devices

It's been about a year since I started researching and working on web and app design for mobile devices. My first attempt at creating a mobile site was to create a mobile style sheet for already existing HTML markup. It was a "bumpy" experience, but the site worked, previewed well on mobile device simulators and worked as expected on iPhones/iPods. After doing some research and usability testing using "personas," I realized the site wasn't mobile optimized and therefore was never published. Instead, I created a site that uses mobile specific HTML/CSS and features mobile friendly content.

Mobile Environment

Portfolio: CUNet Website

The new CUnet website is up and running. I worked on the website's planning, wireframing, UI design and finally HTML, CSS and JavaScript coding. For best SEO results we decided to avoid use of Flash and ended up using some jQuery/jQuery plugins to add interactivity to the home page.

Home Page

Portfolio: BOLD Nebraska Website

BOLD Nebraska is a "...start-up looking to change the political landscape and to restore political balance in our state...".  It features political news, local events and calls to action.

Once again, I collaborated with Justin Kemerling—who did the graphic design—and asked me to do all the front-end and back-end development.

Portfolio: Lincoln Arts Council Website

The new Lincoln Arts Council website is a project I worked on in collaboration with some really talented, highly creative people from Lincoln. The team included Ashley Rolf, David Christiansen, Adam Lohman, Graham Little and Lincoln Arts Council Executive Director, Deb Weber.

I was brought on to the team to help direct the user experience and turn Ashley Rolf's design into a functional website. The website is quite complex in terms of features and wealth of content it's serving. Some of those features include Events Calendar, Art & Art Organization Profiles, Sponsor Widget, Search etc... And all of it managed through a custom built Content Management System.

Portfolio: Haydon Art Center

The goal of the Haydon Art Center website redesign was to provide the center with the ability to update and modify site contents on a regular basis, make it easy to navigate for users, represent the organization in a professional, classy manner, allow for future upgrades in terms of content and images, and provide a vehicle for center's artist members to showcase some of their graphic works and link to their individual web sites.

The site was a perfect candidate for Asari's custom built CMS.

Portfolio: Nelnet Education Loan Servicing micro site

Nelnet Education Loan Servicing micro site is another fun web project I worked on through my job at Nelnet. The site has pretty minimal content, so I placed it all on one page and used jQuery and jQuery Cycle plug-in to navigate it.

The cycle plug-in is pretty flexible. I was able to use it navigate the content using it's "pagination" and "before/next" navigation options. The plug-in is also unobtrusive, so the content is readily available even with JavaScript disabled.

Portfolio: Seniors Foundation Website

Seniors Foundation is a local non-profit organization providing financial support for Lincoln's senior centers. As such their new website needed to be simple, easy to navigate and edit.

Senior Foundation staff was already using Dreamweaver to maintain the old site, so I used as many Dreamweaver features as I could to make it as easy as possible for them to continue to do so. 

FUCK UP: A Test Print Exhibit

Screen Ink hosts some of the best art shows in town. On April 2nd it was a host to opening of "FUCK UP: A Test Print Exhibit", a show put together by Michael Nielsen and Eric Nyffeler.  "Test prints are by-products of the screen-printing process that contain a multitude of layers of color and shape from numerous different posters, resulting in (occasionally) beautiful, one-of-a-kind monoprints". "FUCK UP..." featured prints from national and international artists. For more info and full artist list visit show's FaceBook page.

The show was great. I don't think I've ever seen a show where so many prints were sold in such a short time. And of course, you could bring your own shirt and get it screen-printed right there.