Steve’s Blog

A nice tabbed-like CSS-based menu:

I know what you’re thinking…“Do we really need another article about CSS dropdowns?” Allow me to convince you. What if we could have one clean, well-structured menu which would combine the dynamism and code-ease of dropdown menus and do away with their main problems (not to mention degrade beautifully)? The problems with dropdown menus are:

1. their secondary options are inaccesible unless you activate the entire menu system; and
2. they offer insufficient orientation cues for the user. It can be difficult to navigate within a particular section of the site because you have to go back to the dropdown to change pages.

This technique is a bulletproof way to ensure browser compatibility and to maintain usability even for people who have old browsers or difficulty accessing dropdown menus, either because of a disability or a low level of comfort with the dropdown paradigm. It also does a much better job than standard dropdown menus of orienting the user within the site.

Read article: Hybrid CSS Dropdowns

Stephen :: Dec.11.2006 :: Computer Related, Website Design :: No Comments »

A great resource for CSS designs

Visit: Dynamic Drive CSS Library

Stephen :: Dec.11.2006 :: Computer Related, Website Design :: No Comments »

Some examples:

Visit: CSS for Bar Graphs

Stephen :: Dec.11.2006 :: Computer Related, Website Design :: No Comments »

Some nice / small / free icons designed for web use:

Need icons for your new website or web application, at the best price there is (free!)?

Visit: http://www.famfamfam.com/lab/icons/

Stephen :: Dec.11.2006 :: Computer Related, Programming, Website Design :: No Comments »

The Yahoo! User Interface (YUI) Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX. The YUI Library also includes several core CSS resources. All components in the YUI Library have been released as open source under a BSD license and are free for all uses. Download the entire library, its documentation and examples from Sourceforge.

Visit: http://developer.yahoo.com/yui/

Stephen :: Dec.11.2006 :: Computer Related, Website Design :: No Comments »

A simple way to generate visually appealing (pretty) “loading” or progress animations.

Create easily your own ajax loader icon :

1. Select the type of indicator you want
2. Enter the background code color you want (tick “Transparent background” if you don’t want one)
3. Enter the foreground code color you want

Press “Generate it”

Visist: http://ajaxload.info/

Stephen :: Dec.11.2006 :: Computer Related, Programming, Website Design :: No Comments »