WP Skinner is a website that contains free Wordpress themes releases, WP tips, tutorials covering Wordpress plugins and hacks to extend it - and apart from the Moi Magazine theme they have released one other attractive Wordpress theme named New York.

The Moi Magazine Wordpress theme has an appearance of functionality and a clean but not minimalistic look with clear colors. It should have an audience in affiliate marketers, private bloggers and people who like clean but colorful themes.

Moi Magazine Features

Moi Magazine Wordpress theme features - for a more complete list you can go HERE.

• Fully WP 2.8.5 support
• Fixed Width
• Jquery powered Random posts on homepage
• Thumbnail support for homepage and posts
• Recent posts with Thumbnails
• Supports comments threading and paging
• Sidebar 125 x 125 ads support
• Email subscription form available
• Social icons integrated
• Jquery Lavalamp menu installed
• Admin options page to adjust basic settings

The theme is released under GPL. It can be used for all your projects for free and without any restrictions and you may modify the theme as you wish. Read more about GPL.

Moi Magazine - Download & Demo Links

• Moi Magazine Demo
• Download Moi Magazine Theme

In this article you will find 40 useful JavaScript Tools with examples (where available) to help you with your coding process - including some JavaScript and AJAX frameworks.

The tools are both browser based and online. IE 8 tools are not so well represented in this list, but every installation of IE 8 comes with the Developer Tools - this introduces you to features of the Developer Tools: Discovering Internet Explorer Developer Tools.

LIST CONTENT

• Browser Based Debugging Tools
• Online Debugging Tools
• JavaScript Testing
• AJAX And JavaScript Authoring Tools
• Editors And IDE
• JavaScript Compressors
• HTTP Monitoring
• JavaScript Documentation Tools
• JavaScript Cheat Sheets
• Miscellaneous

We tried to include example links to every post, but although some of the authors make excellent JavaScript tools they make very poor examples. This means that some of the example links are not of the quality we would wish.

JavaScript Debugging And Testing Tools

Browser Based Debugging Tools

1. Firebug
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
View Example

2. Firebug Lite
Firebug Lite - a JavaScript file you can insert into your pages to simulate some Firebug features in browsers that are not named “Firefox”. Firebug Lite creates the variable “firebug” and doesn’t affect or interfere with HTML elements that aren’t created by itself.
View Example

3. Venkman JavaScript Debugger
Venkman is the code name for Mozilla’s JavaScript Debugger. Venkman aims to provide a powerful JavaScript debugging environment for Mozilla based browsers.
View Example

4. NitobiBug - Browser Based Debugger
It’s a browser-based JavaScript object logger and inspection tool (similar to Firebug). NitobiBug runs across different browsers (IE6+, Safari, Opera, Firefox) to provide a consistent and powerful tool for developing rich Ajax applications.
View Example

5. Opera Dragonfly
Opera Dragonfly is a cross device, cross platform debugging environment for the Opera browser-debug JavaScript, inspect and edit CSS and the DOM, and view any errors on your mobile or computer.
View Example

6. DebugBar - IE Extension For Web Developers
View DOM Tree and modify tags attributes and CSS attributes on the fly to test your page, view JavaScript functions for easier debugging, CSS inspector and more.
View Example

Top

Online Debugging Tools

7. JS Bin - Collaborative JavaScript Debugging
A web-application specifically designed to help JavaScript and CSS folk test snippets of code, within some context, and debug the code collaboratively. Allows you to edit and test JavaScript and HTML (reloading the URL also maintains the state of your code - new tabs doesn’t) - once you’re happy you can save.
Start Application

8. JSON Formatter And Validator
The JSON Formatter was created to help with debugging. As data expressed as JSON is often written without line breaks to save space, it became extremely difficult to actually read it. This tool hopes to solve the problem by formatting the JSON into data that is easily readable by human beings.
Start Application

Top

JavaScript Testing

9. YUI Test - Testing Framework
YUI Test is a testing framework for browser-based JavaScript solutions. Using YUI Test, you can easily add unit testing to your JavaScript solutions.
View Example

10. JSLint - The JavaScript Code Quality Tool
An online JavaScript program that looks for problems in JavaScript programs. JSLint takes a JavaScript source and scans it - if it finds a problem, it returns a message describing the problem and an approximate location within the source.
Start Application

11. FireUnit - JavaScript Unit Testing Extension
FireUnit provides a simple JavaScript API for doing simple test logging and viewing within a new tab of Firebug. FireUnit is a Firefox/Firebug extension.
View Example

12. SugarTest - JavaScript Testing
Makes it easy to write elegant and understandable JavaScript tests. Its API is inspired by both RSpec, Shoulda and jQuery. It works as a DSL running on top of JsUnitTest.
View Example

13. JSpec - JavaScript Testing Framework
JSpec is an extremely small, yet powerful testing framework. Helpful shorthand literals, a very intuitive/readable syntax, as well as not polluting core object prototypes.
View Example

Top

AJAX And JavaScript Authoring Tools

14. Google Web Toolkit - Google Code
Google Web Toolkit (GWT) allows developers to quickly build and maintain complex yet highly performant JavaScript front-end applications in the Java programming language. Write your AJAX front-end in the Java programming language which GWT then cross-compiles into optimized JavaScript that automatically works across all major browsers.
View Example

15. JQuery UI - ThemeRoller
jQuery UI is jQuery’s user interface library - jQuery UI provides a comprehensive set of core interaction plugins, UI widgets and visual effects that use a jQuery-style, event-driven architecture and a focus on web standards, accessibility, flexible styling, and user-friendly design.
View Example

16. Jx - JavaScript Library
JxLib is a JavaScript library for creating graphical user interfaces based on the MooTools library. The site provides access to the library as well as documentation and examples.
View Example

17. Script# - AJAX And JavaScript Authoring Tool
Script# is a tool that enables developers to author C# source code and subsequently compile it into regular script that works across all modern browsers.
View Example

18. Aptana Jaxer - The JavaScript Server
Aptana Jaxer allows developers to use their AJAX, HTML, JavaScript and DOM knowledge to create server-side-powered Web applications. You have the option of either installing Jaxer as a standalone web server on your computer, or using the Jaxer server that is automatically bundled with Aptana Studio.
View Example

Top

Editors And IDE

19. Komodo Edit - Free Open Source Dynamic Languages Editor
Komodo Edit supports PHP, Python, Ruby, Perl and Tcl, plus JavaScript, CSS, HTML and template languages like RHTML, Template-Toolkit, HTML-Smarty and Django.
View Example

20. Spket IDE - JavaScript Editor
Spket IDE is a toolkit for JavaScript and XML development. The JavaScript editor provides features like code completion, syntax highlighting and content outline that helps developers productively create JavaScript code. Free for non-commercial use.
View Example

21. Aptana Studio
Aptana Studio is a complete web development environment that combines powerful authoring tools for HTML, CSS, and JavaScript, along with thousands of additional plugins created by the community.
View Example

Top

Documentation And Code Optimization

JavaScript Compressors

22. YUI Compressor
The YUI Compressor is JavaScript minifier designed to be 100% safe and yield a higher compression ratio than most other tools. Also able to compress CSS files.
View Example

23. ShrinkSafe - The Dojo Toolkit
The Dojo compressor is based on Rhino, a JavaScript engine from the Mozilla project. Being based on a real parse stream, the Dojo compressor can get a better idea for the context of a token than the regular-expression based tools.
View Example

