Mouse Gestures-One More Interesting Addon

Mouse Gestures

Play with the mouse on your browsers!!!

Mouse Gestures are a fast way to execute commands without using the keyboard, menus or toolbars. Instead, the user holds down a mouse button (usually the right one), moves the mouse in a certain way to form a gesture, then releases the mouse button.

In web browsers like Mozilla Firefox or the Mozilla Suite, gestures are used to go back or forward a page, switch between tabs, open multiple links at once, control text or image size, and numerous other functions.

You can get Mouse Gestures here

Mouse Gesture examples:

After installing Mouse Gestures go to Tools and click addons and check for the settings to know how to use it.

BookMarkLets

What are bookmarklets?

Each Bookmarklet is a tiny program (a JavaScript application) contained in a bookmark (the URL is a “javascript:” URL) which can be saved and used the same way you use normal bookmarks.

Bookmarklets allow anybody to use JavaScript – on whatever page you choose (not just your own page). Each bookmarklet is much simpler than a traditional program – usually they are only two or three lines of code.

Bookmarklets are safer than traditional software for the following reasons:

1. They are extremely simple. With only a few lines of code it’s hard to make a programming error that isn’t detected immediately.

2. You don’t install software. Traditional software programs can produce conflicts with other programs on your hard drive. Bookmarklets work entirely within your web browser, so they can’t independently interfere with the functioning of other programs.

3. Because you don’t install software, you don’t have the security risks of traditional software (which can install files all over your hard drive). Your hard drive is protected by JavaScript security restrictions.

4. Even if something goes wrong (say, you try to use a Netscape-only bookmarklet on Internet Explorer) the worst thing that is likely to happen is that you will get a JavaScript error message.

Bookmarklets require Netscape 3, Explorer 4 (or later versions of these browsers) with JavaScript enabled.

Best of all, they’re easy to use and modify for your own use.

Example:
Show ID
This shows the id of hn|div|dt elements in the document.

javascript:(function(n,i,e){
if(n.id && n.tagName.match(/h[1-6]|div|dt/i)){
e = document.createElement(‘a’);
e.href = ‘#’ + n.id;
e.appendChild(document.createTextNode(‘□ ‘));
n.insertAdjacentElement(‘afterBegin’,e);
}
for(i in n.childNodes){
arguments.callee(n.childNodes[i]);
}
})(document.body)

REf:http://www-ui.is.s.u-tokyo.ac.jp/~tnishida/bookmarklets/#bee

Block annoying ads

Are u been annoyed by ads and banners on the websites that often take longer to download ???

Here is the way to get rid of them just by a click.
DownLoad adblock Plus and get rid of them.

Right click on the banner and click “Adblock” menu.The banner wont be downloaded again.

Difference Between “ID” And “Class” Selectors

“ID“ and “CLASS“ Selectors

Id is unique for a particular object on a web page.It can be used only once.

Class can be used as many times as our wish

<p id=”para”>…..</p> 
<p id=”para”>…</p>

 
This cannot be present in a document.
 
<p class=”paraclass”>….</p>  
<p class=”paraclass”>….</p>
 
But this is possible…

 

Most of the common styles confining to the objects of same type can be put inside a class and unique styles can be defined in their respective ids

MooTools.Net

Mootools are nothing but compact,modular object oriented javascript framework,intended to make the process of writing extensible and cross Browser compatible.These codes are more efficient.The are lightweight and powerful tools to handle with.The codes are designed in such a way that they never throw any exceptions

If you want any high level scripting to be done for your web page then download the corresponding code from mootools.net and add them within the scripts of your design and use them.

TextBasedBrowers

What Are Text Based Browsers?

Text Based Browsers are the browsers which contains formatted HTML.
All the objects in HTML are represented only via Text format. Text Based browsers does not support any images or visual media files.Text Based browsers are accessed only using arrow keys,they don’t use the mouse for user interaction. It consists of numbered links to navigate to other pages in web. By following which arrow mark to be pressed or which number key to be pressed these browsers can be accessed easily.

Since they don’t have any heavy content they are rendered very fast than other visual browsers.
They are one among the smallest browser as well.
These Text Based browsers are mainly used for visually challenged people.

Examples of Text Based Browsers:

• Lynx
• Links
• Elinks
• DosLynx
• Retawq
• W3m….

Use Semantic Markups

Semantic Markups

Semantics simply means trying to make sure your documents mean something, even if CSS is not available, even if your document is being displayed on a device that does not use the same default styles as you expected, or if it is being interpretted through a non-visual medium, such as braille or speech.The idea is simple. Use the right elements for the right tasks. Browsers understand what those elements mean, and they can use many different techniques to convey that meaning to the user. But that only works if you use the elements the way they were meant to be used.

Good HTML structure is based on logic, order, and using semantically correct markup. If you have a heading use the heading element, beginning with the H1 element. If you have a paragraph, use a paragraph element. If you have a list, use a list item

Samples:

Use the P element for paragraphs. Don’t use the element to instead provide paragraph-like breaks element.

If you’re quoting a few lines, use a blockquote element. Those elements provide meaning to the content, making them semantically correct, in addition to being solid HTML structure.

Use the EM element for emphasis. If you’re after italicized text aside from emphasized text or citations use CSS (font-style:italic) rather than EM or I.

Use the CITE element for citing a source.

<strong>I’m emphasizing this even stronger.</strong>

It’s REQUIRED to include closing tags for all list items and other tags for XHTML.

Advantages of Semantic Markups:

• Search Engine Optimisation
• Better Code maintainability
• Code becomes more understandable to both the user and the machine
• More Accessible for Visually impared Users and many more…