Another example of lightbox use

A few weeks ago when I attempted to create a light box for a website I attempted to use a shadow slider Jquery file in combination with a the Jquery Galleria program. This did not function as both .JS files had conflicting functions in both programs. I opted for a simpler program called Jquery blinds. This utilized a simpler animation of transitory panels, while still maintaining an image of a professional news media or non-profit website. I liked how the smooth animation was coupled with the ability to have multiple instances and the increased ability to function with numerous web browsers. something to consider for the upcoming project.

http://www.littlewebthings.com/projects/blinds/

Advertisements

Example of an efficient interface

In coming across this financial debt graph, I was struck by some interesting factors in the overall design. Not only is the risk status of each country in question color coded but the debt towards each individual nation is tracked and judged by fiscal percentage. This is an especially helpful tool for those that would like to have a clear and concise understanding of the European debt crisis.

http://www.bbc.co.uk/news/business-15748696

Favicon

The use of a favicon seems to be an interesting innovation. It is essentially the visual identification of a website for web browsers. In researching this topic I recognized how many formats they can be in ICO’s, PNG’s, JPEG’s and GIF’s. What I found to be interesting is that Internet Explorer does not support any type of file format except an ICO. What really puzzles me about this situation is that even after the introduction of several other web browsers, almost a quarter of web users still utilize Internet Explorer.  Another topic of interest in favicons was how the iOS operating system utilizes a custom icon slot that allows the device to automatically save a sample of the web page if a favicon is not present. The question remains in light of this development, will favicons even be necessary in the developer’s world?

http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW4

The use of jquery in a navbar

In analyzing several websites such as Wired.com I saw the effective use of configuring information in an efficient manner. It was often that I saw the limitation in placing a navigation system for a website. It was little more than providing hyperlinks to different sections of the site. I decided to take a look at the spry menu bar model.  In Wired.com we see sections that are placed according to information sections, blogs, video features, a link to the magazine and even a how-to section for household technology! I will surely incorporate this element into future designs.

http://www.wired.com/

 

Use of Motion Typography

The current assignment for my class is the use of motion typography. I have decided to do this in after effects. It combines the use of illustrator, photo-shop and final cut into a singular package. I love the way that users can easily add different effects to separate text elements. I decided to do a monologue from a film. a great example of which is from the Dark Knight. This link will bring you to one of Heath Ledger’s infamous speech as The Joker.