Personas - новое платье для Firefox.

А теперь давайте рассмотрим расширение Personas, основная цель которого - радовать глаз. При помощи его вы сможете изменять внешний вид вашего браузера. То, что на суржике называют "скинами". По большому счёту никаких опций здесь нет. Вы можете делать изменения, щёлкая на значке лисы, который появится в левом нижнем углу.


Из выпадающего меню выберите какой-либо стиль и через пару-тройку секунд ваш браузер преобразится. Разумеется эти пара-тройка секунд зависят от скорости вашей линии и степени её загруженности.




Примите во внимание, что у многих это будет выглядеть несколько иначе, я бы сказал более впечатляюще. Поскольку в своей ОС я использую стиль оформления, именуемый Windows Classic.

А здесь более хорошего качества.


----------------
Now playing: Procol Harum - Wreck Of The Hesperus
via FoxyTunes

Foxy Tunes, которое и строить, и жить помогает.

Основной целью расширения Foxy Tunes является управление медиа плейером напрямую из окна браузера. Т.е. при прослушивании музыки отпадает необходимость переходить в окно медиа плейера. После установки появляется вот такая вот полоска в нижней рамке окна браузера.


Но помимо этой основной функции, Foxy Tunes благодаря сотрудничеству с другими компаниями становится источником различной информации, касающейся музыки. Обьяснюсь. Текст проигрываемой песни, клипы этого исполнителя и вообще всякую дополнительную информацию можно получить одним лишь щелчком. Можно осуществлять поиск по песне, по названию альбома, по имени исполнителя, и по бог знает ещё какому критерию.
Ниже можно видеть два примера, двух исполнителей, информацию о которых на мой взгляд довольно сложно найти в Сети(это не поп-музыка). Хотя и здесь не бог весть сколько информации, но её поиск занял минимум времени.



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

Итак. Нажатием левой кнопки мыши на кнопке с символом нот вы активизируете главное меню. Здесь вы можете выбрать настройки.


Прежде всего вы можете выбрать имеющийся у вас плейер из списка поддерживаемых плейеров. Если таких несколько, то щёлкнув на Quick Switch to вы сможете переключитьься на другой плейер. Управлять проигрывателем можно прямым нажатием соответствующих кнопок, так же как и из подменю Controls.


Из подменю Extras можно установить таймер (Sleep Timer) задав время остановки проигрывания, либо будильник (Alarm Clock) задав время запуска. Здесь же нажатием на Skins можно изменить графическое оформление данного расширения (среди них есть очень симпатичные). TwittyTunes установит расширение, которое позволит вавм сообщить всему миру о ваших вкусах (и не только музыкальных).


Подменю Character Encoding позволяет изменять кодировку, на случай если у вас имеются файлы, названия которых написаны отличным от латиницы шрифтом (особо актуально для русскоязычных пользователей).


Подменю Configuration позволяет:

• Skins - выбрать стиль графического оформления
• Keyboard Shortcuts - настроить управление плейером с помощью клавиатуры
• Reposition - изменить местоположение Foxy Tunes
• Auto-hide Main Panel - автоматически прятать основную панель Foxy Tunes
• Auto-hide Track Title Panel - автоматически прятать панель в которой показано название проигрываемого файла
• Hide Buttons - убрать из панели управления Foxy Tunes те или иные кнопки, панели
• Context Menus - добавить дополнительные меню
• Albums Covers - выбрать сайт, с которого будет получено изображение обложки проигрываемого альбома (по умолчанию Amazon.com)
• Clear Players Quick Switch - убрать команду позволяющую преключаться между плейерами, в случае, если у вас имеется несколько поддерживаемых плейеров
• Update Track Title on Startup - обновить название проигрываемого файла при запуске
• Update Volume on Startup - обновить уровень громкости при запуске
• Customize Web Search - менять поисковую систему, к которой будет обращаться Foxy Tunes
• Signatunes - добавлять к вашим сообщениям, блогам, e-mail проигрываемые в данный момент файлы

