Archive for the ‘user interface design’ Category

Rounded corners with CSS (and no images)

1 Star2 Stars3 Stars4 Stars5 Stars (4 votes, average: 4.5 out of 5)
Loading ... Loading ...
Thursday, April 24th, 2008

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

1 Star2 Stars3 Stars4 Stars5 Stars (4 votes, average: 4 out of 5)
Loading ... Loading ...
Monday, April 21st, 2008

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

1 Star2 Stars3 Stars4 Stars5 Stars (5 votes, average: 3.6 out of 5)
Loading ... Loading ...
Tuesday, April 8th, 2008

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
(more…)

Web 2.0 balloon tooltip with prototype and scriptaculous

1 Star2 Stars3 Stars4 Stars5 Stars (8 votes, average: 3.75 out of 5)
Loading ... Loading ...
Tuesday, May 29th, 2007

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 (more…)

FormWalker - walking through form fields with the enter key

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 3 out of 5)
Loading ... Loading ...
Monday, April 16th, 2007

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. (more…)

Great free icon set for your web applications

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...
Tuesday, November 28th, 2006

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. (more…)