Принудительно выключаем плагин Skype

Очень часто возникает ситуация, когда указанные на сайте телефоны плагин Skype делает несоответствующими дизайну сайта. Это может очень сильно покорёжить макет сайта.

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

Логичным решением будет отключить плагин Skype принудительно. Как это сделать?

Дoстаточно внутри тега ... прописываем следующее:

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

Как включить протокол SPDY в Firefox

SPDY (SPeeDY) позволяет вдвое уменьшить задержку (latency) при работе через HTTP. Общее ускорение загрузки веб-страниц порядка 40-60%. Делается это за счёт мультиплексирования запросов; расстановки приоритетов для запросов; сжатия заголовков HTTP.

Разработчики Mozilla сказали, что SPDY появился в тестовой сборке Firefox. Правда, по умолчанию он выключен, но активировать можно в настройках about:config, переключив флаг network.http.spdy.enabled в положение true.

Разработанный Google протокол SPDY (HTTP 1.2) с 2011 года поддерживается браузером Chrome, и серверами Google. За счёт этого Chrome вот уже около года заметно быстрее работает на «родных» сайтах.

SPDY является абсолютно открытым протоколом: соответствующий прокси могут поднять у себя владельцы любого сервера (например, есть модуль для Apache и модуль для Node.JS), а реализовать поддержку клиента способны разработчики любого браузера.

Теги

Техническое обслуживание персонального компьютера

1. Протравил платку, впаял 6 стандартных панелек под кулера, закрепил.

2. Разобрал регулятор от Zalman (шел в комплекте с кулером CPU), отпаяв аналог стабилизатора К142ЕН5А закрепил.

3. Установил стабилизатор на больший радиатор напротив вытяжного кулера.

4. Гриль от внутреннего кулера БП перекочевал на заднюю стенку корпуса доп. вытяжного кулера (много трудов стоило аккуратно вырезать отверстие).

5. Дабы исключить вероятность перегрева установил доп. радиаторы.

6. Ввиду отсутствия датчика температуры на Родеонах вынес его с мат. платы на подложку системы пассивного охлаждения, что кстати очень удобно (при "перегреве" комп пищит и отключается).

7. Заменил все "критические" конденсаторы (мелочь не трогал).

8. После 2-х месяцев работы новой видео карты сдох родной кулер, под рукой оказалась "халявная" система пассивного охлаждения Zalman. Для вентиляции внутренностей установлен кулер.

9. "Терможвачка" на северном мосту заменена на пасту.

10. Добавил сквознячка.

11. Залепил все лишние отверстия скотчем, местами использовал паролон (задняя панелька от предыдущей мат. платы).

Все кулера, кроме БП (они сами регулируют обороты, никогда не слышал их работы) и CPU, сидят на одном реобасе.

Плавно регулируется от "тихо" до "холодно", есть задумка прицепить автоматику.

Теги

Просмотр чужих веб камер

Множество веб-камер доступно из интернета. Можно даже подключится к камерам слежения. У каждой серьезной камеры свой ip адрес и встроенный web-сервер к которому можно подключиться. Попробуем.
Для начала, скопируем какую-либо из этих строк:

intitle:start inurl:cgistart
inurl:"ViewerFrame?Mode="
inurl:netw_tcp.shtml
intitle:"supervisioncam protocol"
inurl:CgiStart?page=Single
inurl:indexFrame.shtml?newstyle=Quad
intitle:liveapplet inurl:LvAppl
inurl:/showcam.php?camid
inurl:video.cgi?resolution=
inurl:image?cachebust=
intitle:"Live View / - AXIS"
inurl:view/view.shtml

intext:"MOBOTIX M1"
intext:"Open Menu"
intitle:snc-rz30
inurl:home/
inurl:"MultiCameraFrame?Mode="
intitle:"EvoCam" inurl:"webcam.html?quot;
intitle:"Live NetSnap Cam-Server feed"
intitle:"Live View / - AXIS 206M"
intitle:"Live View / - AXIS 206W"
intitle:"Live View / - AXIS 210"
inurl:indexFrame.shtml Axis
inurl:"ViewerFrame?Mode="
inurl:"MultiCameraFrame?Mode=Motion"
intitle: Network camera

