Free

CamStudio is created to record screen and audio activity on your computer. You can use CamStudio to create demonstration videos, FAQ, video tutorials. You can use it to record a problem with computer to show technical support. CamStudio allows to use custom cursors, record the whole screen or just a section, reduce or increase the quality.

JingProject is an application to take screenshots of anything on your desktop, record video of what you do, and share online. It’s up to you to decide where to send images and videos: to a local folder, network drive, FTP server, Flickr or Screencast.com.

AviScreen -is a tool for capturing screen activity. You won’t see AviScreen window on the captured video. It is always working in the background. It will be visible only as an icon on the taskbar. You can save videos both uncompressed or compressed. There are more than 20 different kinds of VFW codec.

Copernicus is a perfect solution for taking a large number of screenshots. You can save them all at once or one at a time. It allows to save directly to RAM. It’s only disadvantage is that there is no support for recording audio.

Wink is a tool for creating tutorials and presentations. It allows to capture screenshots, and add explanations boxes, titles, buttons.

Screencast-O-Matic is a Java-based screencasting online application. It works perfectly with Macs and Windows.  It allows to create a screencast and upload it for free hosting. There’s a 15 min. limit  for free hosting.

Commercial

Adobe Captivate makes it possible to create powerful trainings, screen recording, presentations, quizzes, and podcasts without any programming skills. The price is $699, upgrade $299. A 30-days trial is available.

AllCapture is screen recording software designed to capture screen activities in real-time. The steps are as easy as: record, edit, export, and play. The program allows to record even webinars or video conferences in real-time. You can easily edit your video, insert notes, captions, and special effects, convert presentations to Flash, ASF, EXE, DVD, SVCD and VCD. Currently  AllCapture comes at special price € 169,00. Free trial is available.

ScreenMimic makes it possible to create screencasts of your Mac OS X desktop, save them as Flash Video, Adobe Flash, or Quicktime files.  It comes at $65, free trial.

HyperCam is a fast and easy application to capture the action from your screen and save it to AVI file. Sound from your system microphone is also recorded. You can use it to create online tutorials, help system, online tutorials, training, presentations, Web page, email message and more. HyperSnap comes at $39.95. Upgrades for licensed users costs $10. Free trial is available.

iShowU is created to record anything on your screen. iShowU is very easy to use. You’ll need only to drag the capture rectangle over what you want to record and hit enter. It allows to capture mouse positions (or not), pause or resume recording at any time. The price is $20, free 30-day trial.

ScreenRecord is screen recording software that allows to capture the screen as a Quicktime movie. Key features: universal binary, audio input, record with date and time, customizable cursors, custom movie size, and more. Free trial, $19.95 to purchase.

• 11 CSS Navigation Menus

• 12  CSS Navigation Menus

• 14 Vertical CSS Menus

Simplebits:

• Accessible Image-Tab Rollovers 

• CSS Mini Tabs (the UN-tab, tab)

CSS Play For those who use this on a personal web site a link back to CSSplay is required. If you are using this on a commercial web site then email for permission.

• A drop-down theme by CSS Play is a variation on the CSS only drop-down menu system. This works in IE5.5, IE6, IE7, Firefox, Opera, Netscape 8 and Mac Firefox 1.5 and Safari though not Mac IE5.x. It does not have the extra sublevel items but these can easily be added.

• CSS only dropdown menu is an example of a flexible width top level list that expands to fit the text.
  It has a fixed height and uses a background image that stretches the full width of the outer div, in this case 750px, and a background div in each top level link to mark the right hand edge of the link.

• CSS only flyout menus

• CSS only flyout/dropdown menu works in IE6, Firefox, Opera, Netscape 8 and hopefully a few Mac browsers as well.

• CSS only flyout menu with transparency works in Internet Explorer, Firefox and Opera. The semi-transparency is done using a background png image for Firefox and Opera 9 (which supports png transparency) and IE’s own transparency filter.

• CSS only vertical sliding menu does require that all the sublevel lists are the same height irrespective of the number of submenu items. If they were different heights than the top level items would jump around with no control as each top level was selected. It works in IE6, Firefox 1.5.0.4, Opera 9, can be made to work in IE5.5 with a couple of hacks.