В подменю Feedback вы сможете высказать своё отношение к данному расширению, пообщаться на форуме, проголосовать за свой любимы плейер. Иными словами, путь к общению с другими меломанами открыт.


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


При нажатии на кнопки, указанные у меня стрелками, будут открываться соответствующие меню:
History - go back one track - вернуться на один трек назад
History - go forward one track - перейти на один трек вперёд
Show Recent History - показать историю последних прозвучавших файлов
Track Info - информация о треке
Все эти переходы вперёд и назад не повлияют на проигрываемую музыку. В этом есть необходимость, только, если вы хотите осуществить поиск. К тому же и название песни, и имя исполнителя видимые в этом окне являются ссылками, при нажатии на которые запускается соответствующий поиск.
Ниже вы видите и другие возможности для осуществления поиска.


Теперь можете искать всё, что вашей душеньке будет угодно.
А теперь как обычно видео.

А это по-лучше будет.


----------------
Now playing: Stacey Kent - Don't Be That Way
via FoxyTunes

С чем сравнить Firefox?

Бродя по просторам Сети я натолкнулся на статью, создатель которой о причинам чисто техническим не очень лестно отзывается о Firefox. Я отнюдь не склонен ругать MS и то, что они создают. Скорее наоборот, я искренне восхищаюсь Б.Г. За какие-то 30 с хвостиком лет он превратил свою компанию в монстра, которого боятся чуть ли не все. Возможно это было не всегда корректно, а может быть иногда и совсем не корректно, но уж наверняка он не нанимал наёмных убийц и не давал взятки ребятам из IBM, HP, Sony и пр. Нужно отдать должное, что благодаря отличной стратегии он умудрился превратить некогда маленькую компанию-спутник в поставщика и разработчика всего и вся.

Однако, нужно сказать честно, что Internet Explorer уступает Firefox'у в том, что касается нововведений, удобства, функциональности и степени приверженности стандартам. Чем дальше, тем больше и больше MS просто давит своей мощью и степенью влияния на рынок, а в этом ей нет равных.

В этой связи я хотел бы продемонстрировать тест Acid2, целью которого является помощь разаработчикам браузеров в проверке степени соответствия их продуктов инструментам вёрстки применяемым веб дизайнерами. Эти инструменты являются отражением уже существующих стандартов, но разаработчики браузеров не особо придерживаются их.

Тест опубликован The Web Standards Project (WaSP), что переводится как проект по веб стандартам(как я перевёл, а? К тому же и аббревиатура у них замечательная). Создатели этого теста стараются подтолкнуть разаработчиков ориентироваться на эти стандарты в своей работе.
Тест представляет собой сложную, многоуровневую страницу, на которой реализованы свойства, которые по тем или иным причинам ещё редко применяются при вёрстке страниц. Цель - сделать наглядным как для пользователей, так и для программистов степень соответствия того или иного браузера принятым стандартам.
Так должно быть "в идеале".


Вот это Firefox 2.


А вот это Internet Explorer 7.


Создатели Acid2 оговаривают особо, что они не претендуют на полное соответствие ВСЕМ стандартам. Но, что они отобрали наиболее важные и наиболее перспективные с точки зрения развития Сети характеристики, к которым прибегают при вёрстке. Они признаются, что на создание этого теста их подтолкнуло появление IE7, но он адрессован всем. И они полагают, что он поможет выявить имеющиеся проблемы.
А вот это результаты теста Acid3, целью которого являются проверка динамически изображаемых страниц. Зрелище не из приятных.
Опять же сначала "идеал".


Это Firefox 2.


Вот это Internet Explorer 7.


Я должен, правда, оговориться, что Internet Explorer 8 beta-версия выглядит уже иначе.



Здесь мы уже гордимся этим. Теперь будем ждать готового продукта. Вопрос "Как долго?"

Работа с закладками.