Теперь открываем http:/google.com и помещаем скопированную строку в строку поиска и жмем "найти". Среди результатов будет массы ссылок, ведущих на интерфейсы веб-серверов веб-камер.

Обычно сервера таких камер не имеют названия, а начинаются с ip.

Теги

Изменяем стиль гиперссылок и их реакцию на наведение мышью

Поскольку весь Интернет строится на связях, то важным моментом становится стиль ссылки (например, якоря, или тега) как части общего дизайна сайта, стиля сайта и юзабилити.

Есть так много вариаций изменения ссылок по типу, цвету, реакции на наведение, цветовым сочетаниям, что я думал, было бы интересно перечислить некоторые из них. Некоторые покажутся вам знакомыми, в то время как другие могут быть необычными и удобными.

Я старался держаться подальше от действительно странных анимированных гиперссылок, но вместо этого решили придерживаться те, которые вы можете заметить на веб-странице.

Итак, как сделать гиперссылку красочной и заметной, изменить цвет гиперссылки при наведении на нее мышкой...

Ниже приведу стили ссылок. Чтобы использовать нужный - найдите в таблице стили с цифрой пункты списка, указанного выше (например nth-of-type(5) - это элементы стилевого списка, создающие эффект, указанный в 5 пункте)


.link-list a:link, a:visited { color: darkblue; }

.link-list li:nth-of-type(2) a { text-decoration: none; }
.link-list li:nth-of-type(2) a:hover { text-decoration: underline; }

.link-list li:nth-of-type(3) a { }
.link-list li:nth-of-type(3) a:hover { text-decoration: none; }

