• Mouse gestures
  Allows you to execute common commands (like page forward/backward, close tab, new tab) by mouse gestures drawn over the current webpage, without reaching for the toolbar or the keyboard.
  You can also use click-only “rocker” gestures which are even faster than drawn gestures.
• Copy Link Text and Location
  CoLT adds two menu items to the browser’s context menu, both of which are only visible when right-clicking a hyperlink. The “Copy Link Text” menu item copies a hyperlink’s associated text to the clipboard, while the “Copy Link Text and Location” menu item copies both the hyperlink’s text and URL to the clipboard in the format you choose: either as plain text, as an HTML hyperlink, or as a custom format (which you may specify). A very handy tool for blogs!
• Linkification
  Converts text links into genuine, clickable links.
• SmoothWheel
  Scrolls the document smoothly when scrolling the mouse wheel.
  Basically an enhanced and configurable version of the built in smooth-scroll. Uses some unique algorithms for smoothness and adaptive behaviour (scrolls fast or slow according to the “intention” of the user). Allows to read long web pages easily. You can actually read WHILE scrolling. Kind of like the credits at the end of a movie, but controlled by scrolling the mouse wheel. Works with text-boxes and drop-down boxes too.
• Add Bookmark Here
  Allows you to add bookmarks to any folder in the bookmarks menu.
• Web Developer
  Adds a menu and a toolbar with various web developer tools. Useful not only for developers - easy control over images, scripts, cookies.
• Table2Clipboard
  Mozilla applications allow to select rows and columns from a table simply pressing Control key and picking rows/columns with left mouse button.
  The selection can be copied to clipboard but the original table disposition is lost making ugly results when you paste the text on datasheet applications (eg excel).
  If you want to paste data in Microsoft Excel on OpenOffice Calc with correct disposition simply use Table2Clipboard.

I didn’t like any of extensions for RSS reading I’ve seen (Newsfox, Sage, Info RSS, Feedview, Habari Xenu) - I tried to find something similar to Opera’s feed-reader, which I like more than other. Probably it is better to use some web-based ones (Google Reader), I just haven’t got used to it yet.

I’ve used Opera for several years and I like it a lot, but when you spend nearly 70% of your computer time with your browser you want it to be really yours. I mean that the possibility of using Firefox as a platform for different tools you need while surfing the web is priceless.

script.aculo.us is one of the most popular JavaScript libraries to do such kind of things. They use Prototype framework as a basis.
Your pages are supposed to require prototype.js-file to support ajax-based controls or widgets, but this file is rather big (~50KB) in comparison to the filesize of your page itself. It makes your users wait while this library is loaded every time they visit your page. Well, I don’t want to say that it’s irritating for surfers with poor connection, this is not the point. The worst thing about all of this is that people often use a steam-hammer to crack nuts, and what’s more - they use ajax-based elements in wrong ways!

Let’s say you have a blog. Do you really need to have ajax-based comments? Well, what is the advantage of ajax here? - you don’t have to reload the page. But it doesn’t matter if the page is reloaded after you submit a comment. After you submit a comment you usually leave the page! Don’t tell me that it reduces the traffic. It doesn’t reduce the traffic, because prototype.js has bigger size than your page, so it’s better to load the page twice than to load prototype.js with the first load. Certainly, it works if you want to submit several comments at one time, but it’s not rather common.

script.aculo.us provides you with easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly

I haven’t tried to use script.aculo.us in my projects yet (and I don’t really think I’m going to), so I can’t say if it’s easy-to-use (I think it is - it wouldn’t become so popular if it wasn’t), but as for cross-browser’ness - their scripts don’t work correctly in Opera 8.51 (they work in 9.00), and at last.. huh.. yes, your applications fly but you have to wait a little before they ascend.

So, what is bad about script.aculo.us? People who use it where it’s not needed.
If you need something really simple it is much better to do some custom work on it than to use heavy library (especially if you don’t use its full functionality). Here you can read more about proper use of JavaScript in your applications.

This trick is useful when you need to show some expanding lists or you want to have a possibility to change the content of the page without reloading it. I’ll show you the core principle and some common examples.

Click the link below to try the first example.

Show hidden text

Here is the code for this example:

<script type="text/javascript">
  function showBlock(blockId)
  {
    document.getElementById(blockId).style.display = "block";
  }
  function hideBlock(blockId)
  {
    document.getElementById(blockId).style.display = "none";
  }
</script>
<a href="javascript:showBlock('block1')">Show hidden text</a>
<div id="block1" style="display: none">
  This text can be hidden again if you click
  <a href="javascript:hideBlock('block1')">here</a>.
</div>

