20
August
2009
Sexy Drop Down Menu w/ jQuery & CSS
Author: Zeeshan
Step1. HTML
First create an unordered list for your base top navigation.Then simply nest another unordered list for your sub navigation.
August
2009
03
July
2009
World Icon Tutorial
Author: Zeeshan
Hey In this tutorial i’ll show you how to make a glossy look world Globe Icon.
02
July
2009
Keyboard shortcuts (Windows)
Author: Zeeshan
Getting familiar with keyboard shortcuts not only help you get the work done faster, but also more efficient. If your daily job rely heavily on using Windows, here are some 100+ Windows Keyboard Shortcuts you might want to check out. If there’s any nifty shortcuts we have missed, appreciate a heads up.
The General Shortcuts
We’ll kickoff the list with some really general shortcuts that you often used.
30
April
2009
CSS For Bar Graphs
Author: admin
Recently we’ve had to tackle some interesting visualizations which we coded in XHTML and CSS. The method we used, while fairly simple, was a big help to the engineer and created a very flexible and inexpensive solution. We thought we would share our solution and code in case anyone else ran against similar situations.
Basic CSS Bar Graph
This is a simple bar graph we developed for a tool we’re releasing shortly for our client. The concept is simple, utilize the percentage width abilities of CSS to accurately portray a percentage bar graph.
29
April
2009
A Mac OS X-style Dock In JavaScript
Author: admin
Apple’s Mac OS X operating system is renowned for its fluid graphical effects. One impressive feature is the dock’s ‘fish-eye’ effect, whereby icons expand and contract as the mouse moves over them. Achieving this effect in JavaScript is difficult, but the MacStyleDock function allows this feature to be implemented easily. An example is shown below (a larger demonstration is available on a separate page).
29
April
2009
BarackSlideshow – Lightweight slideshow script
Author: admin
I guess pretty much everyone has seen Barack Obama’s website by now, which is clearly one of the prettiest of all candidates we’ve heard of so far. Not only is it an example of state-of-the-art design, but it’s also nice to navigate and interact with.
The creation
I took my previous class (SlideList), and made a few changes here and there. It works with MooTools 1.2, and supports all kinds of shape transformations (top and left coordinates, and height and width properties), which means it can now be used with vertical, horizontal, or even irregular lists.