.link-list li:nth-of-type(4) a { }
.link-list li:nth-of-type(4) a:hover { color: #E06C1F; text-decoration: none; }

.link-list li:nth-of-type(5) a { }
.link-list li:nth-of-type(5) a:hover { color: #E06C1F; }

.link-list li:nth-of-type(6) a { border-bottom: dashed 1px; text-decoration: none; }
.link-list li:nth-of-type(6) a:hover { border-bottom: solid 1px; }

.link-list li:nth-of-type(7) a { border-bottom: solid 1px; text-decoration: none; }
.link-list li:nth-of-type(7) a:hover { border-bottom: dashed 1px; }

.link-list li:nth-of-type(8) a { text-decoration: none; }
.link-list li:nth-of-type(8) a:hover { color: #e06c1f; }

.link-list li:nth-of-type(9) a { text-decoration: none; padding: 1px 3px; }
.link-list li:nth-of-type(9) a:hover { background: #ccc; }

.link-list li:nth-of-type(10) a { border-bottom: solid 1px; text-decoration: none; }
.link-list li:nth-of-type(10) a:hover { border-bottom: dotted 1px; }

.link-list li:nth-of-type(10) a { border-bottom: dotted 1px; text-decoration: none; }
.link-list li:nth-of-type(10) a:hover { border-bottom: solid 1px; }

.link-list li:nth-of-type(11) a { text-decoration: none; }
.link-list li:nth-of-type(11) a:hover {
-webkit-background-clip: text;
color: white;
-webkit-text-fill-color: transparent;
background-image: -webkit-gradient(linear, left top, right top, from(#ea8711), to(#d96363));
background-image: -webkit-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image: -moz-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image: -ms-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image: -o-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
}

.link-list li:nth-of-type(12) a { text-decoration: none; }
.link-list li:nth-of-type(12) a:hover { text-decoration: overline; }

.link-list li:nth-of-type(13) a { text-decoration: none; }
.link-list li:nth-of-type(13) a:hover { text-decoration: overline underline; }

.link-list li:nth-of-type(14) a { text-decoration: none; }
.link-list li:nth-of-type(14) a:hover { border-bottom: solid 1px; border-top: solid 1px; }

.link-list li:nth-of-type(15) a { text-decoration: none; border: solid 1px transparent; padding: 1px; }
.link-list li:nth-of-type(15) a:hover { border: solid 1px; }

.link-list li:nth-of-type(16) a { background: #ccc; text-decoration: none; padding: 1px 3px; }
.link-list li:nth-of-type(16) a:hover { background: #e06c1f; color: white; }

.link-list li:nth-of-type(17) a { -webkit-transition: color .4s linear; -moz-transition: color .4s linear; -ms-transition: color .4s linear; -o-transition: color .4s linear; transition: color .4s linear; }
.link-list li:nth-of-type(17) a:hover { color: #e06c1f; }

.link-list li:nth-of-type(18) a { text-decoration: none; }
.link-list li:nth-of-type(18) a:hover { font-weight: bold; }

.link-list li:nth-of-type(19) a { text-decoration: none; }
.link-list li:nth-of-type(19) a:hover { text-decoration: line-through; }

.link-list li:nth-of-type(20) a { text-decoration: none; }
.link-list li:nth-of-type(20) a:hover { font-style: italic; }

.link-list li:nth-of-type(21) a { text-decoration: none; }
.link-list li:nth-of-type(21) a:hover { font-variant: small-caps; }

.link-list li:nth-of-type(22) a { text-decoration: none; }
.link-list li:nth-of-type(22) a:hover { text-shadow: 2px 2px 2px #aaa; }

.link-list li:nth-of-type(23) a { text-decoration: none; border-radius: 10px; padding: 2px 5px 5px 5px; }
.link-list li:nth-of-type(23) a:hover { background: #ccc; }

.link-list li:nth-of-type(24) a { text-decoration: none; }
.link-list li:nth-of-type(24) a:hover:after { content: " (" attr(href) ") "; }

.link-list li:nth-of-type(25) a { background: #ccc; text-decoration: none; padding: 1px 3px; border-bottom: dashed 1px #777; }
.link-list li:nth-of-type(25) a:hover { background: #e06c1f; color: white; border-bottom: dashed 1px black; }

Делаем свой цвет выделяемого текст

Этот простой эффект придаст индивидуальность вашему сайту - вместо стандартного выделения вы сможете задать свой цвет!
Все что нужно - это добавьте в ваш css файл следующий код:

::selection {
background: #50bc6b; /* WebKit, Opera, & IE9 */
color: white;
}

::-moz-selection {
background: #50bc6b; /* Firefox */
color: white;
}

Естественно, вместо цвета фона "#50bc6b" укажите свой любимый цвет. Параметр "color: white;" меняет цвет выделяемого текста.

Простой способ красиво показать описание ссылки при наведении / CSS Tooltip

Это, пожалуй, самый простой способ красиво показывать title ссылки. Причем, все полностью реализовано на CSS.

Добавьте код ниже в ваш CSS файл:



a:hover { background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}



В нужном месте для ссылки используйте следующую конструкцию:



Это и есть Это крутая ссылка А это супер описание или заголовок, который появляется при наведении на крутую ссылку.



Пример:

Это и есть Это крутая ссылка А это супер описание или заголовок, который появляется при наведении на крутую ссылку.

Определение iPad с использованием .htaccess

Как видите, этот код использует одну из доступных переменных сервера, который является идентификатором агента пользователя и служит для проверки на вход на сайт с Ipad. Если это условие удовлетворяется, то пользователь будет перенаправлен на страницу, адаптированную для Ipad.

RewriteCond %{HTTP_USER_AGENT} ^.*iPad.*$
RewriteRule ^(.*)$ [R=301]

Как роботы Yandex отображаются в логах сервера

Вот неполный список роботов Yandex. Каждый бот отвечает за конкретную задачу
Mozilla/5.0 (compatible; YandexBot/3.0; +http://yandex.com/bots) — main indexing робот;
Mozilla/5.0 (compatible; YandexImages/3.0; +http://yandex.com/bots) — Yandex.Image индексатор;
Mozilla/5.0 (compatible; YandexVideo/3.0; +http://yandex.com/bots) — Yandex.Video индексатор;
Mozilla/5.0 (compatible; YandexMedia/3.0; +http://yandex.com/bots) — robot indexing multimedia data;
Mozilla/5.0 (compatible; YandexBlogs/0.99; robot; +http://yandex.com/bots) — Робот поиска по блогам, индексатор комментариев;
Mozilla/5.0 (compatible; YandexFavicons/1.0; +http://yandex.com/bots)— favicon индексатор;
Mozilla/5.0 (compatible; YandexWebmaster/2.0; +http://yandex.com/bots)— a robot that has been directed to a page through the «Add Url» or services «Yandex.Webmaster»;
Mozilla/5.0 (compatible; YandexPagechecker/1.0; +http://yandex.com/bots)—a robot that validates the micro markup of a page using the «Micro markup validator» form;
Mozilla/5.0 (compatible; YandexImageResizer/2.0; +http://yandex.com/bots) — Робот мобильных служб;
Mozilla/5.0 (compatible; YandexDirect/3.0; +http://yandex.com/bots) — robot indexing pages of sites belonging to the Yandex Advertising Network;
Mozilla/5.0 (compatible; YandexDirect/2.0; Dyatel; +http://yandex.com/bots) — Yandex.Direct робот. Проверяет страницы перед модерацией;
Mozilla/5.0 (compatible; YandexMetrika/2.0; +http://yandex.com/bots) — Yandex.Metrica робот;
Mozilla/5.0 (compatible; YandexNews/3.0; +http://yandex.com/bots) — Yandex.News робот;
Mozilla/5.0 (compatible; YandexCatalog/3.0; +http://yandex.com/bots) — Yandex.Catalog робот. If a site is offline for several days, it is removed from Catalog. As soon as the site comes online, it will automatically begin to appear in Catalog again.
Mozilla/5.0 (compatible; YandexAntivirus/2.0; +http://yandex.com/bots) — робот-антивирус, проверяющий сайты на malicious code.
Mozilla/5.0 (compatible; YandexZakladki/3.0; +http://yandex.com/bots) — a robot used to verify the availability of pages added to Yandex.Bookmarks.
Есть много IP-адресов, с которые Яндекс роботы могут приходить и эти IP-адреса могут измененяться. Поэтому не рекомендуется использовать фильтр на основе IP-адресов.

Как установить Windows Media Player plug-in

Windows Media Player представляет собой мультимедийный плеер от Microsoft. Он поставляется предустановленным на компьютерах с Windows, и может использоваться для воспроизведения встроенных видео и аудио на веб-страницах с помощью плагина.

Если вы используете браузер Internet Explorer:

Ничего не требуется, плагин уже встроен в браузер.

Если всё же, используя Internet Explorer, вы увидели сообщение об отсутствии плагина, то скорее всего в настройках браузера отключена возможность выполнять ActiveX элементы и плагины. Для включения этой возможности необходимо сделать следующее:

В меню «Инструменты» (Tools) выберите пункт «Настройки интернета» (Internet Options) и откройте вкладку «Безопасность» (Security).
Установите уровень безопасности (Security levels for this zone) по умолчанию (Default level) либо нажмите «Персональные настройки» (Custom level) и в пункте «Запуск элементов и модулей подключения» (Run ActiveX controls and plug-ins) установите флажок в положение «разрешить» (Enable)

Если вы используете браузер Mozilla Firefox:

Скачайте плагин.
Установка плагина Windows Media Player может потребовать наличия прав администратора. Рекомендуется закрыть все остальные открытые окна браузера перед продолжением установки.
Нажмите кнопку «Установить» для автоматической закачки и установки плагина Windows Media Player.
В зависимости от настроек безопасности Вашего компьютера Вы можете увидеть или не увидеть окно предупреждения. Нажмите «Установить» для установки плагина.

Если вы используете браузер Opera:

Windows

Поскольку Windows Media Player поставляется с Windows, для большинства пользователей подключаемый модуль должен работать с момента установки Opera. В некоторых случаях, особенно для Windows Vista или Windows XP с 11 версией Windows Media Player, Вам придется использовать отдельный плагин. Вам необходимо установить модуль, если: Видео и аудио, не проигрываются, или Видео по краям обрезается. Браузер Opera использует Windows Media Player Firefox плагин, который подходит и для Opera.

Чтобы установить плагин для Windows 98/ME (Vista, XP), выполните следующие действия:

Скачайте плагин.
Установите плагин.
Перезапустите Opera.
Обновите страницу, использующую плагин, и проверьте его работу.

Если все еще возникают проблемы, попробуйте выполнить следующие действия:

Откройте страницу Advanced Config.
В поле ввода «Путь к плагинам», введите X:\Pfiles\Plugins; в самом начале строки, где X соответствует букве системного диска (например, C:...). Важно: Убедитесь в том, что в конце стоит символ «;» и кавычки не используются.
Повторите шаги 3 и 4 еще раз.

Если вы используете старую версию Windows (Windows 95/98/Me), то Вам необходимо установить другой плагин.

Скачайте плагин.
Установите более позднюю версию плагина.
Откройте Internet Explorer и перейдите на Windows Update, чтобы убедиться, что у вас установлена последняя версия плагина.
Перезапустите Opera.
Обновите страницу, использующую плагин, и проверьте его работу.

Linux

Пожалуйста, выполните следующее:

Убедитесь, что Gecko SDK установлен.
Скачайте исходный код плагина.
Напечатайте:
./configure —enable-x [—with-gecko-sdk={path}]
где {path} — это путь к Gecko SDK
Напечатайте:
make
Определите местонахождение файлов mplayerplug-in*.{so,xpt} и скопируйте их в /usr/lib/opera/plugins или /usr/lib/browser-plugins или /usr/lib/netscape/plugins или /usr/lib/mozilla/plugins в зависимости от вашего пункта назначения.
Напечатайте:
ln -s /usr/lib/mozilla/libxpcom.so /usr/lib
Перезапустите Opera.
Убедитесь, что плагин работает с помощью тестовой страницы для плагинов DivX или просмотрев трейлер на страничке Apple

MAC

Пожалуйста, установите Windows Media компоненты QuickTime для проигрывания содержания Windows Media в опере. Это официально заменило Windows Media Player для Mac.
Если вы используете браузер Safari для Windows:

Скачайте плагин.
Установка плагина Windows Media Player может потребовать наличия прав администратора. Рекомендуется закрыть все остальные открытые окна браузера перед продолжением установки.
Нажмите кнопку «Установить» для автоматической закачки и установки плагина Windows Media Player.
В зависимости от настроек безопасности Вашего компьютера Вы можете увидеть или не увидеть окно предупреждения. Нажмите «Установить» для установки плагина.

Если вы используете браузер Google Chrome:

Скачайте плагин.
Установка плагина Windows Media Player может потребовать наличия прав администратора. Рекомендуется закрыть все остальные открытые окна браузера перед продолжением установки.
Нажмите кнопку «Установить» для автоматической закачки и установки плагина Windows Media Player.
В зависимости от настроек безопасности Вашего компьютера Вы можете увидеть или не увидеть окно предупреждения. Нажмите «Установить» для установки плагина.

Страница для скачивания http://windows.microsoft.com/ru-RU/windows/downloads/windows-media-player

Теги

Правила совершения звонков по междугородной и международной связи

В города России:
8_код города_номер абонента
8_код оператора_номер абонента
+7_код города_номер абонента
+7_код оператора_номер абонента

Международные звонки:
810_код страны_код города_номер абонента
810_код страны_код оператора_номер абонента
+код страны_код города_номер абонента
+код страны_код оператора_номер абонента

Лучшая кинетическая типографика

Ya No Sé Que Hacer Conmigo – Cuarteto de Nos


Typography Experiment Surf Wax America


The 8 rules of Fight Club


Motion Typography: Rocky Balboa Inspirational Speech


What Does Marsellus Wallace Look Like?


Zoolander Typography


Monk Typography


Dexter Typography


House Typography


Fight Club – Chemical Burn


Duck and Cover


Tipografia


swfobject.embedSWF("http://www.youtube.com/v/y9LlnLTH87U&rel=0&fs=1&showsearch=0&showinfo=0", "vvq-4644-youtube-1", "554", "384", "10", vvqexpressinstall, vvqflashvars, vvqparams, vvqattributes); swfobject.embedSWF("http://www.youtube.com/v/UMdPt11NE_I&rel=0&fs=1&showsearch=0&showinfo=0", "vvq-4644-youtube-2", "554", "384", "10", vvqexpressinstall, vvqflashvars, vvqparams, vvqattributes); swfobject.embedSWF("http://www.youtube.com/v/fbMa4MGFCOg&rel=0&fs=1&showsearch=0&showinfo=0", "vvq-4644-youtube-3", "554", "384", "10", vvqexpressinstall, vvqflashvars, vvqparams, vvqattributes); swfobject.embedSWF("http://www.youtube.com/v/1cgJte9iK1w&rel=0&fs=1&showsearch=0&showinfo=0", "vvq-4644-youtube-4", "554", "384", "10", vvqexpressinstall, vvqflashvars, vvqparams, vvqattributes); swfobject.embedSWF("http://www.youtube.com/v/JNT5zvd3g2M&rel=0&fs=1&showsearch=0&showinfo=0", "vvq-4644-youtube-5", "554", "384", "10", vvqexpressinstall, vvqflashvars, vvqparams, vvqattributes); swfobject.embedSWF("http://www.youtube.com/v/FLyGaqdf69c&rel=0&fs=1&showsearch=0&showinfo=0", "vvq-4644-youtube-6", "554", "384", "10", vvqexpressinstall, vvqflashvars, vvqparams, vvqattributes); swfobject.embedSWF("http://www.vimeo.com/moogaloop.swf", "vvq-4644-vimeo-1", "554", "384", "10", vvqexpressinstall, { "wmode": "opaque", "allowfullscreen": "true", "allowscriptaccess": "always", "server": "www.vimeo.com", "clip_id": "2965899", "show_portrait": "0", "show_title": "1", "show_byline": "1", "fullscreen": "1" }, vvqparams, vvqattributes); swfobject.embedSWF("http://www.vimeo.com/moogaloop.swf", "vvq-4644-vimeo-2", "554", "384", "10", vvqexpressinstall, { "wmode": "opaque", "allowfullscreen": "true", "allowscriptaccess": "always", "server": "www.vimeo.com", "clip_id": "2965881", "show_portrait": "0", "show_title": "1", "show_byline": "1", "fullscreen": "1" }, vvqparams, vvqattributes); swfobject.embedSWF("http://www.vimeo.com/moogaloop.swf", "vvq-4644-vimeo-3", "554", "384", "10", vvqexpressinstall, { "wmode": "opaque", "allowfullscreen": "true", "allowscriptaccess": "always", "server": "www.vimeo.com", "clip_id": "2965869", "show_portrait": "0", "show_title": "1", "show_byline": "1", "fullscreen": "1" }, vvqparams, vvqattributes); swfobject.embedSWF("http://www.youtube.com/v/uuiKJ0rRTAo&rel=0&fs=1&showsearch=0&showinfo=0", "vvq-4644-youtube-7", "554", "384", "10", vvqexpressinstall, vvqflashvars, vvqparams, vvqattributes); swfobject.embedSWF("http://www.youtube.com/v/IEVvEsEbl5I&rel=0&fs=1&showsearch=0&showinfo=0", "vvq-4644-youtube-8", "554", "384", "10", vvqexpressinstall, vvqflashvars, vvqparams, vvqattributes); swfobject.embedSWF("http://www.youtube.com/v/UbwXnFbCTDA&rel=0&fs=1&showsearch=0&showinfo=0", "vvq-4644-youtube-9", "554", "384", "10", vvqexpressinstall, vvqflashvars, vvqparams, vvqattributes);
Теги