24. Packer - JavaScript Compressor
One of the most widely used tools to minify JavaScript code is Dean Edwards’ Packer. The packing algorithm is forgiving of all forms of JavaScript with one exception. You must correctly terminate all JavaScript statements with semi-colons.
View Example

Top

HTTP Monitoring

25. Tamperdata - Firefox Extension
View and modify HTTP/HTTPS headers and post parameters, trace and time http response/requests and security test web applications by modifying POST parameters.
View Example

26. Fiddler
Fiddler is a Web Debugging Proxy which logs all HTTP(S) traffic between your computer and the Internet. Fiddler allows you to inspect all HTTP(S) traffic, set breakpoints, and “fiddle” with incoming or outgoing data.
View Example

Top

JavaScript Documentation Tools

27. jGrouseDoc
jGrouseDoc allows developers manage and document code comments using a format similar to Javadoc’s. Allows documenting of JavaScript classes, regardless which approach or framework is being used for it - be it Prototype, Dojo, jGrouse or any other.
View Example

28. JsDoc Toolkit
JsDoc Toolkit is an application, written in JavaScript, for automatically generating template-formatted, multi-page HTML (or XML, JSON, or any other text-based) documentation from commented JavaScript source code.
View Example

29. ExtDoc- JavaScript Comments Processor
ExtJS library has a specific JavaScript documentation style - ExtDoc parses JavaScript source files and creates template-based output. Support for custom tags and fully templated output.
View Example

Top

JavaScript Cheat Sheets

30. JQuery 1.3 Visual Cheat Sheet
jQuery Visual Cheat Sheet is a practical reference to jQuery 1.3 for web designers and developers. This cheat sheet contains the full jQuery API reference with detailed descriptions and some sample code.
View Example

31. jQuery Selectors
Understanding jQuery selectors is the key to using the jQuery library most effectively. This reference card puts the power of jQuery selectors at your very fingertips.
View Example

32. jQuery 1.3 Cheatsheet
This cheat sheet is a quick reference by Oscar Otero to functions and properties in the jQuery 1.3 library.
View Example

33. MooTools 1.2 Cheat Sheet
It includes documentation for Core, Native, Class, Element, Utilities and Request.
View Example

34. Prototype 1.6.0.2 Cheat Sheet
Prototype cheat sheet released by kangax - a full reference.
View Example

35. Dojo 1.3 Base API Cheat Sheet
A cheat sheet designed by Kyle Hayes but with full API generation by phiggins over at #dojo - fully compatible with Dojo 1.3.
View Example

36. JavaScript Cheat Sheet
A quick reference guide for JavaScript, listing methods and functions, and including a guide to regular expressions and the XMLHttpRequest object.
View Example

Top

Miscellaneous

37. DamnIT - A Free JavaScript Error Reporting Service
DamnIT makes it simple for beta testers to provide useful feedback by prompting them after an error occurs and combining their response with error message, file, line number, and back-trace information. You’ll receive detailed automated error information instead of vague bug descriptions.
View Example

38. Online JavaScript Beautifier
This beautifier can process your messy or compacted JavaScript, making it all neatly and consistently formatted and readable.
Start Application

39. HTML To JavaScript Convertor
The online HTML to JavaScript convertor takes your markup and converts it to a series of document.write() statements that you can use in a block of JavaScript.
Start Application

40. Glimmer - JQuery Interactive Design Tool
Glimmer allows you to easily create interactive elements on your web pages by harnessing the power of the jQuery library. Without having to hand-craft your JavaScript code, you can use Glimmer’s wizards to generate jQuery scripts for common interactive scenarios.
View Example

41. Jsfuzzer -Browser Based JavaScript Fuzzer
This fuzzing tool allows fuzzing of events, tags, styles and HTML attributes. You can use incomplete tags with various depth and randomize case of all parameters. It also contains a database of all new attack vectors gathered.
View Example

42. JavaScripTools
JavaScripTools is a set of JavaScript components, functions and classes to make the web developer’s life easier. Most modern browsers, like Firefox, Internet Explorer, Opera and Konqueror are supported.
View Example

43. JavaScript Tools Guide - PDF By Adobe Systems
This document provides information about the JavaScript features, tools, and objects that are common to all Adobe applications that support JavaScript.
View Example

Top

The resources are not in any particular order and as usual you decide what resource fits best for your purposes. Cashrevelations.com is not affiliated with any of the authors.

• Part One: 100 Ajax And JavaScript Techniques

Facebook Exodus is the title of an article in New York Times by Virginia Heffernan. In the beginning of the article she points out: “The exodus is not evident from the site’s overall numbers. According to comScore, Facebook attracted 87.7 million unique visitors in the United States in July. But while people are still joining Facebook and compulsively visiting the site, a small but noticeable group are fleeing”.

The article tells five stories about individuals who left Facebook for different reasons. One felt she was spending too much time on the website, another felt his privacy was violated by Facebook.

Virginia Heffernan ends the article with the question “is Facebook doomed to someday become an online ghost town, run by zombie users who never update their pages?”.

• Facebook Exodus - NYTimes.com

Wikipedia: JavaScript is an object-oriented scripting language used to enable programmatic access to objects within the client application and other applications.

There is a lot you can do with JavaScript - form validation, stylish navigation, amazing slideshows, tool tips, interactivity and more can be achieved with some JavaScript code.

Cashrevelations.com presents 100+ Ajax and JavaScript techniques with demos that can make your websites visually and interactively more interesting or user friendly. They are all more or less easy to configure, but perhaps this is not the first thing you should do if you just have learned to build websites - but on the other hand, It doesn’t harm to try.

LIST CONTENT

• General Navigation
• Traditional Menus
• Forms And Auto-Complete
• Form Validation And Hints
• File Upload
• Tables
• Tool Tips And Boxes
• Calendars And Timelines
• Image Previewing
• Slideshow
• Lightbox
• Image Effects
• Image Cropping
• Content Sliders
• Interactivity And Communication
• Miscellaneous

MooTools, jQuery, Prototype and script.aculo.us are among the techniques represented in this list and we have tried to categorize them in a practical and easy searchable way.

Navigation

General Navigation

1. Filterable Portfolio with jQuery
In this tutorial, Trevor Davis, a 25 year old front-end developer, will show you how to make “filtering by category” a little more interesting with just a little bit of jQuery.
View Demo

2. jQuery ListNav Plugin
This jQuery plugin supplies an easy way to unobtrusively add a letter-based navigation widget to any UL or OL list. An easily stylable nav bar appears above the list, showing the user the letters A-through-Z. Clicking one of the letters filters the list to show only the items in the list that start with that letter.
View Demo

3. Ext Accordion
The Accordion widget and its InfoPanel are components that use the Ext JS Library. It can be used for page navigation, tool windows, hide-able details, log-in forms, options dialogs, sticky notes and more.
View Demo

4. Yetii – Yet (E)Another JavaScript Tab Interface
Yetii is a functional tab interface implementation. It has lightweight, object-oriented code and degrades gracefully in browsers without JavaScript-support. You can have many independent tab interfaces on a single page, specify initial tab, turn on automatic tabs rotation, add next/previous navigation, nest one tab interface inside another and define custom function to run after certain tab is clicked.
View Demo

