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)
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)
These are my links for April 3rd, 2009:
These are my links for April 3rd, 2009:
These are my links for April 3rd, 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.
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.
CSS Sticky Footer Layout: A CSS Sticky Footer method that actually sticks to the bottom of the page.
CSS Image Maps: A sample image map that’s built entirely using CSS and XHTML, without any Javascript.
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.
CSS Design: Creating Custom Corners & Borders: How to apply customized borders and corners to liquid CSS layouts
CSS Design: Creating Custom Corners & Borders Part II: The technique to use patterned or gradient backgrounds
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.
Fun with forms – customized input elements: How to apply customized backgrounds to HTML forms, while preserving structurally clean markup and accessibility.
CSS tricks for custom bullets: Using the background property for styling links, bulleted lists, and more.
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.
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.
CSS Based Navigation: An example of a nice CSS based navigation bar.
Free CSS Navigation Menu Designs: Some example of simple CSS navigation menus.
CSS Dock Menu: A Mac-like CSS dock menu made with Jquery Javascript library, Fisheye component from Interface and some icons
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!