Я особенно остановлюсь на работе с закладками (Bookmarks) по той простой причине, что для пользователей Internet Explorer подобные возможности будут вновинку. Работа с закладками (Favorites в терминах Microsoft) практически не претерпела никаких изменений, начиная с четвёртой версии.
Имеющийся же в Firefox Bookmark Manager существенно облегчает работу с закладками, делая её более наглядной. По сути вы можете обращаться с ними так, как если бы вы работали с текстовым файлом. Редактировать, переносить из папки в папку, копировать, удалять, создавать новые папки, пользоваться drag-and-drop.


Внести какую-либо страницу в закладки вы можете щёлкнув правой кнопкой мыши в поле страницы и выбрав строку Bookmark This Page,


либо щёлкнув правой кнопкой мыши в заголовке вкладки и выбрав строку Bookmark This Tab.


Вы можете внести в закладки все открытые вкладки щёлкнув правой кнопкой мыши в заголовке любой из вкладок и выбрав строку Bookmark All Tabs.



Вы можете импортировать либо эспортировать закладки. При импорте закладок вам предстоит выбрать источник, откуда они будут импортированы. Будь то Internet Explorer либо HTML-файл.


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


Как следует из опций вы можете создавать
New Bookmark - новые закладки
New Live Bookmark - новые живые (т.е. обновляющиеся) закладки
New Folder - новые папки
New Separator - новые разделяющие линии (для бОльшей наглядности)
Import / Export - импортировать /эспортировать закладки
Меню Edit: название говорит само за себя. Здесь вы можете редактировать свои закладки.
Меню View:

Toolbar - показывать полосу инструментов
Show columns - показывать соответствующие колонки
Name - имя
Location - местонахождение
Keyword - ключевое слово
Description - описание
Added - дата добавления
Last Modified - дата изменения описания
Last Visited - дата посещения
Ascending / Descending - сортировать по увеличению / уменьшению по любому из имеющихся показателей (те же, что указаны выше). Того же эффекта можно добиться щёлкнув левой кнопкой мыши на названии одной из колонок в правом окне.

Здесь как обычно то же видео, но более высокого качества.

IETab. Если гора не идёт к Магомету.

Поскольку компания Microsoft внедряет свои технологии зачастую не считаясь с установленными стандартами, а иногда даже в ущерб удобству пользователей, то некоторые сайты могут выглядеть убого, а то и вовсе не работать в других браузерах. Как правило это давно не обновлявшиеся сайты, либо сайты построенные на базе продуктов самой компании Microsoft. Расширение IETab и является решением этой проблемы, позволяя открывать страницы, оптимизированные под Internet Explorer. По сути оно позволяет запускать Internet Explorer в одной из вкладок, выступая в качестве некоего носителя. Т.е. движок IE будет работать внутри движка Firefox'а. Для пользователя это выглядит совершенно прозрачно. В худшем случае вам понадобится щёлкнуть одни раз мышкой.

Итак, после установки расширения IETab в правом нижнем углу браузера появится значок Firefox'а. При нажатии левой мышкой на нём он будет меняться на значок Internet Explorer'а. Соответственно в этой вкладке будет запущен Internet Explorer. Выглядит это так:

IE: Firefox:

При нажатии правой кнопкой мыши появится окно настроек этого расширения. Имеющиеся опции таковы:


Вкладка Sites Filter - фильтр сайтов. Позволяет добавлять адресса сайтов, ктоторые будут по умолчанию открываться при помощи IE. Если в данный момент вы находитесь на странице, которую вы хотели бы открывать в IE, то в строке URL будет фигурировать её адресс. Нажав на кнопку Add вы добавите эту страницу в таблицу с адрессами. Нажав же на уже имеющийся в таблице адресс, вы можете удалить его нажав кнопку Delete.
Enable Sites Filter - активирует фильтр сайтов.


Вкладка General Settings
Show on interface:
Tools Menu Item - в меню Tools появится строка с именем этого расширения, нажав на которую вы сможете изменить его настройки.
Status Bar Icon - в правом нижнем углу, в полосе статуса появится символ, указывающий на то, какой движок задействован в данной вкладке.
Tools Menu Icon - в меню Tools в строке IE Tab появится иконка.
When switch rendering engine: - при переключении между движками
Always use current engine to open a new URL - при открытии новой вкладки будет задействован тот же движок, что используется в текущей вкладке.
Open in a new tab when switching engines - при переключении с одного движка на другой данная странирца будет открыта в новой вкладке.
Focus on the new tab when switching engines - при смене движка переходить в новую вкладку (это разумеется актуально только если у вас активирована предыдущая опция)


