I had never seen an implementation, with only XHTML and jQuery as a library could accomplish something so advanced and functional, which undoubtedly enrich the user experience without sacrificing usability.

Seeking resources jQuery, I ran into a tutorial that shows how to implement an audio player with jQuery.

This tutorial yensdesign.com and publish it in the most advanced design is highlighted by its interface, as this can be used via keyboard shortcuts and mouse support Gestures. With this feature, we can change with just a song click and move the mouse, so to increase the volume.

Demo

View Tutorial

Free Rich Text Editor is an extremely easy to use FREE javascript based HTML WYSIWYG editor for your website, it can easily be implemented into any existing content management system or other web application with no knowledge required in programming or javascript.

Only 3 lines of code required to set up the editor. It also now outputs as XHTML compliant code!

Compatibility: Firefox 1.5+, IE 6, 7, Opera 9, Safari 1.3+

Website: http://www.freerichtexteditor.com

Demo: http://www.freerichtexteditor.com/index.php?inc=demo/index

Download: http://www.freerichtexteditor.com/download/

ScribeFire Blog Editor 3.1.6

ScribeFire is a full-featured blog editor that integrates with your browser and lets you easily post to your blog. You can drag and drop formatted text from pages you are browsing, take notes, upload images, and post to multiple blogs.

Download

Rank Checker

Want to know where your website ranks in the search results? This Firefox Rank Checker extension allows you to easily check your website rankings in Google (US and international), Yahoo, and Microsoft Live search.

Download

Read the rest of this entry »

Animated JavaScript Slideshow is a free & lightweight script to display images with style.

It simply turns an unordered list into a gallery which can be customized easily.

You can set it to auto-display the images or it can be browsed manually with the prev-next buttons.

The slideshow provides several other controls like:

• Speed of the slideshow
• Information to be displayed or not
• Opacity of the images & more..

P.S. It does not require any JavaScript library.

Compatibility: All Major Browsers
Website: http://www.leigeber.com/2008/12/javascript-slideshow/
Demo: http://sandbox.leigeber.com/javascript-slideshow/

Its a small, customizable plugin for scrolling elements or the window itself.

Links

• Project Page
• Demo
• Changelog

Downloads

• jQuery.ScrollTo 1.4 Zip(all files and docs)
• jQuery.ScrollTo 1.4 Source(to learn or test)
• jQuery.ScrollTo 1.4 Minified(recommended)

A visual example of each setting, is shown in the demo.
I really advice using the minified versions. The code is optimized for those releases. Source versions should only be used to learn.

Enjoy animated scrolling with jQuery.

Corpocrat is presenting 2 simple & handy editors:

• Markup editor
• BBCode editor

They both convert a textarea into an editor & they are lightweight (<5kb).

Links & images are inserted with an alert window rather than a HTML popup.

And, they are free to be used in both personal & commercial projects.

Compatibility: All Major Browsers
Website: http://corpocrat.com/2008/12/18/free-wysiwyg-textare…
Website 2: http://corpocrat.com/2008/08/15/free-wysiwyg-bbcode-…
Demo: http://php-login-script.com/taeditor/demo.htm

Funeral for Mohsin Naqvi at al-Fatima Islamic Center

Imam Hashim Raza leads mourners in prayer during a funeral for Mohsin Naqvi at al-Fatima Islamic Center in Colonie, N.Y., Monday, Sept. 22, 2008. Naqvi was a Muslim, a native of Pakistan (he emigrated to the U.S. with his family when he was 8 years old and became a citizen at 16) and a U.S. Army officer. He was killed by a roadside bomb while on patrol in Afghanistan. (AP Photo/Mike Groll)

Xuecheng Martial Arts School in Zaozhuang

Students practice martial arts at Xuecheng Martial Arts School in Zaozhuang, Shandong province, China on June 11, 2008. Around 300 students from all over the nation, aged from 5 to 17 years old, receive martial arts training as well as cultural courses at this school, local media said. (REUTERS/China Daily)

China Central Television headquarters building

In this Jan. 23, 2008, the construction site of the new China Central Television headquarters building is seen in Beijing. The building’s two angled towers were connected in December to form a continuous loop of horizontal and vertical sections. The 230 meter (755 foot) building, one of Beijing’s tallest, houses more than 10,000 staff. (AP Photo/Greg Baker)

A Bull Sarcophagus

A bull sarcophagus in which a member of the Ubud royal family was cremated burns during the funeral ceremony Tuesday July 15, 2008 in Ubud, Bali, Indonesia. (AP Photo/Ed Wray)

Read the rest of this entry »

As every user has different screen resolutions & browsers can be resized to custom sizes, the browser won’t generate scrollbars at Flash movies with 100% sizes and possibly a part of the content may not be shown to the user.

swffit is a script that that resizes your flash movie automatically if your browser window size is smaller or greater than your flash minimum desired size to keep it accessible.

How to use it?

• Include swffit.js to your webpage
• Call the function: swffit.fit("my_flash", 1000, 590);
• That’s all

swffit can also be controlled with an API including enabling/disabling it or adding functions when it is activated & more.

Website: http://swffit.millermedeiros.com/
Demo: http://swffit.millermedeiros.com/example.html

Ferdinand.Slider is a Prototype extension for creating simple image slideshows.

It uses a JSON file at any location as the data source which makes it possible to integrate with Flickr or similar services easily.

The extension has several options to set:

• duration of effects
• duration of image transition
• opacity
• background
• prev-next buttons & more.

It is also possible to add more features (like a menu) to the slider as it can be controlled from outside with commands like slider.Next(), slider.Prev().

Requirements: PrototypeJS 1.6.0.3+ & Scriptaculous 1.8.2+
Compatibility: All Major Browsers (except IE7)
Website: http://ferdinand.rs/javascript/ferdinandslider

JavaScript, with the rise of Ajax, is definitely a must-know-well for every web designer/developer.

Besides form controls, alerts & similar simple JavaScript usage, you can almost do anything with the help of JavaScript (& Canvas). Some samples are:

• Drag’n drops
• Animations
• CSS manipulations, Ajax & more.

And there are JavaScript libraries which make them easier like jQuery, MooTools, Prototype, etc.

For any developer looking for advanced JS techniques, games are a real treasure.

You can easily see examples of animations, interactivity, smart solutions for browser related math functions & so.. And they are definitely a source of inspiration as you sometimes face with a feature that you never thought could be existed.

Also, this is the last month of a busy year & every web designer/developer deserves some fun : ).

So, here are 25 amazing (sometimes not the game itself but how beautifully it’s done) JavaScript games that you’ll love.

Bunny Hunt

A classic hunting game with an easy to play interface.

Make sure you check the source of the website to see how simply it is built with the power of XHTML, CSS & JavaScript.

JavaScript Library: none.

Travians

A character game (like Sims) where you’re a villager.

It is a multiplayer game & totally Ajaxed. You can move your character, communicate with other user & more.

JavaScript Library: xajax.

Read the rest of this entry »