5. Apple Style Menu Improved With jQuery
How to create a similar main navigation like the one of kriesi.at - a so called kwicks menu. Build an Apple-flavored Leopard-text-indent style menu from scratch in Photoshop, then create the needed HTML and CSS and last but not least improve it via jQuery.
View Demo

6. Jquery Fade In And Fade Out
A fade in fade out effect - the effect fades an element to 30% on arrival of the website, then when you hover over it, it fades to 100%. The effect can be assigned to basically anything in a website whatever it be an image, text, a link or even a div.
View Demo

7. Morph Effect On Mouseenter And Mouseleave With Mootools 1.2
In this tutorial, you will see how to add some amazing effects to an unordered list on mouseover with the Element Method: morph and to make the whole list item region clickable with Mootools - and turn it into something fun to click.
View Demo

8. Ajaxify - JQuery Plugin
Ajaxify can convert all links in a web page into an ajax load and submit requests. You can build a complex ajax website with one single line. Some features are Ajax GET and POST requests, history and bookmarking support, animations and more.
View Demo

9. Sliding Boxes And Captions With JQuery
All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of your choosing “peek” through.
View Demo

10. Accordion And Hover Effects With JQuery
This tutorial video (QuickTime version is 60Mb - flash version is streaming) explains how the accordion and hover effects on Tim Van Damme’s site can be achieved using jQuery.
View Demo

11. Outside The Box - Navigation
Just about every website uses the regular navigation concepts we’re all used to. After a while this can get pretty boring, especially for designers who thrive on creativity. While mimicking the OS X dock and stacks isn’t new, it’s certainly not common.
View Demo

12. Powerful Product Highlighter With MooTools
This tutorial will help you to create a flexible tool for highlighting your sites products or services using the MooTools JavaScript framework - a clever rollover mechanism that works well as a product highlighter.
View Demo

Top

Traditional Menus

13. jQuery Context Menu Plug-In
A context menu plugin for jQuery that features easy implementation, keyboard shortcuts, CSS styling, and control methods. It was designed to make implementing context menu functionality easy and requires minimal effort to configure.
View Demo

14. Smooth Animated Menu With jQuery
In this tutorial Zach Dunn will teach you how to build a nice jQuery menu with a smooth transition animation effect.
View Demo

15. Fading Menu – Replacing Content
When a menu item is selected, its graphic is shown at full opacity and its corresponding content area is shown, while the other menu items are faded and their content areas hidden. With jQuery, you can fade in the menu item being clicked, fade out all other menu items, display the corresponding content area and hide all the other.
View Demo

16. e24TabMenu – Drop down AJAX Menu
e24TabMenu is a plugin written for scriptaculous. In this tutorial Alfredo Artiles teaches you how to make a nice tab menu that expands and collapses smoothly.
View Demo

17. A Different Top Navigation
In this tutorial you will use jQuery to create a different multi-layered horizontal navigation system that is still intuitive enough for anyone to use for the first time.
View Demo

18. SpriteMenu
This is a method of putting together a nice-looking menu in a very quick and easy way. It uses a technique known as CSS Sprites. The menu is displayed by manipulating the background-position property to display individual sprites in the image.
View Demo

19. Image Menu
A horizontal menu that reveals more of the image as you rollover it. Features 2 optional onClick events (open and close), href passed to onClick events, stays open when clicked, closes when clicked and selects item to pre-open.
View Demo

20. Proto.Menu - Prototype Based Context Menu
Proto.Menu is a simple and lightweight prototype-based solution for context menu functionality on your page. Plays nice with JS turned off and menu styling can be easily defined in external stylesheet.
View Demo

Top

Forms And Tables

Forms And Auto-Complete

21. Changing Form Input Styles On Focus With jQuery
This tutorial will show you how to spice them up with CSS classes and default values that change according to which form item is selected. All with just a splash of jQuery.
View Demo

22. FancyForm
FancyForm is a powerful checkbox replacement script used to provide the ultimate flexibility in changing the appearance and function of HTML form elements. It’s accessible, easy to use and degrades gracefully on all older, non-supporting browsers.
View Demo

23. Incredible Login Form With jQuery
One struggle that still remains today in web design is displaying all of the redundant information on every page. For example, a login form. What if there was a way to easily make the content accessible on every page, but keep it hidden until needed? Well you can, by making a top panel that when clicked, will reveal its self and its content.
View Demo

24. Editable - JQuery Editable Plugin
This is a real customizable jQuery editable plugin. Currently it can convert any tag to text input, password, textarea, drop-down list. You can easily extend it by adding your own input type using its editableFactory object.
View Demo

25. Google Suggest Style Filter - AutoComplete Control
Create a Google Suggest-style filter with AutoComplete Control. AjaxControlToolkit’s AutoComplete control can be used with a data grid.
View Demo

26. Autocomplete - JQuery Plugin
Autocomplete an input field to enable users quickly finding and selecting some value, leveraging searching and filtering. By giving an autocompleted field focus or entering something into it, the plugin starts searching for matching entries and displays a list of values to choose from.
View Demo

27. Auto Complete To Your Google Custom Search Engine
This tutorial will show you how to use the “Popular Queries” feed from your Google Custom Search Engine (CSE) as a data source for a jQuery autocomplete.
View Demo

28. Ajax Fancy Captcha - JQuery Plugin
Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages from bots and spammers. Captcha’s security level is medium, with the emphasis on nice looking and user friendly qualities while still offering reasonable protection from unwanted “guests”. Basic design and its elements are easy to change and customize.
View Demo

29. Proto! - TextboxList Meets Autocompletion
This is the Prototype version of the extended script by Guillermo Rauch. As with the previous script, this script has been converted and operates like the original.
View Demo

Top

Form Validation And Hints

30. Using Input Values As Hints
Give your visitors a hints on what to write in textfields. Each of the fields auto-clear when the user clicks it. If nothing at all is entered, the hint reappears once the visitor decides to move away.
No Demo

31. FormCheck
FormCheck is a MooTools class that allows you to validate a form by performing different tests before submission - installation tutorial and examples.
View Demo

32. fValidator
fValidator is a free, open-source and unobtrusive JavaScript tool for handling form validation easily.
View Demo

33. Custom Form Elements
This CFE script enhances form elements including radio buttons, checkboxes, file upload, textfield, textarea, images and the select, submit and reset buttons.
View Demo

Top

File Upload

34. FancyUpload - Swiff Meets Ajax
FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup and styleable via CSS and XHTML and uses MooTools to work in all modern browsers.
View Demo

35. Uploadify - JQuery File Upload Plugin Script
Uploadify is a jQuery plugin that allows the easy integration of a multiple (or single) file uploads on your website. An array of options allow for full customization for advanced users, but basic implementation is so easy that even coding novices can do it.
View Demo

36. Multiple File Uploader - Mootools Version
A script that allows you to create a form in which your visitors can upload more than one file using MooTools.
View Demo

37. Extension - UploadForm
The Ext UploadForm is Ext.form.BasicForm extension for easy upload of (multiple) files to a server. The files are added to a queue first then they are uploaded to the server. Files can be removed from queue individually before upload or whole queue can be cleared. Result of upload is shown for each file by the success or failure icon.
View Demo

Top

Tables

38. TinyTable JavaScript Table Sorter
Easy to use JavaScript table-sorting script. Features column highlighting, optional pagination, support for links, date/link parsing, alternate row highlighting, header class toggling, auto data type recognition and selective column sorting.
View Demo

