Для удобства, я разбил панельку на 3 части и пронумеровал. В описании будут встречаться следующие сокращения:
[В] – инструмент для веб мастера.
[О] – инструмент для оптимизатора.
[В] [О] – инструмент как для веб мастера так и для оптимизатора.

Поехали:

1 – открывает сайт sape.ru
2 - открывает сайт forum.sape.ru
3 – Отмечает ссылки, у которых встречается два одинаковых слова подряд [В]
4 – Отмечает ссылки, у которых встречается три одинаковых слова в тексте [В]
5 – Отмечает ссылки, у которых встречается две пары одинаковых слова [В]
6 – Отмечает ссылки, которые длиннее 50 символов [В]
7 – Отмечает ссылки, которые длиннее 75 символов [В]
8 – Отмечает ссылки только из заглавных букв [В]
9 – Отмечает ссылки без русских букв [В]
10 – Отмечает ссылки которые начинаются не с буквы или цифры [В]
11 – Отмечает ссылки на страницы с сессиями, профилями, страницы поиска и т.д. [В]
12 – Фильтр контента который отмечает ссылки ведущие на сайт контент которого содержит запрещенные слова. (можно редактировать в настройках) [В]
13 – Проверяет соответствие анкора ссылки содержанию страницы-акцептора. Страница-акцептор считается релевантной, если ее можно найти в выдаче Яндекса по используемому в анкоре словосочетанию. [В]
14 – Отмечает ссылки WAIT-заявок, которые не подтверждены 3-х дневный срок. [В]
15 – Показывает ТИЦ страниц [В] [О]
16 – Показывает PR страниц [В] [О]

17 – Фильтр пользователя (функции задаются в настройках)
18 – Отмечает ссылки, которые ведут на не проиндексированные страницы сайта в Яндекс. [В] [О]
19 – Отмечает ссылки, которые ведут на не проиндексированную страницу в Яндекс. [В] [О]
20 – Отмечает ссылки, без кэша страницы в Яндекс. [В] [О]
21 – Отмечает ссылки, сайт которых не находится в наличия в индексе Яндекс. [В] [О]
22 – Отмечает ссылки, которые ведут на не проиндексированные страницы сайта в Google. [В] [О]
23 – Отмечает ссылки, которые ведут на не проиндексированную страницу в Google. [В] [О]
24 – Отмечает ссылки, у которых количество внешних ссылок на сайте больше заданного значения в настройках (с учетом тегов noindex и nofollow). [В] [О]
25 – Отмечает ссылки, которые не второго уровня вложенности страниц-доноров. [О]
26 – Отмечает ссылки, которые скрыты на странице доноре. [О]
27 – Отмечает ссылки, которые попали под фильтр «Ты последний». [О]
28 – Отмечает ссылки с количеством страниц меньше заданных пределов. [О]
29 – Отмечает ссылки с количеством исходящих ссылок домена больше заданных пределов. [В] [О]
30 – Отмечает ссылки если месячный анализ трафика меньше заданных пределов. [В] [О]
31 – Фильтр отбора заявок, оставляет на странице только выбранные ранее заявки. [В] [О]
32 – Инвертировать выбранное. [В] [О]
33 – Снять отметки со всех ссылок. [В] [О]

34 – открывает сайт drivelink.ru
35 – открывает сайт seolib.ru
36 – скрыть/отобразить панель статистики в sape
37 – настройки дополнения

Спасибо, и успешных продвижений!

Оказывается, для остальных браузеров можно запускать Firebug Lite, но к сожалению функционалом он сильно обделен, в отличии от оригинальной версии.

Запускается он как скрипт в браузере:

javascript:var firebug=document.createElement('script'); firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'); document.body.appendChild(firebug); (function(){if(window.firebug.version){firebug.init(); }else{setTimeout(arguments.callee); }})();void(firebug);

А точнее, после открытия интересующей нас странички запускаем скрипт из строки адреса или с помощью закладки.

Одним из достоинств есть его вес в упакованном виде - всего 2кб.

Подключаем так:

