nine-it » Safari Reader

Google Chrome: мої улюблені плагіни

admin — Mon, 19 Jul 2010 22:36:28 +0000

Вирішив поділитися своїми улюбленими плагінами для Google Chrome.

Доцього мене спонукало те що мій хром злітав (вірніше мій профіль =( ) і просто хотілося поділитися з людьми

Ось список моїх улублених «плюшок»:

iReader

З виходом у світ нової версії браузера Safari 5, всі були вражені нової можливості, яка стала відома під назвою Safari Reader. Ця функція дозволяє в більш зручному форматі читати статті і блоги, прибираючи все сміття, який може відволікати увагу.

Детальніше про цей плагін тут.
https://chrome.google.com/extensions/detail/ppelffpjgkifjfgnbaaldcehkpajlmbc?hl=uk

PageRank

Куди ж без визначення Google PageRank для кожної сторінки, яку переглядаємо:
https://chrome.google.com/extensions/detail/pneoplpmnpjoioldpodoljacigkahohc?hl=uk

Google bookmarks

Цього плагіна мені не вистачало з самого виходу Chrome від Google: закладки гугла, які я додавав в GoogleToolBar в FireFox =). І тут можна керувати закладками…
https://chrome.google.com/extensions/detail/fhaicgmeeafgboeobjagfmlcdhbkijhf?hl=uk

FlashBlock

Для мене Flash – це зло, вірніше мене дуже бісять банери, які пишуть не дуже пряморукі Flash-кодери =). А якщо хочете - то можете дозволити флеш для свої улублених сайтів.
https://chrome.google.com/extensions/detail/gofhjkjmkpinhpoiabjplobcaignabnl?hl=uk

JQuery: reader.jquery — читаемо з задоволенням

admin — Wed, 07 Jul 2010 22:00:26 +0000

Як ми пам’ятаємо, зовсім недавно вийшов Safari 5. Однією з цікавих особливостей нової версії браузера виявилася так звана «читалка» – Safari Reader. Даний модуль дозволяє виділити на сторінці основний текст і відобразити його в зручному вигляді без зайвих елементів сайту і реклами. Погодьтеся, досить зручно читати, коли тобі нічого не заважає. До плюсів модуля також варто віднести і можливість мінімального, але потрібноого налаштування розміру шрифту (скролл сайту збільшить все і не завжди добре). З мінусів – працює тільки в Safari.

Багатьох людей і мене в тому чилі не влаштувало те, що всі плагіни і розширення потрібно встановлювати в браузер (крім Safari зрозуміло, ось наприклад для Googole Chome). А якщо запропонувати користувачу теж саме, але тільки засобами самого сайту?

Reader – це звичайний плагін для популярної бібліотеки jQuery. Особливістю плагіна, як і будь-яких інших, є легкість підключення до сайту і просте налаштування плагіна під свої потреби. До того ж він більш гнучкий, ніж Safari Reader або плагіни для інших браузерів, так як є можливість задавати параметри відображення. Це дозволяє оформити вікно «рідера» у стилі сайту. З опціями за замовчуванням він виглядає майже так само, як і Safari Reader.

Важливо

Для правильної роботи вміст сторінки, яку передбачається виводити за допомогою плагіна, слід помістити в блочний елемент. Важливою умовою є наявність всередині заголовка H1, саме до нього чіпляється кнопка активації режиму читання.

Для більш гнучкого налаштовування в самому плагіні у функції analysis можна вказати правила для фільтрації контента. Правила задаються у вигляді регулярних виразів.

Підтримує

Тестувалося на FF 3.6.6, Opera 10.60, Safari 5, IE 7,8. Не підтримується робота з IE 6. У всіх інших випадках можливі невеликі проблеми.

Як використовувати

Думаю, розповідати, як підключати скрипти до сторінок не має сенсу, але все-таки наведу приклад.

Найпростіший приклад ініціалізації плагіна:

$(«document»).ready(function(){

$(«#reader»).reader();

});

Ініціалізація з опціями:

$(«document»).ready(function(){

$(«#post»).reader({

«shadow» : {

«opacity»: «.8″

},

«window» : {

«width» : «800px»,

«color» : «#000″,

«fontFamily» : «Georgia»,

«fontSize» : «16px»

},

«button» : {

«background» : «#54ACFE»,

«color» : «#FFFFFF»,

«text» : «основное»,

«padding» : «0 4px 1px 4px»,

«margin» : «0 0 0 10px»,

«fontSize» : «12px»,

«fontFamily» : «sans-serif»,

«fontWeight» : «normal»

}

});

});

Описи параметрів:

shadow

Набір опцій задає налаштування для тіні. Покищо доступна тільки одне можливе налаштування для тіні.

opacity

Визначає ступінь прозорості для фону.

window

Набір опцій, які задають параметри для вікна, в якому буде відображатися текст статті.

width

Задає ширину вікна.

color

Задає колір тексту всередині вікна.

fontFamily

Вказує шрифт для відображення тексту.

button

Набір опцій, який задає налаштування для кнопки, що формується поруч із заголовком статті.

background

Задає колір фону кнопки.

color

Задає колір тексту усередині кнопки.

text

Вказує який текст виводити на кнопці.

padding

Вказує внутрішні відступи.

margin

Вказує зовнішні відступи.

fontFamily

Вказує сімейство шрифтів для кнопки.

fontWeight

Задає напівжирний шрифт тексту на кнопці.

Посилання:

Сторінка проекту
Демонстрація
Завантажити в zip

За бажанням автора – додаю лінка на першоджерело http://klimchuk.com/blog/reader-jquery-chitaem-s-udovolstviem, не звалаючи на лінки на проект

google chrome: safari reader плагін

admin — Mon, 14 Jun 2010 18:06:42 +0000

Пропоную вашій увазі iReader – Safari Reader для браузера Google Chrome.

Як використовувати iReader:

Коли ви зайдете на веб-сторінцу, яка визначена як стаття, iReader значок з’являється на Omnibox (в адресному рядку).
Натисніть на іконку (або використовувати клавіші *), щоб відкрити вікно iReader.
Щоб закрити iReader і повернутися на веб-сторінку, клацніть у будь-якому місці у фоновому режимі або клацніть значок iReader знову.

* Клавіші швидкого доступу:
(Ctrl + Shift + P) для Windows і Linux, і (?-Shift-P) для Macintosh.

iReader - Safari Reader для браузера Google Chrome