39. JavaScript Tabifier
Automatically creates an HTML tab interface using plug-and-play JavaScript. Does not require you to set up a list of links, or anchors for the tabs, and you can use CSS to customize the appearance of the tabs.
View Demo

40. Accessible Charts And Graphs From Table Elements
The plugin provides a simple method for generating bar, line, area, and pie charts from an HTML table, and allows you to configure them in a variety of ways.
View Demo

41. Table With Dynamically Highlighted Columns
When you click on “Sign Up” for an option on Crazy Egg’s pricing table, that plan’s column highlights, the other plans vanish, and a signup form takes their place. There is a number of impressive things happening within this small area. The CSS Guy wanted to try and recreate the behavior step by step, and share the power of combining CSS, JavaScript, and images in clever ways.
View Demo

42. TableGear
TableGear is a software package for working with data on the web. It is designed get your data into a web page, and let you work with it quickly and easily, the way you would in powerful desktop applications like Excel.
View Demo

Top

Tool Tips And Boxes

43. Duplicate the jQuery Homepage Tooltips Using MooTools
The jQuery home page has a pretty suave tool tip-like effect, as seen above. Here’s how to accomplish the same effect using MooTools.
View Demo

44. qTip - The jQuery Tooltip Plugin
qTip is an advanced tooltip plugin for the jQuery JavaScript framework. Built from the ground up to be user friendly, feature rich, qTip provides you with tonnes of features like rounded corners and speech bubble tips.
View Demo

45. MooTooltips - JavaScript Tooltips With MooTools
MooTooltips can display tooltip messages from HTML elements, Ajax calls or text added manually. Tooltip parameters can be passed either when instantiating the class or on the rel element parameter.
View Demo

46. Coda Popup Bubbles
In this tutorial you will learn how to create Coda’s ‘puff’ pop-up bubbles, shown when you mouse over a downloadable image. This effect can be perfected by changing the initial reset code to read from the trigger element and approximate it’s position.
View Demo

47. Prototip 2
Prototip allows you to easily create both simple and complex tooltips using the Prototype JavaScript framework. You can easily customize it, control the tool tip position and get configurable rounded corners (with no PNG images required).
View Demo

48. Better Tooltip With JQuery
Browsers will automatically display a tooltip when you provide a title attribute. In this tutorial Jon Cazier is going to show you how to quickly write a jQuery plugin that will replace the typical browser tooltip with something a little flashier.
View Demo

49. MoreCSS
An easy to use, lightweight and fast JavaScript toolkit/library with CSS syntax for common things. With only 8 KB and it’s CSS like syntax MoreCSS is perfect for all the daily JavaScript things: popups, tabs, tooltips and more.
View Demo

50. jQuery And Autosuggest Search Engine
FaceBook Like – jQuery and autosuggest Search Engine. Features autosuggest and ajax support, support search plugins, support cache and cross browser support.
View Demo

51. Facebook-Style Modal Box Using MooTools
Facebook’s Modal box is one the best modal box around. It’s lightweight, subtle, and very stylish. David Walsh has taken Facebook’s imagery and CSS and combined it with MooTools’ awesome functionality to duplicate the effect.
View Demo

52. GlassBox
GlassBox is a lightweight JavaScript User Interface (UI) library, which uses Prototype and Script.aculo.us for some effects. GlassBox lets you easily build lucent borders, colorful layouts and “Flash-like” effects.
View Demo

Top

Calendars And Timelines

53. Elegant Animated Weekly Timeline
This tutorial explains how to design an elegant and animated weekly timeline, with daily annotations, you can customize and reuse quickly in your web projects.
View Demo

54. Unobtrusive Date-Picker Widget V4
This unobtrusive datePicker (calendar), which is accessible using the keyboard, requires no embedded JavaScript blocks, uses no pop-up windows and is suitable for use within documents served as application/XHTML+XML.
View Demo

55. Date Picker - jQuery Plug-In
Date Picker component with a lot of options. Date Picker allows users to easily select a date or range of dates. Some features are: multiple calendars; single, multiple and range selection; marking of special, weekend and special dates; an easy-to-customize look via CSS and more
View Demo

56. JQuery Interactive Date Range Picker With Shortcuts
Date Range Picker plugin uses jQuery UI 1.7 and the new jQuery UI CSS Framework. This plugin wraps the jQuery UI datepicker into an interactive component specifically designed for choosing date ranges.
View Demo

57. Calendar - A JavaScript Class For Mootools
Calendar is a JavaScript class that adds accessible and unobtrusive date-pickers to your form elements. Features highly configurable inputs and selects, multi-calendar support, variable navigation options and multi-lingual and fancy date formatting.
View Demo

58. Scrollable Timelines
Making use of the overflow and scrollLeft DOM property to scroll elements is a much more effective use of the CPU, over animating using CSS top/left. This tutorial demonstrates the same effect used in two completely different ways.
View Demo

59. MooGenda - JavaScript Calendar Based On MooTools
MooGenda is a calendar based on MooTools, that reads events from JSON requests. Supports double click on event to see the deafult event view and features also drag and drop event in month view, drag and drop and resize event in diary view and every change send a request to back end (to store when and what changed in the event).
View Demo

60. MooTools Events Calendar
The MooTools Events Calendar is a JavaScript calendar class that was built using the MooTools framework - the calendar supports week/day/month view and the addition of events.
View Demo

Top

Image Handling And Sliders

Image Previewing

61. imgPreview - jQuery Plug-In
The ‘imgPreview’ plugin allows your users to preview an image before clicking on it and, out of necessity, will preload the image so when a user does click through to it there is no waiting time. The image preview shows up in a tooltip-like box appearing alongside the user’s cursor when hovering over a link.
View Demo

62. SlideItMoo - Image Slider
SlideItMoo is a banner and image slider developed with MooTools. The image slider supports continuous sliding when navigating, offers the possibility to set how the slider will slide (from left or from right) when used with the auto slide feature on, offers the possibility to give it the item width (width of the slider’s items) and let it display the elements according to that width and the visible items parameter.
View Demo

63. Fancy Thumbnail Hover Effect With JQuery
This is a thumbnail hover effect jquery and CSS tutorial. If you switch up the absolute potion coordinates, you can create various ways the hover effect pops out as well.
View Demo

64. FancyZoom Meet Prototype
FancyZoom uses Apple’s rounded corners and supports pretty much any HTML you can throw in a div (images, text, Flash, etc.). It was built using script.aculo.us and Prototype - it now works with any HTML already included on the page.
View Demo

Top

Slideshow

65. Moving Boxes
A jQuery slider with buttons to change panels, and the panels zoom in and out.
View Demo

66. Supersized – Full Screen Background/Slideshow jQuery Plugin
Supersized features include: cycles Images/backgrounds via slideshow with transitions and preloading, navigation controls allow for pause/play and forward/back, resizes images to fill browser while maintaining image dimension ratio.
View Demo

67. Animated JavaScript Slideshow
This dynamic JavaScript slideshow is feature packed and under 5KB. A few features include description support, link support, no naming restrictions, portrait image support, graceful degradation and active thumbnail status.
View Demo

