пʼятниця, 18 березня 2011 р.

У скарбничку копіпастера. :)

2 коментарів:
 Як зекономити час оформлюючи дописи та коментарі: додаток до firefoxe —  Make Link. Опис. Детальна інструкція.

 Вітер, холоди, моя маленька майстеренька виявилася абсолютно не підготовленою до настільки суворої зими, що-ж комп’ютер надає не менше можливостей для самореалізації, розповім  про те, як я полегшив собі  працю з оформлення дописів та коментарів.

 Приємно коли дописи та коментарі гарно оформлені, лінки мають опис, а саме посилання сховане від очей:   коментарі гарно оформлені

 Часто цей підхід має суто практичне значення, занадто довгий лінк, без розривів у тексті, легко піде за край сторінки (якщо горизонтальна прокрутка заборонена), у іншому випадку внизу виникає полоса прокрутки, що також не дуже добре, тому, взявши за правило позначати ціль переходу зрозумілими словами, сам URL я ховаю.

 Зробити ніби і не складно, вписуємо  посилання у теґи:

<a href="http:// тут адреса посилання:  "> тут текст: коментарі гарно оформлені</a>

 Те саме у BBCode (використовується на форумах та деяких блогових двигунцях) :

[url=http:// тут адреса посилання: ] тут текст: коментарі гарно оформлені [/url] 

 Проте, набирати все ручками забирає зайвий час та і добряче нагадує тітоньку з бухгалтерії, котра заносячи дані у бази, перевіряє правильність за допомогою кишенькового калькулятора.

 Витрачати навіть краплину зайвого часу на оформлення тексту я великого бажання не маю. Кілька зайвих натискань клавіш там, кілька тут, раз чи два помилився, забув як правильно пишеться потрібний тег, поліз шукати…

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

 Підвищити ефективність допоможуть кілька додатків до браузера firefoxe.
Не сподівайтесь побачити «п’ятдесят найкращих додатків усіх часів та народів» , користуюсь мінімальною кількістю дійсно потрібних мені повсякденно, та ще й часто «допиляних» під персональні потреби.

 Сьогодні мова піде про Make Link 

 Make Link це розширення для Mozilla Firefox ,  додає у контекстне меню браузера  пункт  (Make Link), котрий дозволяє користувачеві легко копіювати посилання на відкриті у браузері сторінки.



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

 Якщо користувач копіюватиме через контекстне меню додатка виділений текст, в буфер обміну цей текст потрапить відформатованим у HTML тегах, чи у форумному BBCode,  або просто у вигляді "текст (URL)“ в залежности від того який саме пункт меню було обрано при копіюванні.



 Make Link  дозволяє користувачеві створювати свої власні типи


посилань, а також вставляти у копійований текст будь які HTML теги.

 Додаток має досить детальний опис англійською, щоб його побачити треба спробувати створити своє власне правило


Як зазначено у описі можемо використовувати кілька перемінних.
В залежности від контексту значення перемінних буде трохи різнитися, та як не вдаватися у тонкощі то:

%text% — це текст посилання, виділений вами на сторінці текст, або текст взятий з опису, якщо ви нічого не виділили.

%url% — власне URL посилання, href атрибут сайту, фрейму або сторінки з виділеним текстом. Якщо клікнути правою кнопкою миші по посиланню у тексті, а у спадному мені вибрати Make Link, у буфер буде поміщено копію посилання на цільову сторінку. Якщо виділити та клікнути, то буде поміщено текст з посиланням на поточну сторінку.

%title% — атрибут title виділеного вами посилання, заголовку сторінки (з’являється при наведенні курсору), або береться з опису сторінки атрибут content будь якого елемента meta з дескриптором (описом) name.

%input% — при копіюванні з’явиться вікно для вводу тексту що буде поміщено у буфер обміну у цьому місці.

%imgurl% — якщо було виділено малюнок у буфер обміну у цьому місці буде поміщено посилання на малюнок, у іншому випадку не відбудеться нічого.

%tinyurl% — буде здійснено спробу помістити у буфер обміну посилання скорочене одним із сервісів: durl.us або TinyUR . Функція експериментальна, можливі збої.

Код для:

<a href="http:// тут адреса посилання:  "> тут текст: коментарі гарно оформлені</a>

<a href="%url%">%text%</a>

а для:

[url=http:// тут адреса посилання: ] тут текст: коментарі гарно оформлені [/url] 

[url=%url%]%text%[/url]

 Іноді я, вказуючи посилання, не бажаю ні на йоту сприяти популярності цитованого ресурсу, тоді я повинен вказати у рядку посилання  параметр rel="nofollow"

<a rel="nofollow"  href="http://тут адреса посилання: "> тут текст: не бажаю ні на йоту сприяти популярності цитованого ресурсу</a>

<a rel="nofollow"  href="%url%">%text%</a>

 Як насправді поведеться пошуковик з цим лінком можна лише здогадуватися, але своє ставлення до цитованого ресурсу ми висловили.

 Так само я люблю у коментарях брати цитований текст у лапки та виділяти курсивом:

<i>«брати цитований текст у лапки та виділяти курсивом»</i>

<i>«%text%»</i>

 Те саме у BBCode :

[i]«брати цитований текст у лапки та виділяти курсивом»[/i] 

[i]«%text%»[/i]


 А до того ще й розшифровку акронімів та різноманітних абревіатур можна також приховати прямо у тексті, наводиш курсор і читаєш виринаючу підказку: DIY

<acronym title=" тут текст виринаючої підказки: Do It Yourself _ Зроби Сам">тут текст: DIY</acronym>

Текст беремо з виділеного, повідомлення виринаючої при наведенні курсору підказки  вводимо:

Текст беремо з виділеного

<acronym title="%input%" >%text%</acronym>

Або навпаки, виринаючу підказку утворюємо з виділеного тексту, а текст під котрим вона ховатиметься вводимо:

а текст вводимо

<acronym title="%text%" >%input%</acronym>

 Можна розшифровувати акроніми, а можна реалізувати давню мрію людства, не лише читати «між рядків», а ще і писати між рядками.

 Цитування у тексті допису також  логічно вставляти вже оформленими у відповідні теги та з готовим посиланням на джерело:
Цитування у тексті допису також логічно вставляти вже оформленими у відповідні теги та з готовим посиланням на джерело


<blockquote>
%text% 
<br />
<div style="text-align: right;">
<span style="font-size: x-small;">Поцупив тут: <a href="%url%">  %url% </a></span></div>
<br /></blockquote>

 Оформлення великих цитат у Blogger мене свого часу дуже діставало, цитати розсипалися на купу маленьких, кожен тег </br> перетворювався на окрему цитатку, а міняти звичні налаштування форматування мені не хотілося.
Make Link вирішив усі проблеми.

Поки я готував цей невеличкий текст весна нарешті згадала про свої обов’язки, а я про свої, наступний допис буде присвячено дрібному ремонту побутової техніки.

UPD субота, 19 березень 2011  Щойно випадково натрапив на подібне розширення для Google Chrome: Link Textify 
Як працює не перевіряв, бо  Хромом не користуюсь.

2 коментаря

Юрко Блогер :

Цікавий додаток до вогнелиса! Спробую в дії!

Андрій Івахненко :

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

Дописати коментар

Можна використовувати теги:
<i>курсив</i> <b>жирний</b>
<a href="http:// «адреса посилання» "> «текст» </a>

ще? :