Posts Tagged ‘navigation’

37 Examples of Unique Navigation

Friday April 10th, 2009

Source: 37 Examples of Unique Navigation | Inspiredology.


“Navigation is the single most important part of web design. Designers are always looking to better the usability of websites. Some designers try to push the envelope with the new ideas of how websites should be navigated. Some pass with flying colours, some fail horribly. This post showcases some unique navigation’s and some well thought out designs…”

(Read the entire original post)


Showcase Of Well-Designed Tabbed Navigation

Tuesday April 7th, 2009

Source: Showcase Of Well-Designed Tabbed Navigation | Design Showcase | Smashing Magazine.


“The extensive amount of roads you can take in web design, specifically in navigation. Here, we will talk about one specific navigation technique, tab-based navigation. If properly carried out, tabbed navigation can be very clean and organized within a web layout.

So what is tabbed navigation? Well, it is essentially a set of buttons most often set horizontally. Tabs generally follow numerous different styling guidelines. First, a tab set usually is attached or purtrudes from a container, like in the example below. Also, notice how the open tab matches the background color of the container, and the other buttons are darker. This is one more common styling guideline…”

(Read the entire original post)


Bookmarks for April 3rd, 2009 – Part 3

These are my links for April 3rd, 2009:


Bookmarks for April 3rd, 2009 – Part 2

These are my links for April 3rd, 2009:


CSS Resources and tutorials for Web Designers

Wednesday January 28th, 2009

Every web designer has to deal with CSS, day after day. Here are some links and resources found on the web, that should help you to improve your CSS skills.

1 – Flexible CSS Layouts

Keep your most important content near the top of your page at all times

Keeping your content in order of priority with flexible CSS layouts: This article shows you how to use CSS floats to achieve any column layout, while keeping your most important content highest on the page.

2 – CSS Sticky Footer

New CSS Sticky Footer

CSS Sticky Footer Layout: A CSS Sticky Footer method that actually sticks to the bottom of the page.

3 – CSS Image Maps

CSS Image Map

CSS Image Maps: A sample image map that’s built entirely using CSS and XHTML, without any Javascript.

4 – CSS Drop Shadows

CSS Drop Shadow

CSS Drop Shadows: A technique to build flexible CSS drop shadows that can be applied to arbitrary block elements, that can expand as the content of the block changes shape, compatible with most modern browsers and with better results for standards-compliant browsers.

5 – Creating Custom Corners And Borders

Custom Corners Borders

CSS Design: Creating Custom Corners & Borders: How to apply customized borders and corners to liquid CSS layouts

Custom Corners And Borders 2

CSS Design: Creating Custom Corners & Borders Part II: The technique to use patterned or gradient backgrounds

5 – Link Display for Print

Link Display For Print

Improving Link Display for Print: A technique to collect all of the URIs referenced (hrefs and citations) in a specific container within the page (after all, we probably don’t want to grab the navigation, etc.), place the links (minding the duplicates) into an ordered list which can be dropped into an id-ed container of our choosing, and supply each reference with the corresponding footnote number as a superscript.

6 – Customized input elements

Customized Inputs

Fun with forms – customized input elements: How to apply customized backgrounds to HTML forms, while preserving structurally clean markup and accessibility.

7 – Custom bullets

Custom Bullets

CSS tricks for custom bullets: Using the background property for styling links, bulleted lists, and more.

8 – Styled images with caption

Image Caption

Styled images with caption: How do you balance the need for easy update by web editors with the desire to make a site as visually appealing as possible by combining CSS and DOM scripting.

9 – CSS Production Notes

Production Notes

A Message To You, Rudy – CSS Production Notes: A technique that places your page production notes in one convenient place within an XHTML document and uses nothing more than meaningful markup and CSS.

10 – CSS Based Navigation

CSS Based Navigation

CSS Based Navigation: An example of a nice CSS based navigation bar.

11 – CSS Tabs

CSS Tabs

Free CSS Navigation Menu Designs: Some example of simple CSS navigation menus.

12 – CSS Dock Menu

CSS Dock Menu

CSS Dock Menu: A Mac-like CSS dock menu made with Jquery Javascript library, Fisheye component from Interface and some icons

13 – Tree lists

Tree List

Turning Lists into Trees: A technique to display a multi-level unordered list in the form of a tree with lines connecting nodes.


Men are from Mars. Women are from Venus. Computers are from hell.



Wir suchen nach einem motivierter und dynamischer Webentwickler (Ruby on Rails Kenntnisse erforderlich, dazu PHP/.Net Kenntnisse wären ein Bonus)! Bewerben Sie sich jetzt! (Büro in Gerlingen)


Do you need more information or a quote? Fill the following form and we'll answer you within 24 hours!