68. Easy Slider 1.7 - JQuery Plugin
JQuery plugin for sliding images and content. Easy Skider features include: auto-slide, continuous sliding, “Go to first” and “Go to last” buttons, hiding controls, optional wrapping markup for control buttons, vertical sliding, multiple sliders on one page.
View Demo

69. Image Rotator With Description
Although there are many great plugins already, this tutorial will help you understand how the image rotator works and helps you create your own from scratch.
View Demo

70. BarackSlideshow
BarackSlideshow is a very tiny and lightweight slideshow script, that takes the power of MorphList to enhance visualization and navigation of the images.
View Demo

71. noobSlide - MooTools
An easy to install and flexible slider plug-in created by using MooTools. The download includes a ready page example.
View Demo

Top

Lightbox

72. Lightview - Overlay Anything With Style
Lightview was built to change the way you overlay content on a website. Designed to complement your content, and features include: smart image preloading, customization without CSS, adjustable rounded corners, no PNG required, resizing to always fit the screen and one-click slideshow.
View Demo

73. LightWindow
The ultimate modal window system, LightWindow, allows you to build your own theme, create mixed media galleries including flash, quictkime and images.
View Demo

Top

Image Effects

74. jParallax
jParallax turns a selected element into a ‘window’, or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse.
View Demo

75. swfIR - swf Image Replacement
Using JavaScript and Flash, swfIR gives you the ability to apply an assortment of visual effects to any or all images on your website.
View Demo

76. Animated Postcard With jQuery
In this tutorial we will learn the basics of setting up a continuous animation which can be applied pretty much anywhere. Sam Dunn will teach you the art of looping animations using setTimeout(), how to take advantage of the Easing plugin and a new way to spice up your banner.
View Demo

77. BBC Radio 1 Zoom Tabs
How to achieve the effect on the latest BBC Radio 1 website, where the mouse rolls over the image block, tabs slide up and the image zooms a little to reveal more of the picture.
View Demo

78. Animate Image Filling Up Using jQuery
Spruce up your website’s header by letting Sam Dunn teach you how to make an image appear to fill up with just a splash of jQuery and Photoshop.
View Demo

Top

Image Cropping

79. UvumiTools Crop
This simplified tool gives your users the ability to create a selection area that can be used to crop an image live on your web site. This is an extremely useful tool for any site that provides image hosting, for example.
View Demo

80. Jcrop - The jQuery Image Cropping Plugin
Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.
View Demo

Top

Content Sliders

81. Ultra Versatile Slider
In this tutorial Antonio Lupetti explains a simple step-by-step way to implement an ultra versatile slider with horizontal scrolling and animated effects using MooTools.
View Demo

82. Mootools Slider With Two Knobs
Mootools slider with two knobs (double pinned slider) with range indicator. You can easily change the look and feel of the range indicator, slider knob, the slider track by modifying the slider.css.
View Demo

83. Mootools CSS Styled Scrollbar
A small piece of JavaScript that creates a CSS-styled scroll bar from the MooTools “slider” class.
View Demo

84. AnythingSlider - JQuery Plugin
This new AnythingSlider is an attempt at bringing together the functionality of all of those previous sliders Chris Coyier created and adding new features. In other words, to create a really “full featured” slider that could be widely useful.
View Demo

85. Fantastic News Ticker Newsvine-Like Using Mootools
In this tutorial Antonio Lupetti teachs you how to in a simple way implement a Newsvine-like News Ticker (with news vertical scrolling) on your website.
View Demo

86. Amazon Books Widget With jQuery And XML
It makes sense to forgo database tables and server-side code when you need to store a limited amount of non-sensitive data. Accessing this data can be a snap with jQuery because the library was built to traverse XML documents with ease. With some custom JavaScript and jQuery magic you can create some interesting widgets. A good way to demonstrate this functionality is by building a browsable Amazon.com books widget.
View Demo

Top

Interactivity And Communication

87. Starbox - Rating Stars For Prototype
Starbox allows you to easily create all kinds of rating boxes using just one PNG image. The library is build on top of the Prototype JavaScript framework. For some extra effects you can add Scriptaculous as well.
View Demo

88. JQuery Plugin For Zoomable And Interactive Maps
A jQuery plugin for zoomable and interactive maps - the map was made to be as appealing as possible by using crisp graphics and smooth animations.
View Demo

89. Digg-Style Post Sharing Tool With JQuery
Kevin Liew will show you how to create a social bookmarking tool that looks similar to digg’s. He also includes the komodomedia’s social bookmarking icons and a long list of submission URL for one click bookmark.
View Demo

90. Ajax IM
Ajax im is a browser-based instant messaging client. It uses AJAX to create a near real-time IM environment that can be used in conjunction with community, intranet, and social websites. Demo usernames are “test”, and “test (1 to 4)”. Password is “test”.
View Demo

91. Drag To Share
We’ve all seen the brilliant functionality on Mashable where news stories and interesting articles can be shared to social networking sites; the functionality is driven by the images accompanying the articles; you click and hold on an image and can then drag it into a toolbar to share it. In this tutorial Dan Wellman is going to show you how you can replicate this behavior with jQuery and jQuery UI.
View Demo

92. Better Blogroll - Dynamic Fun With SimplePie And JQuery
A traditional blogroll is a simple list of other sites, often in the sidebar. Let’s improve upon the concept of a blogroll by not just listing sites, but dynamically pulling recent headlines from them, and using some fun jQuery animation.
View Demo

93. Twitter Friends And Followers Widget - JQuery Plugin
Here is a jQuery plugin that you can embed anywhere to display pictures of your Twitter followers or friends (whom you follow) and their latest tweets if you like.
View Demo

94. Search And Share
Search and Share makes highlighting text to a more functional action. More specifically, it attempts to understand the intention of a user’s text selection and presents a variety of options accordingly.
View Demo

95. Realtime Related Tweets Bar - JQuery Plugin
A real-time tweets bar related to your posts from your twitter timeline or from anybody or even limit it by a geocode coordinates. Features; show realtime related tweets based on your post tags, show your twitter timeline (related to your post or not), return only tweets with links or return all and more.
View Demo

96. jsDraw2D - 2D Graphics Library For JavaScript
This is a pure JavaScript library to draw 2D graphics on web pages inside web browser without using SVG or VML. JavaScript developers, web developers and webmasters can take advantage of the library to add graphics drawing functionality to their web applications or websites using the library.
View Demo

Top

Miscellaneous

97. Typeface.js - Rendering Text With JavaScript, <canvas>, And VML
Instead of creating images or using flash just to show your site’s graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally.
View Demo

98. FontEffect - JQuery Plugin
Font effect is a jQuery plugin that adds some effect to html text. The available effects are Outline, Shadow, Gradient and Mirror. No images are used for these effects and no additional CSS is necessary. All effects are contained in the plugin and do not interfere with page rendering in older browser or browser with JavaScript disabled.
View Demo

99. Ajax Page Loads Using MooTools Fx.Explode
When you click on any of the designated Fx.Explode elements, the elements “explode” off of the screen. Click again and they magically reappear.
View Demo

100. Step By Step - Show And Explain Visitors What Your Page Has For Them
You might have encountered interactive demos created with screencasting and screengrabbing software that explain an interface to users in a step-by-step manner. This is exactly what this script does for web sites.
View Demo

101. Music Player In JQuery
In this tutorial you create an amazing music player coded in xHTML and jQuery that made use of mouse gestures and hotkeys. You can click and drag with mouse to interact with interface’s music player or use directional keys and spacebar instead of mouse.
View Demo