• Professional centered sliding doors dropline menu The top level links use the ’sliding doors’ technique so that they can accommodate any length text (within reason) and are centered in the menu. The drop line links use changing background images, can have text of any length and are also centered in the menu.

ADxMenu 4 menu examples at aPlus: horizontal (top to bottom and bottom to top), and vertical (left to right and right to left)

Bulletproof Slants consist of the following ingredients: lean, valid markup, CSS-based design, consideration for accessibility and flexibility.

CSS: Double Lists This experiment uses some simple mark-up and a small amount of CSS to cleverly create a single, semantically proper, unordered list appearing in two columns.

CSS Tabs without using any images or hacks and with as little CSS as possible.

CSS tabs – an example of CSS-driven tabs.

Listamatic : various vertical and horizontal lists.

Listamatic2 : CSS background images for bullets, simple nested rollover list, CSS3 Vertigo Fun, subtle box list, indented list, parallel lines, blue boxes, classic greys, pop-open list, borders and indents, purple list, slate and steel buttons.

Light Weight Multi Level Menu : is a multi level light weight drop down menu example based on the Suckerfish Dropdowns article by Patrick Griffiths and Dan Webb at A List Apart.

CSS menus gallery is a gallery of CSS web menus created with CSS style sheets and without tables.

Intelligent Menus : using some very simple PHP and CSS you can create intelligent menus that are easy to use and maintain.

Multiple Column Lists :CSS3 has the promise of allowing text to flow into multiple columns.

Techniques

Bookend Lists: Using CSS to Float a Masthead – an article that shows how to create a "bookend" look with elements on either end of a box using CSS-styled lists. This CSS-layout technique saves a significant amount of HTML code over table-based techniques. Tests with working code yielded savings in page size ranging from 30% overall to over 73% for the HTML code alone.

Sliding Doors of CSS by Douglas Bowman

Centered Tabs with CSS by Ethan Marcotte – add a bit more flexibility, place your navigation in the center.

cssMenus – 4 Level Deep List Menu. The idea was borrowed from the Suckerfish Dropdowns.

CSS and Round Corners build accessible menu tabs, created through HTML and CSS — not an <img> tag in sight.

CSS-Based Tabbed Menu  a simple method of implementing a CSS-based tabbed menu. The basic features of this method are: it uses a graphical background, tab width automatically adjusts to text width, handles text resizing elegantly, no meaningless HTML elements required.

CSS Swag: Multi-Column Lists by Paul Novitski at A List Apart. Find out how to produce a single, semantically logical ordered list that wraps into vertical columns.

CSS Tabs – the page demonstrates a pure CSS method to generate a ‘Tab’ style interface. The code is very simple, the CSS is embedded to let you see ‘under the hood’. Most of the action occurs in the list styling. If the tabs don’t ‘align’ properly to the top of the box, alter the font-size and line-height of the li element to suit. Changing font will require finding the ’sweet’ spot at which different browsers render identically.

Definition lists What are definition lists? When are they appropriate? And how to style them to look like tables, image galleries, calendar of events and more.

How to Style a Definition List with CSS – a tutorial that demonstrates how to style a Definition List, which is equally suitable for menus, but is a little easier to understand.

Drop-Down Menus, Horizontal Style how to create visually appealing drop-downs that are easy to edit and update, and that work across a multitude of browsers, including Internet Explorer.

CSS tabs with Submenus – is a way of accomplishing tabs and subnavigation using only CSS and nested unordered lists. The list markup doesn’t change from page to page. The highlighted tab is determined from the ID of the body element, not by changing the IDs of each tab.

Multiple Column Lists method to make a list display as multiple columns of list items, rather than as a single column or horizontal row. This can be a big space saver in some page designs, while still retaining the vertical ordering of a list. This new method gives the ability to provide screen readers with a source order that runs down each column instead of across each row.

How to Style an Unordered List with CSS the article shows how to style an unordered navigation list using CSS, and how to add a pop-up information box for each link item so that your visitors will get an indication of the content for the page link.

How to Use CSS to Position Horizontal Unordered Lists – a way to style your horizontal unordered list so that it can be easily positioned where you want it.

A Navbar Using Lists : how to build your navbar as a collection of <p> elements with a million different class attributes.

Rounding Tab Corners how to round the corners on a "navbar" created from an unordered list.

Tabtastic provides a library that 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.