Долго лежал этот пост в draft-ах.. все никак дописать не мог..

—

Bookmarklet, в двух словах, это JavaScript, который прописываеться в поле “Location” у Bookmark-a или вместо адреса внутри тэга <a>, и который выполняет какое-то одно действие. Но это лично моё “понимание” того, что они такое. http://en.wikipedia.org/wiki/Bookmarklet - там, впринципе, тоже самое написано.

Resize Не трудно, думаю, догадаться, меняет размеры окна на 1024 х 768 Другие (если надо): 800×600 , 1152×864 , 1280×1024 HDTV: 1280×960 , 1280×1024 , 1600×900 , 1600×1050 Resize to… - универсальный resize boolmarklet. * Эти bookmarklet-ы работают только при default-ном значении для “dom.disable_window_move_resize” - “false”

Как сохранять bookmarklets?

1. Просто "перетянув" в "Bookmark Toolbar" (Left click & Hold -> Move to Bookmark Toolbar & Release)
2. Right click -> Bookmark This Link...

Почему именно “Bookmark Toolbar”? Потому что так ими удобней всего пользоваться. По крайне мере, мне так удобней всего. Когда что-то надо - делаю toolbar видимым, когда нет в них надобности - прячу.

Если еще и Stylish установлен, то можно еще больше облегчить работу с ними: @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); #bookmarks-ptf .toolbarbutton-icon {   display: none !important; } #bookmarks-ptf .toolbarbutton-text {   font-family: Tahoma !important;   font-size: 10px !important; }

Ну а теперь самое “вкусное” - подборка bookmarklet-ов, которым сам пользуюсь, и ссылки, где можно еще много найти.

Links & URLs

Text, Data & Other

Layout Grid Bookmarklet

Первый из “харкорных” bookmarklet-ов. “Хардкорность”, для меня, заключается в полезности и частоте использования.

Andy Budd’s Layout Grid Bookmarklet Разметочная сетка - очень удобно, по моему. На странице с описанием имеются несколько версий этого bookmarklet-a: Обычный (ставит background-ом картинку с сеткой), поверх всего, фиксированный и универсальный (вкл./выкл.).

XRAY: look beneath the skin

Самый любимый и самый полезный, для меня, как web developer-a, bookmarklet. Что делает? Показывает “box model” информацию любого элемента на странице:

- HTML тэг (element)
- id, class
- Иерархическую зависимость внутри HTML-а
- width, height
- margin, padding и т.д.

Bookmarklets’ Sites & Collections

Сайты, откуда я взял примеры выше.

Bookmarklets.com - simple tools that extend the surf and search capabilities of Firefox and Explorer web browsers. Over 150 bookmarklets are available.

Jesse’s Bookmarklets Site - довольно большая коллекция bookmarklet-ов. Большинство тех, что пригодились мне лично, именно оттуда.

Gate2.net Bookmarklets - тоже довольно много всяких разных bookmarklet-ов (General Info, How to use it, Search, User Tools, Developer, Links)

MVPS.org Bookmarklets (Favelets) - подробное описание, ссылки на другие сайты и ресурсы, уроки по созданию своих bookmarklet-ов и т.д.