This project was not so much a redesign as a refresh of the site’s current design. The original design was flat & dated. The initial view of the site was a Flash-based animation, followed by a redirect to the About page which contained information on the organization, PDF newsletters and the club’s board members, not hardly the primary interest when the club’s goal was to promote activities, events and membership.
The topic of using text-decoration versus border-bottom for hyperlinks recently cross my mind. To be honest, I had never consider the effects and impacts of these two different implementations. However, since playing with these concepts, it has become quite an important usability item to me.
I really don’t know the official term to describe this method. It’s not new, by all means. However, it’s a powerful method of using CSS code & classes effectively and efficiently.
First, you may not be aware that you can use multiple css classes on elements. Example:
<p class="classone classtwo"></p>
Here’s where the power comes in. We can use these multiple classes to separate the structure from the “skin.”
I just concluded a month long, onsite project for a mid-to-large sized company. The project was to consolidate several client-side applications into one web-based application for corporate & field employees. It was personally rewarding on several levels (besides financial). First, got to work with a company that has a seemingly great culture of teamwork and respect, of which I truly appreciate. I also had the opportunity to do some things graphically that I had not focused on before. Now don’t picture anything life changing here, just plenty of expanding rounded corner boxes, a logo, and an animated graphic (.gif) designed in Illustrator that involved 2-3D images. The final task was to create styles that would be implemented on an ASP.NET-based application leveraging ASP components & extensions. The latter proved to be an unexpectedly difficult challenge.