102. Skype-Style Buttons Using MooTools
JQuery expert Janko Jovanovic dropped a sweet tutorial showing you how to create a Skype-like button using jQuery. David Walsh was impressed by Janko’s article so he decided to port the effect to MooTools.
View Demo

103. Folder Collapser For Dynamic Content
How to create a group of collapsible folders using pure JavaScript and some JQuery added to the final product to give it a little bit of flare. The code will be structured in such a way that allows for implementation into a dynamic page - wherein the number of folders may be unknown.
View Demo

104. Twitter-Like Load More Widget
Twitter uses a brilliant technique for loading more information; you click the link and fresh items magically appear on the screen. This tutorial teaches you to use AJAX, CSS, JavaScript, JSON, PHP, and HTML to create that magic. This tutorial will also feature both jQuery and MooTools versions of the script.
View Demo

105. Web 2.0 Document Search Site
In this tutorial we will create a document searching site with jQuery. This site will be used to search documents by specifying an extension (file type). The data is then filtered and sent to Google.
View Demo

Top

The resources are not in any particular order and as usual you decide what resource fits best for your purposes. Cashrevelations.com is not affiliated with any of the authors.

• Part Two: 40 JavaScript Tools

The script uses images uploaded for each individual post. If you don’t have an image in your blog post, a generic “No-Image” will be displayed instead. Note; the script only displays images embedded in the post.

The script is easy to install, if you follow the instructions and have some basic Blogger experience. You decide how many related posts should be displayed (up to 6) and the title above the related posts. The style can be customized by editing the CSS.

Demo & Download:

• Related Post Demo
• Related Post Script

ientry: It is difficult to know which tools to use for your website since there are so many options to choose from. Aaron Wall, the well-known author of SEOBook, explains his favorite tools in this video, which just might make your selection easier.

SEO Tools mentioned in the video:

• Search-based Keyword Tool
• Google Keyword Trends
• Google Search Insights
• Alexa
• Compete
• SEMRush
• KeywordSpy

Aaron Wall also mention the SEO Toolbar. If you want to know why Google or Yahoo! rank pages - this is the extension for you. According to Aron Wall, “the SEO Toolbar pulls in many useful marketing data points to make it easy get a holistic view of the competitive landscape of a market directly in the search results”.

If you are interested of SEO but feel a bit confused by all the new terms, then you should consider some free SEO tutorials produced by Aron Wall.

In Guide to Learning Search Engine Optimization you will learn how to rank in Google and other major search engines.

For those who don’t like reading or learn better through watching, Aron Wall created a series of video tutorials: Optimize Your Website Pages For Free and Optimizing Website Architecture For Search Engines are some of the subjects explained in these videos.

Other SEO Tools

We collected together a few other easy-to-use SEO tools that you might find useful. They are all free and require no registration from your side.

Backlink Builder
These tools search for websites of the theme you specify that contain keyphrases like “Add link”, “Add site”, “Add URL”, “Add URL”, “Submit URL”, “Add Article” etc. Most of the results could be quality potential backlinks.

Website Keyword Suggestions
These tools try to determine the theme of your website and provide keyword suggestions along with keyword traffic estimates - this will help you choose relevant keywords.

Free Broken Link Checker
Put your website or weblog home page URL in the input box and a little spider will read the html code and check for the broken links.

XML Sitemaps Generator
Free Online Google Sitemap Generator. Create an XML sitemap that can be submitted to Google, Yahoo! and other search engines to help them crawl your website better. Generate an HTML site map to allow human visitors to easily navigate on your site.

Advanced Google Searches
Search methods for SEO’s and advanced searchers. A useful resource for search engine optimization (especially keyword research) among other things.

If you want to know more about the basics and history of Search Engine Optimization a good start would be to read Wikipedia’s article on SEO - take also a look on the extensive Note section of the article, with links to more online SEO material.

5 Stylish CSS based designs which you can pick up and use right now for your business. These stylish templates can be customized entirely to your own measures and needs.

These templates are suitable for affiliate marketers and others who need a nice looking and effective presence on the web. The templates come with graphics and the PSD files.

The Stylish Web Templates Package Includes:

1. 5 editable Stylish Web templates
2. 5 editable CSS stylesheets
3. Template images in GIF formats
4. Template PSD files
5. Giveaway Rights
6. Resale Rights

It exist only two small restrictions. You can not sell Master Resale Right or Private Label Rights - apart from that, only your imagination or knowledge is the only limit on how to use the templates.

Free Download

The download of this package requires no registration or e-mail address.

• Download 5 Free Stylish Web Templates

The size of the download is 6 mb.

Download and uncompress the ZIP archive. If you have problems with uncompressing (unzip) the templates you could try an online tool like WobZip.org.

Open the file “OpenThis.html” in a browser (you can also browse through the folders) and choose your favorite template. Edit the HTML and CSS files in your favorite text editor.

More Template Downloads:

• Clean Landing Page Templates
• 20 Free Web 2.0 Templates
• Package - 12 Squeeze Page Templates

Found a video on YouTube by YourTango.com - a community for love, sex, dating, and relationship advice - on the subject Facebook Manners or as they self describe their video:

“Do you have good Facebook manners? Timmy and Alice don’t. Watch their bad behavior to learn the dos and don’ts of Facebook breakups.”

This is a well done and funny video in 1950’s style explaining some basic Facebook official or unofficial rules - in a humorous way.

Take some time and enjoy this video. If you are interested and have some time over you could also visit YourTango’s YouTube Channel or the YourTango Community.

People use Blogger in different ways and for various purposes. Many of the bloggers on Blogger don’t get the attention they deserve although they have very appealing blogs (see some examples below) with great and interesting content.

• Sarah’s Covenant Homes
• The Seeker
• Dolce far niente
• The V Factor
• 18thC Cuisine

Changing the look of your blog does not guarantee automatic success, but it does give you some advantage to build upon. And if changing the look of the blog is free and easy, why not giving it a try?

In this article we will change the appearance of your Blogger blog by using an extern template (not provided by Blogger). If you are a driven blogger, there’s no reason for you to continue to read - you could find something else to read on Cashrevelations.com. But if you just have begun to use Blogger, then this article could be for you.

Preparations

Remember to backup a copy of your current Blogger template. If something goes wrong or if the new template isn’t that great after all, it is possible you might like to change back to your current template.

How To Backup Your Template

1. Login to Blogger
2. After entering the Dashboard page - click Layout.
3. Then click edit HTML tab.
4. Click the Download Full Template link.
5. Choose where to save and name the file - click the Save button.
6. Finished - you have now a backup of your template

You could create a folder on your computer called “Blog Templates - Back-Up” and “Blog Widgets - Back-Up” or something similar. The important is to have some kind of system - templates and backups have a habit to be mysteriously absent when you really are in need of them. Do the same with all files which belong to your blog.

Bare in mind that once you upload a new template, all your widgets configurations can be lost. You can use Notepad and save your widgets configurations by the “copy and past” method. A tip is to take a screenshot of your widget configuration in the Layout section of your Dashboard - it will not save your configuration but at least it will help you to remember what widgets you use before you change the template.

Read More:
How to Back up Your Blogger Widgets
How To Download Or Backup Blogger Blogspot Posts And Comments

