Archive for the ‘user interface design’ Category.

Rounded corners with CSS (and no images)

I searched a lot to find this great solution for doing rounded borders with just CSS and no images. There are loads of solutions out there which use images to make the borders or doing some funky javascripts which take too much time on page load and the rounding is only applied after onload.

so thanks to Deathshadow for this great solution with pure CSS. just check out the link. there are the examples and the source needed.

New great free icon set

Many of you already know that the FamFamFam icons are probably the most famous out there. At least i know plenty of apps using it – including me. Today i have found a new great icon set from pro theme design including 117 icons:

iconsheetsmall.gif

Get Circular Icons here

create a contextmenu with javascript & prototypejs in seconds

Did you ever wanted to build a context menu like google does it? I have figured out an easy and quick way to achieve this with a small amount of CSS and 3 lines of javascript.

contextmenu.png

Click here for a demo
Continue reading ‘create a contextmenu with javascript & prototypejs in seconds’ »

Web 2.0 balloon tooltip with prototype and scriptaculous

A very nice balloon tooltip from BeauScott.com is another gift of the web 2.0 era. Look at the stylish appearance and enjoy…

Balloon tooltip Continue reading ‘Web 2.0 balloon tooltip with prototype and scriptaculous’ »

FormWalker – walking through form fields with the enter key

In conventional business applications users are used to navigate through form fields just by using the “enter” key rather than using the “tab” key. Especially on forms where they bung in a lot of numeric data (e.g. sales) it’s more common to use the numeric block (numlock) and therefore the “enter” key is more convenient to use … cause there is no tab key. I’ve just written a short javascript snippet which solves this problem. I call it FormWalking. Continue reading ‘FormWalker – walking through form fields with the enter key’ »

Great free icon set for your web applications

Today I was again using some icons of the probably best icon set out there so I thought to recommend it here as well. The famfamfam.com silk icons consist of 1000!! icons for all your needs (files, flags, RSS, hardware, community, multimedia,…) within application development and make your apps look really professional. The nice thing is that they’re released under a Creative Commons Attribution 2.5 License and therefore are completely free. Continue reading ‘Great free icon set for your web applications’ »