<script src="jquery.pngFix.js" type="text/javascript"></script>

И используем на страничке так:

 <script type="text/javascript">
$(document).ready(function(){
$(document).pngFix();
});

После этого png картинки в IE начнут отображаться корректно.

Подключаем jQuery и плагин со стилями:

<script src="js/jquery.js" type="text/javascript"></script> <script src="js/colorpicker.js" type="text/javascript"></script>

Скрипт:

$(document).ready(function(){

$('#colorpickerHolder').ColorPicker({flat: true});

$('#colorpickerField').ColorPicker({
onSubmit: function(hsb, hex, rgb) {
$('#colorpickerField').val(hex);
},
onBeforeShow: function () {
$(this).ColorPickerSetColor(this.value);
}
})
.bind('keyup', function(){
$(this).ColorPickerSetColor(this.value);
});

$('#colorSelector').ColorPicker({
color: '#0000ff',
onShow: function (colpkr) {
$(colpkr).fadeIn(500);
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut(500);
return false;
},
onChange: function (hsb, hex, rgb) {
$('#colorSelector div').css('backgroundColor', '#' + hex);
}

});

Строка 02 – обычный вызов палитры в DIV контейнере.
Строка 03-13 – привязка к элементу input по id c обработчиками для задания выбранного цвета с value.
Строка 14-26 – вывод в контейнере DIV c эффектами onHide и onShow

HTML:

<div id="colorpickerHolder"></div>

<input id="colorpickerField" type="text" value="00ff00" />

<div id="colorSelector"></div>

Для корректной работы в IE предлагаю подключать плагин прозрачности png файлов для jQuery (о нем чуть позже).

Посмотреть пример работы палитры цветов.

Скачать пример.

Но, к сожалению, этот метод .live() плохо "дружит" с Ajax и не всегда работает корректно. По этому приходится использовать один замечательный плагин Live Query.

Преимущество Live Query в том, что он при обновлении дерева DOM автоматически связывает элементы с обработчиком событий и нормально работает с новыми DOM элементами, полученными через Ajax.

Подключается плагин как и все:

<script type="text/javascript" src="jquery.livequery.js"></script>

Использовать тоже не сложно.
Например, нам нужно получить value пункта в списке <OPTION> из контейнера <SELECT> с id=”myselect”, где сам список подгружается с помощью Ajax.

Делается это так:

$("#myselect").livequery(function(){
$(this).change(function() {
alert(this.value);
});
});

Или более изящней:

$("#myselect").livequery("change", function() {
alert(this.value);
});

В результате при выборе одного пункта из списка <SELECT> появится сообщение с его значением value.

Пример 2. При наведении курсора (mouseover) на элемент с id=”alert” вывести сообщение: "Получил курсор!". А после того, как уберем курсор (mouseout), вывести: "Потерял."

Решение:

$("#alert").livequery(function(){
$(this).hover(function() {
alert("Получил курсор!");
}, function() {
alert("Потерял.");
});
});

Так что если у вас не работает onchange в Internet Explorer (IE) или какие-то проблемы с элементами полученными через Ajax, пользуйтесь Live Query!

Посмотреть пример работы Live Query.

Скачать пример с плагинов Live Query.

И после небольшого поиска, наткнулся на один удобный плагин для FireFox – TwitterFox.

Очень удобный в использовании и с достаточным набором настроек. После установки в нижнем правом углу браузера появляется иконка плагина, по нажатию на которую открывается окошко с сообщениями из твиттера.

По умолчанию открыта закладка с последними сообщениями всех ваших друзей, на которые можно ответить также как и в твиттере.

А также еще две закладки - ответы на ваши сообщения и личные сообщения.

И последнее - строка ввода самого текста сообщения. Все просто, интуитивно понятно и удобно!

Основными настройками плагина являются: работа с учетными записями, настройка темы, настройка интервала получения твиттов, настройка горячих клавиш и всплывающих сообщений. В общем все, что нужно для удобного использования данного плагина. Рекомендую!

Также, посмотрите обзор полезных плагинов для Mozilla Firefox

Плагин умеет прокручивать текст как по нажатию на стрелочки, по вращению скролла так и по нажатию клавиши Enter.

Подключаем:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.scrollable.js"></script>
<script type="text/javascript" src="jquery.mousewheel.js"></script>

Сам скрипт:

<script type="text/javascript">
jQuery(function( $ ){
var emptyLinkTarget = (window.opera) ? "#" : "javascript:function(){return}";
$('.scrollable.js').scrollable({
size:3,
horizontal:false,
duration:1000,
items:'#items',
prev:'.prev',
next:'.next'
});
});
</script>

где строка 03 - хак для оперы, строка 05 - количество выводимых новостей, строка 06 - длительность, 07 - id контейнера <ol>, 08 и 09 - названия классов кнопок прокрутки.

Сам контейнер с новостями:

<div class="scrollable js">
<a class="more-link" href="#">Еще новости</a>
<ol>
<li><div><a href="#">….</a></div></li>
....
<li><div><a href="#">….</a></div></li>
</ol>
</div>

Более подробно смотрите пример прокрутки новостей на jQuery.

Или скачайте архив с примером.

Подключаем:

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.growl.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/growl.css">

jquery.growl.js – плагин сообщений, growl.css – стиль сообщений

Используем так:

<script type="text/javascript">
$(function(){
$("#btnExSimple").bind("click",function(){
$.Growl.show({
'message': "Обычное сообщение!!"
});
});
});
</script>

Иконки в сообщениях подгружаются через стили в growl.css. Поле подробно смотрите в примере всплывающих сообщений.

Или качаем архив с примером.

Плагин под jQuery подключается как обычно:

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.history_remote.pack.js" type="text/javascript"></script>
<script src="jquery.tabs.pack.js" type="text/javascript"></script>

где jquery.history_remote – это плагин для запоминания ajax а jquery.tabs.pack – плагин закладок.

Используем так:

<script type="text/javascript">
$(function() {
$('#container-1').tabs();
});
</script>

И HTML:

<div id="container">
<ul>
<li><a href="#section-1">Закладка 1</a></li>
<li><a href="#section-2">Закладка 2</a></li>
<li><a href="#section-3">Закладка 3</a></li>
</ul>
<div id="section-1">
...
</div>
<div id="section-2">
...
</div>
<div id="section-3">
...
</div>
</div>

Плагин понимает большое количество параметров, и вообще много всего умеет (с закладками).

Более подробно смотрите пример закладок на jQuery.

Или скачайте архив с примером.

Плагин понимает такие параметры:
• textColor: каким цветом подсвечивать.
• haloColor: цвет сияния (в поддерживаемых браузерах).
• radius: размер сияния (в поддерживаемых браузерах).
• duration: скорость эффекта.

Подключаем таким образом:

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.color.js" type="text/javascript"></script>
<script src="jquery-glowing.js" type="text/javascript"></script>

Строки: 1 – jQuery, 2 – плагин для работы с цветом и 3 – плагин свечения.

Используем так:

<script type="text/javascript">
$(document).ready(function() {
$('.white').addGlow();
$('.green').addGlow({ textColor: '#0f0', haloColor: '#0f0', radius: 100 });
$('.blue').addGlow({ textColor: '#00f', haloColor: '#00f', radius: 100 });
$('.red').addGlow({ textColor: '#f00', haloColor: '#f00', radius: 100 });
});

И HTML:

<div>
<p><a style="color: rgb(119, 119, 119);" class="white" href="http://www.webnotes.com.ua">Дайте курсор!.</a></p>
<p><a style="color: rgb(119, 119, 119);" class="green" href="http://www.webnotes.com.ua">И тут тоже.</a></p>
<p><a style="color: rgb(119, 119, 119);" class="blue" href="#">А это голубое.</a></p>
<p><a style="color: rgb(119, 119, 119);" class="red" href="#">Немного красненькое....</a></p>
</div>

Более подробно смотрите в примере «подсветка текста»

Скачать архив с примером «плавная подсветка текста»