Вкладка Context Menu
Tabbar Tabs context menu shows following items: при щелчке правой кнопкой мыши на заголовке вкладки в выпадающем меню появится следующее:
Switch rendering engine - строка с предложением переключить движок
Open in Ext.App. - строка с предложением открыть текущую страницу во внешнем приложении
Icon - изобразить иконки
Context Area context menu shows following items: при щелчке правой кнопкой мыши на самой странице появится следующее:
View Page in IE Tab - строка с предложением переключить движок
View Page in Ext.App. - строка с предложением открыть текущую страницу во внешнем приложении
Icon - изобразить иконки
Personal Bookmarks context menu shows following items: при щелчке правой кнопкой мыши на одной из ваших закладок (Bookmarks) появится следующее:
Open in IE Tab - строка с предложением переключить движок
Open in Ext.App. - строка с предложением открыть текущую страницу во внешнем приложении
Icon - изобразить иконки


Вкладка External Application - по сути указывает местонахождения вашего Internet Explorer'а
Ctrl+Click on IE Tab button to open URL in Ext.App. - нажав одновременно на клавишу Ctrl и левую кнопку мыши вы откроете текущую страницу во внешнем приложении (т.е. IE).
Кнопка Settings в левом нижнем углу позволит вам экспортировать либо импортировать уже готовые настройки. Удобно при переносе на другие машины. Третья имеющаяся здесь опция позволит восстановить установки "по умолчанию".

В ходе написания статьи натолкнулся на один сайт, который самым очевидным образом оптимизирован под Firefox. Т.е. под IE он выглядит неприглядно. Даже меню видно плохо. Хотя говорить об оптимизации под Firefox, пожалуй, некорректно. Просто его разработчики стараются следовать принятым стандартам.

А здесь как обычно более высокого качества.

AdBlock Plus. Специалист по рекламе. Часть 3.

Разумеется Adblock Plus не первая программа, позволяющая пользователям блокировать появляющуюся на страницах рекламу. А ажиотаж она вызвала по-видимому той лёгкостью, с которой пользователи могут применять имеющиеся готовые фильтры и тем, что они касаются различных зон интернета.
Опции имеющиеся в Adblock Plus таковы:

Меню Filters:
Add filter - позволяет добавлять фильтры.
Add filter subscription - позволяет добавлять подписку на фильтры.
Update all subscription - обновляет все подписки.
Import filters - импортирует фильтры. Очень удобная возможность добавлять сделанные вручную фильтры.
Export filters - экспортирует фильтры. Сделанные вручную фильтры можно преносить с одной машины на другие.
Remove all filters - удаляет все фильтры.
Reset hit statistics - обнуляет статистику фильтров.


Меню Edit - позволяет копировать, удалять, искать по заданным параметрам строки.


Меню Options:
Enable Adblock Plus - активирует Adblock Plus. Позволяет отключить расширение без необходимости перезапускать браузер.
Show tabs on Flash and Java - показывает содержащиеся на странице элементы Flash и Java. Если вы отключите эту опцию, то со страницами, имеющими построенное на Flash/Java контекстное меню у вас будут проблемы.
Collapse blocked elements - вместе с рекламой будут удалены элементы страницы, на которых она была размещена. Т.е. у вас не будут оставаться пустые пятна в местах, где была размещена реклама.
Check banner links - если по какой-либо причине удаётся блокировать рекламу, но не удаётся заблокировать связанный с ней адресс, то эта опция позволит вам сделать это вручную.
Show in tool bar - показывает эмблему в строке адресса (т.е. в правом верхнем углу).
Show in status bar - показывает эмблему в строке статуса (т.е. в правом нижнем углу).


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