Let’s improve this code: when hidden text is shown we don’t have to display the “show”-link. We can describe this link as another block and use the same functions:

Modified code (the script remains the same):

<div id="block2">
  <a href="javascript:showBlock('block3');
hideBlock('block2');">
  Show hidden text</a>
</div>
<div id="block3" style="display: none">
  This text can be hidden again if you click
  <a href="javascript:hideBlock('block3');
showBlock('block2');"> here</a>.
</div>

If you need to display expanding list you can do it in this way:

<script type="text/javascript">
  function expand(ID)
  {
    document.getElementById('item'+ID).style.display = 'block';
    document.getElementById('expander'+ID).innerHTML =
'<a href="javascript:collapse('+ID+')" title="Collapse">[-]</a>';
  }
  function collapse(ID)
  {
    document.getElementById('item'+ID).style.display = 'none';
    document.getElementById('expander'+ID).innerHTML =
'<a href="javascript:expand('+ID+')" title="Expand">[+]</a>';
  }
</script>

<style>
.expander a {
  font: normal 10px Courier;
  text-decoration: none;
  color: black;
}
</style>

<dir>
  <li>
    <div id="expander1" class="expander" style="display:inline">
      <a href="javascript:expand(1)" title="Expand">[+]</a>
    </div>
    <div style="display:inline">Item 1</div>
    <div id="item1" style="display:none">Content for item 1</div>
  </li>
  <li>
    <div id="expander2" class="expander" style="display:inline">
      <a href="javascript:expand(2)" title="Expand">[+]</a>
    </div>
    <div style="display:inline">Item 2</div>
    <div id="item2" style="display:none">Content for item 2</div>
  </li>
  <li>
    <div id="expander3" class="expander" style="display:inline">
      <a href="javascript:expand(3)" title="Expand">[+]</a>
    </div>
    <div style="display:inline">Item 3</div>
    <div id="item3" style="display:none">Content for item 3</div>
  </li>
</dir>

And here’s the result:

Summing up
If you want to be able to change visibility of some elements at your page you have to wrap it into <div></div> and use unique id for this div, then you decide when you need to display your elements and use this code:

document.getElementById("YOUR_ELEMENT_ID").style.display = "block";

to show and this code:

document.getElementById("YOUR_ELEMENT_ID").style.display = "none";

to hide.

So, now I want to share some of my thoughts on what I’ve learned.

Will SEO become worthless?
Now we have a real boom in social bookmarking. People browse, tag and rate web pages. These services are becoming more and more popular and social bookmarking has already become one of the most sufficient traffic sources because of its viral nature. I haven’t got the habbit of using del.icio.us instead of Google yet, but it would be a nice experiment. When pages are rated by humans, not crawler-bots, you can expect to find content of really high quality and what’s more - your chances to click a spam link are nearly vanished. If this tend is going to grow I don’t see why we have to think of SEO as much as a lot of people do today.

Future of Internet marketing
What are the key points of IM today? You have to make people know about your product (you create a sales page and try to reach good position in Google for a specific query) and then you have to make them come back (you build your mailing list and notify your subscribers on your new products which they could be interested in). One of the worst marketers’ headaches is low conversion rate. Yeah, but isn’t it natural that people who come from search results page don’t always want to buy your product?
Even if you produce great products, your position in Google has nothing to deal with it. So, why do you have to sift your visitors (not completely random, but still) instead of getting targeted traffic from social bookmarking services dedicated to shopping? Why do you have to collect thousands of email addresses and make your server work when sending emails to your subscribers instead of using a single RSS feed? Main principles of web 2.0 era can invert the whole model of Internet marketing: marketers won’t have to search for customers, but customers will search for marketers. Definitely the methods of promotion may change dramatically, but we are going to have conscientiously-made products as a result.

“Must read” newbie list
Here is a short list of articles:

Also I recommend to visit Promocharger.com and to get familiar with Technorati and Techcrunch.

The screenshot above shows that the page is protected from right-click. I don’t know why they think that you can view page source only with the right-click menu if there is another way to do it:

or you can simply disable JavaScript to make the right-click menu work again:

or use main browser menu to save the page to your hard disk with all images:

Then you can open saved page in your text editor and use the code as you wish. Just remove all suspicious scripts - you don’t need them since the page has been already decoded by your browser (but be careful, some scripts may be used by the page itself - for some interactivity with the user):

Some browsers don’t show you decoded page source but Firefox does it pretty well.

You may say that you didn’t know all this stuff (and many others still don’t) but if someone wants to use your HTML-code or images - be sure he knows what to do.
And perhaps I have to emphasize one simple thing: WWW is based upon open standards and when your browser receives another HTML-document you have the access to every byte of that document, so there is no way to prevent your pages from replication.