When you focus A tag or submit button sometimes outline border looks ugly on websites. Here are examples:
Foobar

This can be easy fixed (for all browsers except Internet Explorer!) by adding 1 line of CSS rule:
a:focus { outline: none; }

IE has non-standard HTML attribute hideFocus=”true” to solve this problem. Of course you don’t like to put this attribute in every <A> tag and submit buttons in your HTML. I have 2 working solutions for all browsers:

CSS expression solution

input, a {
  outline:expression(hideFocus='true');
  outline:none;
}

jQuery solution

$("a, input").each(function() {
  $(this).attr("hideFocus", "true").css("outline", "none");
});

Simple plugin (basically it’s not a plugin, but widget) to show notify bar
(like on Twitter’s webpage).
It’s very simple to use:

      
$(function () {
  $.notifyBar({
    html: "Thank you, your settings were updated!",
    delay: 2000,
    animationSpeed: "normal"
  });
});
      
    

and to your html page stylesheet:

<link rel="stylesheet" href="jquery.notifyBar.css" type="text/css" media="screen"  />

$.notifyBar can pass next parameters:

See demonstration or download source.

Nice and fast navigation I think. So you can read the main article about this navigation on Lebedev’s site (or in Russian). This features is at least 3 years old and is used so rarely, but it’s so useful and makes users happy.

So I have written a tiny plugin for jQuery (based on the Andrey’s code) for this navigation. You can see my demo and price how useful it is.

The main idea is keep next/previous link somewhere. I prefer LINK tag to follow W3C specifications, but you can do it everywhere you want (DIV, SPAN, etc..), but only one condition: 4 element ids are reserved, here they are:

1. arr-nav-right-link
2. arr-nav-left-link
3. arr-nav-up-link
4. arr-nav-down-link

So our tags can be:
<link href="right-page.html" id="arr-nav-right-link" />
<link href="left-page.html" id="arr-nav-left-link" />
<link href="right-page.html" id="arr-nav-up-link" />
<link href="right-page.html" id="arr-nav-down-link" />
In common case galleries and pagination are generated by PHP, ASP.NET or whatever, so this links can be easily generated by server.

Ok, we have these tags, how to run script? It’s very simple to do:

Step 1. Include jQuery library and plugin:
<script type="text/javascript" src="js/jquery-1.2.6.mini.js"></script>
<script type="text/javascript" src="js/jquery.arrowNavigation.js"></script>
Step 2. Define a function:
<script type="text/javascript">
$(function() {
    $(document).arrowsNavigation();
});
</script>
And press CTRL + corresponding arrow key and here you go!
Note that there are some additional parameters for this function.
$().arrowNavigation([options, [callback]])

Object options

Function callback

Ok, thats all have fun, check source and download.

I’m not a game programmer, but anyway JavaScript seems to be quite slow for games. So you can check this space arcade shooter. It still contains a lot of bugs (especially in IE7) and can hang up your browser, so beware.

Space shooter screenshot

I do not support IE6 or earlier in my projects anymore.

Check this amazing magnify stuff.

When jQuery was released became possible to do amazing stuff without usign Flash.
As for me I’m not a big fan of the Flash and I do as much as possible on JavaScript with jQuery library.

Read and learn at jquery.com.