Если за этим адрессом замечена активная рекламная деятельность, то вы можете удалить все знаки, вплоть до первой косой черты, следующей непосредственно за самим адрессом. (Что-то вроде .com/ или .net/ или .ru/ и пр.) Вместо них поставьте знак * (звёздочку/asterisk). Это будет означать, что данное правило блокировки будет относиться ко всем адрессам этого сайта. На деле сайт будет полностью недоступен. Для того, чтобы перекрыть обращения только к адрессам ответственным за рекламу, то нужно отредактировать стороку таким образом.

Не доступен весь сайт:

• http://rambler.ru/*
  

Не доступна только та часть сайта, которая расположена по соответствующему адрессу:

• http://top100-images.rambler.ru/*
• http://img2.ru.redtram.com/*
• http://d.yimg.com/*

Собственно, именно она (эта часть) и ответственна за рекламу. Если же владелец сайта попытается обойти фильтр изменив адресс ответственного за рекламу сервера на, скажем:

• http://top100-ims.rambler.ru/
• http://top200-images.rambler.ru/
• http://top500-images.rambler.ru/,

то в таком случае мы можем поставить звёздочку вот так:

• http://*.rambler.ru/, либо (если это окажется слишком серъёзным ограничением) внеся отдельными строками адресса всех рекламных серверов:

• http://top100-ims.rambler.ru/*
• http://top200-images.rambler.ru/*
• http://top500-images.rambler.ru/*

Тут как обычно видео.

А здесь лучшего качества.

AdBlock Plus. Специалист по рекламе. Часть 2.

После установки вам наверняка захочется убедиться в эффективности этого расширения. Давайте посмотрим.

Наведя мышкой на значок расширения вы увидите всплывающее окно, указывающее число заблокированных элементов и наиболее активные фильтры. Всё это касается текущей страницы. В данном примере у меня заблокировано 23 из 92 элементов.
Или же можно щёлкнув правой кнопкой мыши на значке расширения, выбрать Open blockable items.


После этого откроется вот такое вот окно (вернее ваша страница будет разделена горизонтально).

Вы можете здесь видеть серые и красные (заблокированные) строки адрессов. Щёлкнув правой кнопкой мыши на строке с незаблокированным адрессом вы сможете его заблокировать (Block this item). Щёлкнув же на строке с заблокированным адрессом вы сможете настроить фильтр, ответственный за его блокирование (Edit filter in effect).

Здесь вы сможете увидеть этот же ролик в лучшем качестве.

AdBlock Plus. Специалист по рекламе. Часть 1.

Задачей данного расширения является блокирование рекламы. И с этим оно справляется замечательно. Настолько замечательно, что здесь вы можете прочитать о владельце сайтов, который препятствует пользователям Firefox посещать его сайты именно по этой причине. А PC World внёс это расширение в список 100 лучших продуктов 2007 года.

По сути Adblock Plus представляет собой набор фильтров, которые анализируют посещаемые вами страницы на предмет нахождения там адрессов сайтов известных своей рекламной деятельностью. Обращения к этим адрессам блокируются, оставляя ваши страницы свободными от рекламы. Пользователю остаётся только подписаться на уже готовые фильтры, которые периодически обновляются. У пользователя имеется также возможность редактировать (добавлять или удалять) фильтры.

Вот так выглядит Adblock Plus при первом запуске.


Вам сразу же предлагается сделать подписку на какой-либо фильтр. Вы можете добавить дополнительные подписки нажав на имеющуюся в левом нижнем углу кнопку Add another subscription. В новой вкладке браузера откроется список имеющихся подписок. Вы сможете сделать подписку и позже. Красный значок этого расширения с буквами ABP вы увидите в правом верхнем углу. Нажав левой кнопкой мыши вы увидите вот такое окно, в котором вы сможете настраивать это расширение.


Для добавления подписки зайдите в меню Filters > Add filters subscription. Нажав в появившемся окошке на кнопку View all subscription вы сможете выбрать желаемую подписку.


Подробный ролик вы можете увидеть ниже.

А здесь вы сможете увидеть его в лучшем качестве.

Синхронизация в Firefox

