На самом деле M/Monit в отличии от Monit утилита платная, но на официальном сайте доступна бесплатная версия с ограниченным функционалом.
Давайте теперь подробно рассмотрим ее установку и настройку. Для этого создадим временную папку, скачаем архив с нужной нам версией, распакуем и скопируем в рабочую директорию (актуальную версию можно найти здесь: http://mmonit.com/dist/):

# mkdir ~/distr/mmonit
# cd ~/distr/mmonit
# wget http://mmonit.com/dist/mmonit-2.1.1-linux-x86.tar.gz
# tar -xvf mmonit-2.1.1-linux-x86.tar.gz
# cd mmonit-2.0.3
# ls
bin  CHANGES  conf  db  doc  docroot  lib  logs  README  upgrade
# mkdir /usr/local/mmonit
# cp -R * /usr/local/mmonit
# chmod -R 0700 /usr/local/mmonit

Теперь нам необходимо создать базу данных и импортировать туда необходимые приложению данные. В папке /usr/local/mmonit/db/ лежат дампы для четырех типов баз данных. Мы рассмотрим случай с MySQL.
Итак, создадим таблицу и выполним команды из дампа:

# mysql -u yore_username -p
mysql> CREATE DATABASE `mmonit`;
mysql> use mmonit
mysql> source /usr/local/mmonit/db/mmonit-schema.mysql
mysql> quit

После того как мы подготовили к использованию базу данных перейдем к редактированию конфигурационного файла M/Monit /usr/local/mmonit/conf/server.xml .

<Service>
    <!-- IP адрес интерфейса, на котором мы сможем получить доступ к админке -->
    <Connector address="IP.FROM.ALLOW.ACCESS" port="8080" processors="10" />
    <Engine name="mmonit" defaultHost="localhost" fileCache="10MB">
        <!-- настраиваем подключение к базе -->
        <Realm url="mysql://DB_USER:DB_PASSWORD@DB_HOST/DB_NAME"
             minConnections="5"
             maxConnections="25"
             reapConnections="300" />

Сохраняем конфиг и запускаем /usr/local/mmonit/bin/mmonit, заходим по адресу http://IP.FROM.ALLOW.ACCESS:8080 . По умолчанию логин/пароль - admin/swordfish (настоятельно рекомендуется изменить пароль сразу после первого входа в систему;) ).

Теперь нам обязательно нужно настроить сервис Monit хотя бы на одном сервере, чтобы было с чего собирать статистику. Для этого открываем файл конфигурации Monit: /usr/local/etc/monitrc.d/main.conf вашим любимым редактором и дописываем в начало следующие две строчки:

set httpd port 2812 and use address XXX.XXX.XXX.XXX # где XXX.XXX.XXX.XXX - адрес интерфейса, через который MMonit будет осуществлять доступ к monit.
allow monit:your_strong_password

Сохраняем конфиг, перезапускаем monit. Входим под админом в web-интерфейс M/Monit, открываем страницу Admin->Hosts->"Add a new host". Заполняем информацию о сервере, состояние которого будем мониторить:
Host Name - название сервера (выбираем имя для нашего удобства),
IP-address, Monit Port - XXX.XXX.XXX.XXX и 2812 указанные в /usr/local/etc/monitrc.d/main.con,
Monit user name, Monit password из того же конфига.
Сохраняем изменения.

Чтобы увидеть информацию о состоянии сервера, нужно всего-лишь кликнуть по его имени в списке серверов на странице Admin->Hosts.

В следующей статье я более детально опишу, как сконфигурировать отчеты о состоянии серверов и как создать файлы для запуска/остановки/перезапуска/проверки статуса сервисов Monit и M/Monit.

В честь этого двойного праздника был открыт сайт 14 Days of jQuery, на котором в течении 14 дней будет анонсирована новая версия библиотеки.

Скачать последнюю версию библиотеки вы можете здесь - jQuery 1.4. Следить за последними анонсами можно через Твиттер или подписавшись на RSS рассылку.

Уже доступны онлайн и PDF версия для печати шпаргалки для текущей версии jQuery 1.4. Также известно, что обновлен дизайн и структура jQuery API.

Чтобы отключить замену кавычек в файл functions.php, который находится в папке вашей текущей темы, нужно вставить следующий код:

if ( function_exists('remove_filter') ) {
    # Отключим замену кавычек в тексте записей и страниц
    remove_filter('the_content', 'wptexturize');
    # Отключим замену кавычек в заголовках записей и страниц
    remove_filter('the_title', 'wptexturize');
    # Отключим замену кавычек в тексте комментариев
    remove_filter('comment_text', 'wptexturize');
}

Также вы можете установить плагин, выполняющий аналогичную задачу, например, Unfancy Quote.

Что мы далее будем вкладывать в понятие мониторинга нашего сервера?

• мониторинг самой системы (состояние процессора, памяти...);
• мониторинг состояния сервисов (запущен или нет);
• мониторинг функционирования сервисов (отвечает ли корректно на запросы)
• осуществлять контроль потребляемых сервисами ресурсами системы
• уведомление по email и выполнение заданных действий по восстановлению работоспособности системы.

Было рассмотрено несколько систем мониторинга. Одни оказались перегружены функционалом либо платными. В итоге оптимальным вариантом был выбран Monit.
Monit - бесплатное приложение с открытым исходным кодом, предназначенное для комплексного мониторинга UNIX'о подобных систем. Полностью удовлетворяет нашим требованиям, а также при использовании в паре с M/Monit дает возможность использовать графический интерфейс для мониторинга нескольких серверов при помощи графического интерфейса. К сожалению программа платная, но на сайте есть и Free версия с некоторыми ограничениями функционала.

О мониторинге нескольких серверов и использовании графического интерфейса мы поговорим в следующей статье, а сейчас перейдем к установке и настройке Monit.

Для начала скачаем с официального сайта исходники monit, распакуем и сконфигурируем их:

# mkdir ~/distr
# cd ~/distr
# wget http://mmonit.com/monit/dist/monit-5.0.3.tar.gz
# tar -xvf monit-5.0.3.tar.gz
# cd monit-5.0.3
# ./configure

Весь недостающий софт, который может быть затребован на данном этапе, можно установить с репозитория с помощью apt-get, yum или портов в FreeBSD. Затем выполним установку monit:

# make
# make install

Теперь необходимо настроить и запустить сервис. Создадим основной файл конфигурации /usr/local/etc/monitrc и поместим туда строку

include /usr/local/etc/monitrc.d/*

подключающую дополнительные файлы настроек, которые будут находиться, соответственно, в папке /usr/local/etc/monitrc.d/

Теперь создадим файл конфигурации /usr/local/etc/monitrc.d/main.conf, в котором опишем слежение за основными параметрами системы:

set daemon 120 # Частота проверки сервисов.
set logfile syslog facility log_daemon # Syslogd facility.
set mailserver localhost, # Хост почтового сервера, через который пойдут уведомления.
set eventqueue # Разрешить очередь уведомлений.
basedir /var/log/monit.log # путь к каталогу, где будут храниться уведомления.
slots 100 # Максимальное количество уведомлений в очереди.

set mail-format { from: admin@MYSERVER.EXAMPLE.COM } # От какого имени рассылать уведомления.
set alert admin@same-mail.com # Email для всех уведомлений
set alert admin@same-mail.com { timeout } # Email для критических уведомлений (падение сервера\демонов).

check system MYSERVER.EXAMPLE.COM # Хост сервера.
if loadavg (1min) > 6 then alert
if loadavg (5min) > 3 then alert
if memory usage > 75% then alert
if cpu usage (user) > 70% then alert
if cpu usage (system) > 50% then alert
if cpu usage (wait) > 40% then alert

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

monit

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

Теперь должно быть все просто, мы задаем родительскому блоку фиксированную ширину, position: relative (для того, чтобы мы могли абсолютно позиционировать блок с текстом относительно текущего), overflow: hidden (для того, чтобы "бегущий" текст скрывался за границами родительского блока). Далее пишем скрипт, который отодвигает текст вправо на ширину родительского блока (теперь он не видим) и потом перемещает его влево с заданной скоростью, пока текст не скроется полностью. И повторяем это действие снова и снова =).
Для того, чтобы рассчитать момент, когда текст полностью скроется за левой границей, нам нужно узнать настоящую ширину блока с текстом. Если наш текстовый блок будет содержаться в marquee_container с заданной шириной, скрипт нам покажет ширину не больше нами заданной. Поэтому нам нужен еще один блок (marquee_subcontainer). Зададим ему ширину width:9999999px, и поместим в него текстовый блок. Теперь проблема с определением ширины решена.

Составим HTML код бегущей строки:

<div class="marquee-container" id="marquee_container">
<div class="marquee-subcontainer" id="marquee_subcontainer">
<div class="marquee-text" id="marquee_text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
</div>
</div>

Теперь составим таблицу CSS стилей в соответствии с нашими рассуждениями:

.marquee-container {
border-right:1px dotted #d8cfc2;
height:30px;
width:200px;
overflow: hidden;
border:2px solid #f00;
margin:0px auto;
}

.marquee-subcontainer {
position: relative;
width:9999999px;
height:30px;
margin:0px;
}

.marquee-text {
position: absolute;
margin: 0px;
top:0px;
left:0px;
height:30px;
font: bold 16px Arial Georgia;
color:#000;
}

Когда все предварительные приготовления сделали, можно приступить к написанию JS кода.

// текущий сдвиг текста относительно левой границы блока бегущей строки
var craw_line_offset;

// функция инициализации бегущей строки
function enableCrawLine () {
craw_line_offset = 0;

// ширина текстового блока
var craw_line_width = document.getElementById('marquee_text').offsetWidth;

moveCrawLine (craw_line_width);
}

// функция пошагового сдвига
function moveCrawLine (w) {
var lefttime;
var container_width = document.getElementById('marquee_container').offsetWidth;
// шаг (в пикселях), с которым будем перемещать текст
var step = 1;
// задержка между перемещениями на step пикселей
var tdelay = 50;

// ширина текстового блока
w = parseInt(w);
// если блок не "заехал" за левую границу
if (craw_line_offset<(w+container_width)) {
// сдвигаем блок на шаг влево
craw_line_offset = craw_line_offset + step;
} else {
// иначе начинаем все с начала
craw_line_offset = 0;
}

// изменяем позицию текстового блока
document.getElementById('marquee_text').style.left = parseInt(container_width-craw_line_offset)+'px';

// рекурсивно вызываем функцию сдвига с заданной задержкой
setTimeout('moveCrawLine ('+w+');', tdelay);
}

// вызов инициализирующей функции
enableCrawLine ();

Теперь можем ознакомиться с рабочим примером.

Как для регистрации обработчиков событий DOM и пользовательских событий, так и для их запуска в Google maps API есть пространство имен GEvent.  Сейчас мы воспользуемся для примера методом addListener(source, event, handler).  Этот метод регистрирует пользовательское событие event в источнике объекта source и вызывает обработчик handler.

Теперь назначим событию click обработчик, который будет создавать метки на карте. Затем мы научим эти метки позиционироваться путем перетаскивания их мышкой по самой карте и назначим удаление их из карты по даблклику по метке.

Теперь перейдем от теории к практической части:

/* Здесь мы будем хранить классы:
- GMap2 для создания карты;
- GClientGeocoder для получения геокодов для пользовательских адресов
*/
var map, geocoder;

function initialize_map () {
    /* Если браузер совместим */
    if (GBrowserIsCompatible()) {
        /* Создадим объект карты */
        map = new GMap2(document.getElementById("google_canvas"));
        geocoder = new GClientGeocoder();

        /* Установим координаты центра карты и начальный масштаб */
        map.setCenter(new GLatLng(37.4419, -122.1419), 5);

        /* Добавим элементы управления картой, воспользовавшись конструктором GLargeMapControl из класса GControl  */
        map.addControl(new GLargeMapControl());

        /* Добавим мини-карту обзора в углу основной карты */
        map.addControl(new GOverviewMapControl());

        /* Назначаем  onClickForMap() обработчиком события click  */
        GEvent.addListener(map, "click", onClickForMap);
    }
}

/* При нажатии на карту  */
function onClickForMap(overlay, latlng) {
    /* Если определен входной аргумент */
    if (latlng != null) {
        /* Определим координаты точки, в которой было вызвано событие  */
        geocoder.getLocations(latlng, addPointToMap);
    }
}

/* Непосредственно добавление точки с маркером на карту */
function addPointToMap (response) {
    /* Если произошла какая-либо ошибка при определении координат - выведем ошибку */
    if (!response || response.Status.code != 200) {
        alert("Status Code:" + response.Status.code);
    } else {
        /* Получим координаты */
        place = response.Placemark[0];
        /* Создадим точку на карте */
        point = new GLatLng(place.Point.coordinates[1],
        place.Point.coordinates[0]);

        /* Создадим маркер в этой точке */
        var marker = new GMarker(
            point,
            /* разрешим пользователю перетаскивать мышкой этот маркер  */
            {draggable: true}
        );

        /* При двойном клике по маркеру */
        GEvent.addListener(marker, "dblclick", function() {
            /* Вызовем метод  hide() который скроет маркер */
            this.hide();
        });

        /* Нанесем созданный нами объект на полотно карты */
        map.addOverlay(marker);
    }
}

initialize_map ();

То что из этого получиться вы можете посмотреть в примере.

Следующим шагом нам необходимо подключить саму библиотеку Google:

<script src="http://maps.google.com/maps?file=api&v=2.x&sensor=false&key=[здесь_код_к_API]" type="text/javascript"></script>

Затем в HTML коде страницы необходимо определить блок, в котором будет отображаться карта и стили для него.

<style>
div#google_canvas {
 height:300px;
 width: 500px;
 margin:0px auto;
}
</style>
<div id="google_canvas"></div>