Find A New Blogger Template

If you search for “free blogger template” in Google you will get more results than you ever will have strength to go through. You have to ask yourself seriously what your practical and aesthetic needs are - and then choose from that.

A good idea is to keep it as clean as possible - cluttered templates with many widgets take time to load and can be extremely annoying and confusing.

Some Blogger Templates You Can Use For Free

1. Butterfly by Blogger Tricks
Butterfly is originally a Wordpress theme designed by Templates4all.com converted into Blogger format. The template comes with two sidebars in the left and the main column in the right side. The highlight of the template is the mind blowing vector header.

2. Pepper by Web2Feel
Pepper is a 3 column Blogger Template. The template was orginally a Wordpress theme designed by Jinsona of web2feel.com and then converted into Blogger format. The template has built-in spots for 125×125 ads. Suitable for personal and affiliate blogging.

3. Portfolio Press by Blog Oh! Blog
2 Columns and fixed width template. Designed for Wordpress by Blog Oh Blog and adapted for Blogger by Anshul Dudeja. A dark and clean Blogger template suitable for photography and personal pages. Could also be used for product portfolios.

4. Just News by Dhampire
2 Columns Blogger template with fixed width. Originally designed for Wordpress by New WordPress Themes and adapted for Blogger by Dhampire. The template has built-in spots for 125×125 and 468×60 ads and is suitable for affiliate marketers.

5. Whiteness by Quite Random
A minimalist and white 2 columns Blogger template with fixed width. The template is good looking and loads very fast - which is important if you want your visitors return on a regular basis. Developed by Fernando Coello on Quite Random.

Of course you can search for some other templates if you don’t like those above, there is a huge selection of both free and premium templates out on Internet. Just type in “free blogger template” in Google and you will have a lot to choose from.

Remember to extract (unzip) the archive with the Blogger template you just downloaded.

Read More:
Blogger Templates - Free Blogger Templates for your Blog
Free Blogger Templates - An extensive gallery of the best blog themes

Upload A New Template

Now when you have chosen a template you would like to use it’s time to upload the template to Blogger. It is not at all a complicated procedure and everybody with some basic Internet knowledge can do it.

Watch the tutorial video above and follow the instructions or read below (or do both). You can also watch the video on the Original YouTube Video Page.

How To Upload A New Template

1. Download and unzip the template file.
2. Login to your Blogger Dashboard.
3. Go to Layout, click Edit HTML.
4. Browse for the XML template file that you have just downloaded.
5. Click on the Upload button.
6. Confirm and save template

If you now view your blog you should see that the appearance has changed. Now you can add some widgets - but remember, do not add too much of them. A cluttered and slow blog is a sure way to scare off visitors.

If you really want a unique look on your blog then customizing the template is the option for you - small changes can make a surprisingly big difference. Amanda Fazani at Blogger Buster has a serial of articles on how to customize your Blogger Template. The tutorials explain in a fairly simple way how to do the customizations - you find the link below.

Read More:
A cheats’ guide to customising Blogger templates
How to Upload a Blogger Template on your Blogger Blog?

There are practical add-ons both for Internet Explorer and Firefox, but as you can see, the list of Firefox add-ons is far more extensive than for Internet Explorer because of the simple reason that Firefox has a lot more extensions to choose from. Surely Internet Explorer will have more tools in the close future, but at the moment the list seems poor compared against Firefox.

Wikipedia: An add-on consists of a computer program that interacts with a host application to provide a certain, usually very specific, function “on demand”.

We use Firefox on Cashrevelations.com because of the huge flexibility, and we recommend also others to download and discover Firefox. It will make your work easier and you will have free access to a library with more than 5000 extras that let you customize Firefox to meet your needs. Try Firefox for free HERE.

This is a list of 30+ (mostly Firefox but also Internet Explorer) browser add-ons that will help you to make your work a bit easier and much more effective. They will be a great addition to your virtual home office.

Socialize and Bookmark

Social networks have become more and more important for Internet entrepreneurs for many reasons. They are an excellent platform to present whatever you have to offer and if you are looking for traffic to your site they provide you with targeted quality hits.

With numbers like 300,000,000 registered users for Facebook and 263,920,102 registered users for MySpace it is easy to understand why you should be present there if you are Internet entrepreneur. You can find more about Social Networks HERE.

Bookmarking and Sharing Tools

1. Yoono - Socialize Your Browser
Yoono is an easy to use sidebar that helps you to simplify by connecting you to Facebook, MySpace, Twitter and more. Share links, images and video from the page you’re viewing across all your networks simultaneously - also includes a Discovery widget that helps you discover great new websites, products, and videos and then easily share them with your friends. Fits also to Internet Explorer 8.

2. Friendbar - The Twitter and Facebook Toolbar
Friendbar makes it easier to keep in touch with friends on Facebook and Twitter. It displays a running stream of text and photo updates from Facebook and Twitter right on the toolbar, and allows you to post updates, retweet, direct messages, and replies from the toolbar itself.

3. Facebook Toolbar
The Search Box allows you to search Facebook no matter where you are, icons tell you how many new pokes, friend requests, messages, event and group invitations you have. Share button lets you share the page that you are currently browsing by sending it to friends or posting it to your profile and you can open the Facebook friends sidebar and check out your friends’ statuses, along with convenient links for interacting with them.

4. Echofon
Echofon (formerly TwitterFox) notifies you of your friends’ tweets on Twitter. Syncs with iPhone. Adds a tiny status bar icon that notifies you when your friends post tweets. You can also view updates in a timeline and post your own tweets.

Wikipedia; Virtual communities, e-communities or online communities, are used for a variety of social and professional groups interacting via the Internet.

5. Shareaholic for Firefox 1.9
Shareaholic is a lightweight and easy to use add-on for Firefox with a minimal browser footprint. Shareaholic makes it very simple to quickly and very easily share, bookmark, and e-mail any web page via a wide array of your favorite web 2.0 social networking, bookmarking, blogging and e-mail services. Fits also to Internet Explorer 8.

6. Xmarks
Xmarks is a free add-on for your browser that synchronizes and backs up your bookmarks across multiple computers. Xmarks helps you find the best sites on the web based on what millions of people are bookmarking. Fits also to Internet Explorer 8.

7. OnlyWire - Social Networking Auto-Submitter
OnlyWire syndicates your content and articles to over 20 social networking sites with a single button click. Assists users by providing the tools and back-end processing needed to perform submissions quickly and seamlessly. This is an experimental add-on.

Home Office & Internet Entrepreneur

Internet is important for the home office regardless of what type of business you might engage yourself in, and mostly the working day consists of repetitious tasks. A boring and monotone daily routine. This is a collection of Firefox add-ons that are suitable to any type of entrepreneur and they will help you to speed up those tedious everyday routines.

Password Managers and Download Tools

8. iMacros for Firefox
Designed to automate the most repetitious tasks on the web. You can use it like a form filler and password manager and you can also automate the download of images, files, or entire pages. Web professionals can use iMacros for testing of web applications. For more usage ideas visit iMacros for Firefox.

9. LastPass Password Manager 1.51.4
Password manager and Form Filler that make your web browsing easier and more secure.
LastPass supports IE and Firefox as Plugins and allows you to import from every major password storage vendor and export too, capture passwords that other managers won’t including many AJAX forms. LastPass for Internet Explorer.