Расширение Google Firefox Sync позволяет синхронизировать ваши браузеры на нескольких машинах.
Переходя от одного компьютера к другому вы не почувствуете разницы. История ваших посещений, ваши закладки (то, что называется Bookmarks), ваши вкладки(Tabs) будут синхронизированы. Вы можете синхронизировать так же и ваши учётные записи с паролями. Синхронизация производится автоматически. Здорово облегчает работу тем, кому по роду своих занятий приходится работать с нескольких компьютеров.



При создании просит ваш e-mail в качестве имени пользователя(ни разу на него ничего не присылали). Помимо пароля запрашивает так называемый Security PIN(некое подобие второго пароля), который вам понадобится в случае установления этого расширения на других компьютерах. Для полной синхронизации может потребоваться использовать кнопку Full Refresh . Время от времени, особенно если вы долго не пользовались каким-либо компьютером, может запрашиваться подтверждение. Но это не обременительно.
Во вкладке Sync Settings вы можете видеть (и разумеется изменять параметры синхронизации).
В любой момент вы можете остановить синхронизацию (кнопка Stop syncing во вкладке Account Information) или даже приостановить работу расширения.



Здесь можно это видеть.

Здесь то же видео, но в лучшем качестве.

Работа с клавиатурой

Несколько слов о работе с клавиатурой. Опции здесь удобные и нет необходимости лишний раз гонять мышку по рабочему столу. Об их удобстве говорит тот факт, что в 7-ой версии IE эти опции взяты на вооружение. А сочетание левая рука на клавиатуре, правая рука с мышкой существенно увеличивает скорость работы.
Вот эти опции:
* Ctrl + Tab или Ctrl + PageDown: переход по вкладкам слева направо.
* Ctrl + Shift + Tab или Ctrl + PageUp: переход по вкладкам справа налево.
* Ctrl + (1-9): переход на вкладку с соответствующим номером.
* Ctrl + N: открыть новое окно.
* Ctrl + T: открыть новую вкладку.
* Ctrl + L или F6: переход в строку адресса.
* Ctrl + K или Ctrl + E: переход в строку поиска.
* Ctrl + O: открыть файл.
* Ctrl + W: закрыть вкладку либо окно, если открыта только одна вкладка.
* Ctrl + Shift + W: закрыть окно.
* Ctrl + S: сохранить страницу.
* Ctrl + P: отправить страницу на печать.
* Ctrl + F или F3: запустить поиск на странице.
* Ctrl + G или F3: найти следующее соответствие на данной странице...
* Ctrl + Shift + G или Shift + F3: найти предыдущее соответствие на данной странице...
* Ctrl + B открыть окно закладок(Bookmarks).
* Ctrl + H: открыть окно последних посещений(History).
* Escape: приостановить загрузку страницы. В случае, когда на странице осуществляется поиск, то прекратить поиск и убрать строку поиска.
* Ctrl + R или F5: перезагрузить страницу.
* Ctrl + Shift + R или Ctrl + F5: перезагрузить страницу, не прибегая к использованию кэша.
* Ctrl + U: просмотреть html-эквивалент данной страницы.
* Ctrl + D: сделать закладку.
* Ctrl + Equals (+/=): увеличить размер текста.
* Ctrl + Minus: уменьшить размер текста.
* Ctrl + 0(ноль): установить размер текста "по умолчанию".
* Alt + Left или Backspace: вернуться назад.
* Alt + Right или Shift + Backspace: перейти вперёд.
* Alt + Home: открыть домашнюю страницу.
* Ctrl + J: открыть окно загрузок.
* Apostrophe ('): найти ссылку по мере набора на клавиатуре.(Эта клавиша находится обычно рядом с клавишей Enter)
* Slash (/): найти текст по мере набора на клавиатуре.

Помимо всего прочего, работа с клавиатурой производит неизгладимое впечатление на неопытных пользователей и всякий, кто работает на ней, автоматически зачисляется в ряды "специалистов".
Здесь видео, в котором всё это показано.

А здесь более качественная версия этого же видео.