04 April 2006
CssDev by Andy Peatling » Creating a Dynamic Navigation Menu
by 1 other"The menu is just a simple unordered list with the ID set as “menu”. Each sub-level of the menu is another unordered list within the parents list item. You can create as many levels as your heart desires, as the javascript we’ll write in the next step can handle this." Very nice multi-level CSS menu!
Mini Slide Navigation | Sandbox | Stephen Clark (sgclark.com)
by 5 others"So I was recently playing around with a couple of navigation treatments that I've seen - Simplebits' MiniTabs and SlayerOffice's Focus Slide. And I came up with a navigation "mash-up" of the two. I'm calling it the Mini-Slide Navigation (my blog post permalink...leave comments here)." Nice menu!
29 March 2006
D4Ly.com » Variable Fixed-Width Layout
by 3 others"After messing with script.aculo.us’s JS for a while I figured out just what I was looking for. A variable fixed-width layout. The specifications included
A handle on a track which could be dragged by the user to shrink or expand the layout width.
A minimum and maximum layout width.
A way to remember the user’s settings last time they were here so they didn’t have to keep on changing the width.
A non-breaking layout." Interesting idea!
Digital Web Magazine - Preparing for Widescreen
by 3 others"I’ve created a hybrid using JavaScript and CSS, keeping a static main design yet also offering additional content without scrolling for widescreen users. This allows graphic designers to work within a fixed space for maximum control, but also utilizes the entirety of the viewable monitor space."
Alexander Sperl / Dorky Design > Tutorials > XHTML/CSS > Hierarchical Sitemap with Dashed Lines
by 1 other"This tutorial will use a nested unordered list with two levels to create a hierarchical structure where dashed lines will show the dependencies. This could be used a sitemap or visualize a directory."
24 March 2006
Tooltips, Floating captions - DHTML, javascript - BoxOver
by 13 others"BoxOver uses javascript to show tooltips on a website." Nice and light-weight tooltips with loads of options!
22 March 2006
Nifty Corners Cube - freedom to round
by 24 others"Basically, Nifty Corners are a solution based on CSS and Javascript to get rounded corners without images." This is AWESOME, very cool and inspiring, and works great!!
CSS event:Selectors
by 11 others"event:Selectors allow you to apply an event such as mouseover, mouseout, click, et al using a CSS style syntax. It keeps your layers separated and greatly reduces the amount of code you have to write." This sounds very handy - need to brush up on my Javascript!
21 March 2006
slayeroffice | gradient progress bar
by 1 other"This is a very simple DHTML trick that just moves a white div element one pixel to the left and reduces its width by one pixel to reveal a div beneath it with a gradient image set as its background-image. It's just running on an interval now for the purpose of demonstration, but could easily be tied into something like the Image Load Progress Bar."
12 March 2006
Tabtastic
by 8 others"This library is a simple way to implement tabs on your page using CSS, a little JS, and semantic markup which degrades gracefully on browsers with CSS unavailable or disabled.
Not only is it easy to use and accessible for screen-readers, but it supports multiple (nested, even) tabsets on the same page and allows users to bookmark the page loading to a specific tab."
JavaScript Tabifier automatically create an html tab interface
by 10 others"JavaScript tabifier. Automatically create an HTML tab interface." I am going to need this on an upcoming commercial project!
1
(11 marks)