Главная О проекте Статьи Обзоры Кадастр Сети
Сердце человека обдумывает свой путь, но Господь управляет шествием его.

(Библия, Притчи 16:9)

Последние обзоры:

Таблица с прокруткой и фиксированным заголовком

28.12.2008
Обзор CSS и JavaScript решений для создания таблицы с прокруткой и фиксированным заголовком >>>

Паттерны дизайна: Обязательные поля форм

02.10.2008
Эффективное выделение обязательных полей сократит время заполнения формы и улучшит восприятие сайта в целом. В статье обзорно рассмотрены варианты выделения обязательных полей >>>

Последние статьи:

Оптимизация спрайтов

18.06.2009
Создание спрайтов давно уже стало обычным решением для многих крупных сайтов с высокой посещаемостью. Но вопросы их оптимизации по-прежнему актуальны. >>>

Хорошая практика реализации HTML форм

11.11.2008
Формы являются крайне необходимым, но часто неправильно понимаемым аспектом веб-дизайна. Большая часть внимания уделяется внешнему представлению форм, чем удобству их использования (usability). >>>

Кадастр Сети:

Hierarchical Data With PHP and MySQL

02.06.2008
Решение иерархии данных, описанное в статье, является очень хорошим для ресурсоёмких приложений, и будет полезно к примеру в форумных системах. >>>

How JavaScript is Slowing Down the Web (And What To Do About It)

15.08.2007
Статья посвящена, в основном, работе с виджетами: характерные проблемы и методы их решения. >>>

Compress JavaScript and CSS without touching your application code

05.02.2007
Описывается статичное сжатие CSS- и JS-файлов на сервере и корректная выдача их затем клиенту. В переводе даны комментарии Николая Мациевского с более комплексным решением >>>

Using background-image to replace text

07.03.2003
На сегодняшний день существует ряд методов для замены текста фоновым изображением для улучшения типографских черт страницы. Дуглас Боумен (Douglas Bowman) был первопроходцем в этом направлении, эта статья - перевод его оригинальной статьи 2003 года на Webmascon`e. >>>

Rated XHTML

23.06.2000
Известный веб-разработчик Петер-Пауль Кох (Peter-Paul Koch) даёт оценку новой тогда ещё, в 2000м году, веб-технологии XHTML >>>


Подписка:

Расширения возможностей браузера - букмарклеты (bookmarklets)

Дата публикации: 30.08.2007
Ключевое слово: браузеры

Итак, что такое bookmarklet?

Чтоб расширить возможности браузера, добавив к нему специфическую возможность, используют букмарклеты.

Букмарклеты — маленькие программы, написанные на javascript и оформленные как URL (с использованием протокола javascript:), которые можно помещать на панель закладок браузера. Изобрёл букмарклеты Steve Kangas

Происхождение русского термина - калька с англ. bookmarklets; от bookmarks — «закладки» и applet. Также встречаются переводы:

  • закладурки (ввёл Андрей Орехов),
  • закладограммы предложил Александр Гагин, однако позже нашёл вариант Андрея Орехова более удачным.

Использование панели закладок браузера

Браузер вместе с возможностью просмотра веб-страниц предоставляет также и возможность сохранить закладку на интересный ресурс. Доступ к закладкам осуществляется не только через соответствующий пункт главного меню, но также и с панели браузера. Таким образом с панели браузера осуществляется быстрый доступ к нескольким избранным ресурсам.

На русском языке есть хорошая статья об использовании закладок в Firefox

Чтоб добавить букмарклет на панель закладок браузера - просто перетащите линк на панель браузера. Или, если вы не ищете лёгких путей, можете использовать менеджер закладок вашего браузера (Ctrl+B).

Обзоры букмарклетов

Обзор полезных букмарклетов на русском языке приведён в замечательной статье Букмарклеты. Однако, к сожалению, статья была написана очень давно (в 2003 году) и не отображает современных тенденций развития этого сегмента программ.

Введение в букмарклеты на русском языке, авторские разработки приведены на сайте Андрея Орехова.

Англоязыйчный сайт, содержащий много полезных букмарклетов - это bookmarklets.com, на котором букмарклеты также отсортированы по назначению.

Классификация букмарклетов

При всём разнообразии букмарклетов, их можно классифицировать по следующим параметрам:

  1. возможность применения офф-лайн
        а.Он-лайн/офф-лайн
        б.только он-лайн
    В частности, по такому принципу разделены букмарклеты на bookmarklets.com
  2. 2. по назначению
        а. поиск
        б. информация о данных страницы
        в. внешний вид страницы (изменения цвета фона, свойств шрифта и т.д.)
        г. перевод и т.д.

Пример букмарклета

Недавно на css3.info была опубликована заметка о весьма полезном букмарклете XRAY. После помещения этого букмарклета на панель Вашего браузера, кликните на любом элементе веб-страницы, чтоб увидеть его box-модель, что весьма удобно особенно для верстки и тестирования html-кода.

XRAY был протестирован разработчиком на Safari 2 и 3 (Mac OS X), Webkit, и браузеры Mozilla (Firefox, Camino) для Mac OS X и Windows. Большинство веб-разработчиков уже, наверное, привыкли к плагину Web Developer от Mozilla. Разумеется, у данного плагина намного больше возможностей. Однако если сравнивать подсветку информации об элементе, то XRAY лично мне кажется более удобным и наглядным.

XRAY

Таким образом, XRAY, может стать ещё одним удобным инструментом разработки веб-страниц.

Дополнительные инструменты

Представьте, существуют также инструменты по организации самих букмарклетов! Одним из таких бесплатных инструментов является blummy, этот инструмент организует ваши букмарклеты по примеру выпадающего меню. При этом есть возможность конфигурации blummy под собственные нужды.

Blummy

Попробуйте сами

  1. Для тех, кто хочет использовать свой уникальный набор функций предлагаем статью Джона Грубера о том, как написать собственный букмарклет (англ.).
  2. Пользователям Mac сослужат службу статьи на сайте MacWorld, в частности Geek Factor. Develop Safari's Power

Обновлено: 27 ноября 2008 г.

  1. Букмарклеты и правила их написания (статья Ильи Кантора, 24 октября 2008 г.)
  2. Ботокс для web 2.0 (Статья в журнале «Хакер», номер #112, стр. 112-042-1)

О проекте

Webreview.org.ua - ресурс, посвященный веб-технологиям.

Сайт создан в июне 2007 года с целью представления информации по веб-технологиям.

Здесь вы сможете найти:

Популярные статьи