Wikipedia; A password manager is software that helps a user organize passwords. The software has a local database or files that holds the encrypted password data.

10. GrabPro 1.0.0
Grab Pro is a special tool for browsers to break anti-leeching technology, which is used by social media sites like YouTube. Downloads social video and music easily. Grab Pro has a simple and clear user interface and is micro-sized and resource-friendly. This Firefox add-on is listed as an experimental add-on.

11. Video DownloadHelper 4.6.2
DownloadHelper is a tool for web content extraction. When the add-on detects it can do something for you, the icon gets animated and a menu allows you to download files by clicking an item. if you go to a YouTube page, you’ll be able to download the video directly on your file system. It also works with MySpace, Google videos, DailyMotion, DreamHost and others.

12. DownThemAll! 1.1.6
Features an advanced accelerator that increases speed up to 400% and it allows you to pause and resume downloads at any time. It lets you download all the links or images contained in a webpage and much more: you can refine your downloads by fully customizable criteria.

Mailing and Language Tools

13. WebMail Notifier 1.4.7
WebMail Notifier checks your webmail accounts and notifies the number of unread emails.
You can use multiple accounts in a same host. Supports: Gmail, Yahoo, Hotmail, Daum, Naver, Empas, Nate and more.

14. WiseStamp - Email signature
Empower your webmail signatures in Gmail, Google Apps, Yahoo, Hotmail, and AOL.
WiseStamp includes many exciting and improved webmail signature fetchers.

15. gTranslate 0.5.1
With gTranslate you can translate any text in a webpage just by selecting and right-clicking over it. The extension uses the Google translation services to translate the text.

16. ImTranslator 3.2.8
ImTranslator includes Online Translator in 1640 language combinations. With ImTranslator you can enter multilingual text, check it for correctness, adjust unreadable messages, translate in different languages, look up words, print results and send email.

17. FoxLingo 2.4.2
Translate web pages and text, learn languages, auto translate, and much more. Supports 53 languages and 36 free online translators. Contains dictionaries, encyclopedias, text-to-speech engines, language identification, and language search features.

Developer Tools

Ordinary webmaster or advanced developer, this collection of Firefox add-ons will speed up your work with different online projects - troubleshoot, edit, and debug web projects without ever clicking away from Firefox.

Firebug and Firebug Extensions

18. Firebug 1.4.1
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

19. CodeBurner for Firebug 1.2
CodeBurner is a Firefox add-on that integrates with Firebug to extend it with reference material for HTML and CSS. The extension’s core functionality is centered around a new Reference panel, which contains a search tool for looking up HTML elements, attributes, and CSS properties.

20. YSlow
YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. Also summarizes the page’s components, displays statistics about the page, and provides tools for performance analysis.

21. Firefinder for Firebug 0.91
Find HTML elements matching chosen CSS selector(s) or XPath expression. You can also auto-select elements when hovering or via the context menu. View the results or click Inspect to go to the corresponding element in Firebug’s HTML tab.

Validation and Clean Up

22. Html validator 0.8.5.8
HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing.

23. CSS validator 3.0.0
Validates a page using the W3C CSS Validator. Adds an option to the right-click context menu and to the Tools menu to allow for easy validation of the CSS of the current page. Opens the results in a new tab.

Wikipedia; The Markup Validation Service by the World Wide Web Consortium allows users to check HTML documents for conformance to HTML or XHTML standards.

24. Dust-Me Selectors 2.2
Dust-Me Selectors is a Firefox extension that finds unused CSS selectors. It extracts all the selectors from all the stylesheets on the page you’re viewing, then analyzes that page to see which of those selectors are not used.

Miscellaneous Webmaster Tools

25. FireFTP
A secure cross-platform FTP client for Firefox which provides access to FTP servers. Along with transferring your files efficiently, FireFTP also includes more advanced features such as: directory comparison, syncing directories while navigating, search and filtering, SFTP, SSL encryption, integrity checks, remote editing and much more.

26. Web Developer
The Web Developer extension adds a menu of options for debugging and inspecting Web pages, and a toolbar with various web developer tools. The extension is designed for Firefox, Flock and Seamonkey, and will run on any platform that these browsers support.

27. JavaScript Debugger
Venkman is the code name for Mozilla’s JavaScript Debugger. Venkman aims to provide a powerful JavaScript debugging environment for Mozilla based browsers.

28. FireShot 0.78
Create screenshots of web pages, entirely or just visible part. Provides a set of editing and annotation tools, which let users quickly modify web captures and insert text annotations and graphical annotations.

29. Capture Fox 0.6.0
Capture Fox Movie is a handy tool to create tutorials about a software, a web site or anything that can be displayed on your computer. It records your screen frame by frame. You can also record your voice.

Internet Explorer 8

Apart from the developer tools included with Internet Explorer 8, we couldn’t find so many more suitable home office tools for Internet Explorer in the add-ons directory, but some we found anyway. We suggest you check the Internet Explorer Add-ons Gallery regularly.

Observe; some of the Firefox add-ons above are also available for Internet Explorer.

If you want to access the developer tools in Internet Explorer 8, press F12 or click the ‘Developer Tools’ entry in the Tools menu. For an introduction to Internet Explorer 8 Developer Tools go HERE.

Translate and Search

30. Google Transtale
View selected content in other languages with this Accelerator.

31. Bing Translator
Bing Translator is a free online language translation service for text and web pages. Easily translate any text on any page with this Accelerator.

32. MSDN Search
Searches for the selected text in the Microsoft Developer Network portal. Allows you to quickly find information on technologies, language constructors, and .NET or Windows libraries that you encounter while browsing the Web.

Socialize and Sharing Tools

33. MyStartSocialToolbar
With MyStartSocialToolbar’s search box you can search Facebook to find your Facebook friends. Additionally, the toolbar provides you with key access to Facebook photos, Facebook groups, Facebook events and Facebook friends. You can also search the Web at any time with a powerful Web search powered by the Yahoo search engine.

34. ShareThis
Share content to contacts from a variety of address books, including GMail, Yahoo!, MSN, Outlook, AIM and more using multiple services such as email, instant messenger, Facebook, Digg, Twitter as well as many others.

35. BizForm Bar
Password manager and form filler. Your login user-names, passwords and form information are encrypted with state-of-the art encryption. Password and form data can safely be exported to other computers or USB keys.

Miscellaneous Developer Tools

36. SitePoint Reference Lookup
Look up HTML, CSS and JavaScript code in the SitePoint Reference. Check the syntax of an element, attribute, property or method, read user comments, experiment with live CSS demos, and more. Accelerator Home Page.

37. HttpWatch Basic Edition
HttpWatch is an HTTP viewer and debugger that integrates with IE and Firefox to provide seamless HTTP and HTTPS monitoring without leaving the browser window. Features ability to generate request-level time charts, decryption of HTTPS traffic, inspects and tweaks your secure SSL-based connections and more.

Of course you understand that you shouldn’t install too many or all the add-ons from the list. A good strategy would be to find out what takes the most time and what tasks feel most complicated and choose add-ons according to that.

Related:

• Create Screen Capture Videos
• The Safest Way To Use The Internet

Image: Wikimedia Commons



]]> http://cashrevelations.com/magazine/2009/09/30-browser-add-ons/feed/ http://cashrevelations.com/magazine/2009/09/30-browser-add-ons/