Теперь пишем функцию инициализации карты Google:

 /* Если браузер совместим */
 if (GBrowserIsCompatible()) {
 /* Создадим объект карты */
 var map = new GMap2(document.getElementById("google_canvas"));

 /* Установим координаты центра карты и начальный масштаб */
 map.setCenter(new GLatLng(37.4419, -122.1419), 5);

 /* Добавим элементы управления картой воспользовавшись конструктором GLargeMapControl из класса GControl  */
 map.addControl(new GLargeMapControl());

 /* Добавим мини-карту обзора в углу основной карты */
 map.addControl(new GOverviewMapControl());
 }

И самое главное, нам нужно запустить эту функцию при загрузке страницы и выгрузить при закрытии:

<body onload="initialize_map()" onunload="GUnload()">

Сейчас у нас получилось отобразить карту следующим образом. В следующей статье мы научим нашу карту взаимодействовать с пользователем в интерактивном режиме.

P.S. Для самостоятельного изучения рекомендую к прочтению справочные материалы по API карт Google.

Пусть будут лишь мирные и радостные Дни Земли для нашего прекрасного космического корабля — планеты Земля, летящей и вращающейся посреди холодного космоса со своим столь уязвимым грузом жизни…
( ©Генеральный секретарь ООН У Тан, 21 марта 1971 года. )

Подробнее о Дне Земли Вы можете прочитать на вики.

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

Для того чтобы присоединиться к этой акции необходимо всего лишь зарегистрироваться на странице naked.dustindiaz.com (Форма находиться в самом низу) и отключить ЦСС на своем сайте.