background preloader

CSS Dock Menu

CSS Dock Menu
May 08, 2007 270 Comments Tags: Javascript If you are a big Mac fan, you will love this CSS dock menu. CSS dock menu screenshot Update: I no longer support the questons regard this dock menu. View Demo | Download 1. Download the CSS dock menu zip package. 2. In between the HTML <head> tag, add the following code The first part is the Javascript, second part is CSS stylesheet, and last part is the PNG hack for IE 6. 3. Don’t forget to add the following code to anywhere within the <body> tag: 4. To add menu item to the top dock (note: span tag is after the img tag): <a class="dock-item" href="#"><img src="images/home.png" alt="home" /><span>Home</span></a> To add menu item to the bottom dock (note: span tag is before the img tag): <a class="dock-item2" href="#"><span>Home</span><img src="images/home.png" alt="home" /></a> Browser Compatibility I have tested on IE 6, IE 7, Opera 9, Firefox 2, and Safari 2 (although there are some minor rendering issues with Safari). Collapse All Expand All

Raphaël · Australia New South Wales New South Wales (abbreviated as NSW) is Australia’s oldest and most populous state, located in the south-east of the country, north of Victoria and south of Queensland. It was founded in 1788 and originally comprised much of the Australian mainland, as well as Lord Howe Island and Norfolk Island. New Zealand was not initially part of the colony, although when Britain annexed New Zealand in 1840 it was briefly a part of New South Wales. Victoria Victoria is a state located in the south-eastern corner of Australia. Western Australia Western Australia is a state occupying the entire western third of the Australian continent. South Australia South Australia is a state of Australia in the southern central part of the country. Northern Territory The Northern Territory is a federal territory of Australia, occupying much of the center of the mainland continent, as well as the central northern regions. Queensland Tasmania Tasmania is an Australian island and state of the same name.

Highslide JS - JavaScript thumbnail viewer A CSS Sticky Footer A CSS Sticky Footer that just works We've all tried to use a CSS Sticky Footer one time or another, but they never seem to come out right, do they? Well, the days of a hard to understand CSS Sticky Footer are thankfully over. With just a few simple CSS classes with minimal extra HTML markup, I've fashioned a CSS Sticky Footer that even beginners can get a handle on. It's been tested in IE 5 and up, Chrome, Firefox, Safari and Opera. Usage of the CSS Sticky Footer Great! Absolutely. View the CSS or learn about using it NEW: HTML5 Sticky Footer Google Releases AJAX Language API Google today opened up the machine translation software they implemented on their own Google Translate site via a public API. The AJAX Language API allows developers to perform translations in their applications for all 13 supported languages and 29 translation pairs. As an example, Google engineer Ben Lisbakken cooked up a Google Gadget that uses the AJAX Language API to create a simple language learning quiz (it asks question like: "What is 'moutain' in Spanish?"). The example also leverages Google's AJAX Search API to display image hints. There are potentially a host of applications for the language API beyond simple localization. Google already released a bunch of translation bots on its GoogleTalk IM service that repeat back whatever you say to it in a translated language (each bot handles a different language pair), but imagine that being a setting you could just flip on at the client level? What other sort of applications can you envision for the Google translation API?

Writing with script Be careful when writing with script. If script is not available, that content will not be created. You should limit your use of this to parts of the page that are not needed to access page content. Writing while the page is still loading If your code is being executed while the page is still loading (in other words, if it is run as part of the initial page layout) put the following: <script type="text/javascript"> document.write('<p>What ever you want to write<\/p>'); document.writeln('<p>What ever you want to write<\/p>'); </script> It will write whatever you put, in whatever part of the page the script is currently running. Note that if you write content using an event handler (such as the onload handler for an image), it will be treated as if the page has completed loading, even if it has not. Writing after the page has loaded After the page has completed loading, the rules change. That will remove everything that is currently being shown and replace it with what you write in there.

21+ beautiful Javascript and Ajax based solutions to our gallery requirements Maybe you are believe that a picture is worth a thousand words, so you need a powerful gallery in order to show your excellent pictures well. Or you need to add a gallery into your blog or homepage. Javascrip or AJAX technology is a better choice since they don’t need extend plugin. The following is a list of beautiful Javascript and Ajax based solutions to our gallery requirements. Enjoy them and show them with your friends. No.1 Galleria Galleria is a javascript image gallery written in jQuery. No.2 LightWindow If fact software of lightwindow is a No.3 (E)2Photo Gallery (E)2 Photo Gallery is a open source gallery built with Mootools Javascript Library the compact, modular, Object-Oriented javascript framework. No.4 Spry pry is a JavaScript-based framework that enables the rapid development of Ajax-powered web pages. No.5 Imago Imago is an Ajax Image Gallery with focus on simplicity and ease of use. No.6 slideViewer a jQuery image slider built on a single unordered list No.7 Minishowcase

Ten Javascript Tools Everyone Should Have Filed: Sun, Mar 04 2007 under Programming|| Tags: toolbox javascript popular list Javascript frameworks have exploded on the scene over the last few years but they're no replacement for a good toolbox: those little snippets of code you seem to include in every single project. Here's my list of 10 essential Javascript tools everyone should have at their fingertips! #0 - Trim. Trim is one of the things that leave you scratching your head wondering why it was never included in the language to begin with. Thanks to prototyping however it's fairly easy to make up for the original oversight. String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g,""); } String.prototype.ltrim = function() { return this.replace(/^\s+/g,""); } String.prototype.rtrim = function() { return this.replace(/\s+$/g,""); } Usage… var test = " Test "; var test1 = test.ltrim(); // returns "Test " var test2 = test.rtrim(); // returns " Test" var test3 = test.trim(); // returns "Test" #1 - Numeric Sort.

Computing Your Skill Summary: I describe how the TrueSkill algorithm works using concepts you’re already familiar with. TrueSkill is used on Xbox Live to rank and match players and it serves as a great way to understand how statistical machine learning is actually applied today. I’ve also created an open source project where I implemented TrueSkill three different times in increasing complexity and capability. In addition, I’ve created a detailed supplemental math paper that works out equations that I gloss over here. Feel free to jump to sections that look interesting and ignore ones that seem boring. Introduction It seemed easy enough: I wanted to create a database to track the skill levels of my coworkers in chess and foosball. But, there’s a problem. Machine learning is a hot area in Computer Science— but it’s intimidating. “Not knowing something doesn’t mean you’re dumb— it just means you don’t know it.” Skill ≈ Probability of Winning Skill is tricky to measure. What Exactly is Probability Anyway? See?

A library of DHTML and Ajax scripts -