Про интернет и другие штуки

Книга о сэо: SEO — искусство раскрутки сайтов

2011-10-02T16:03:00.002+04:00

Дочитал книгу про искусство раскрутки сайтов совместного авторства Эри Энджа, Стэфана Спэнсера и компании. Несмотря на различие территориального применения методов продвижения, я считаю, что эта книжка достойна прочтения.
Естественно, что основными поисковыми системами, которыми оперируют авторы, являются Гугл, Яху и иногда Бинг, но все же большинство описанных методов будут работать и с нашими поисковиками. Яндекс, кстати, упоминается один раз.

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

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

Начинающим рекомендуется к прочтению. Опытным — как справочник, профессионалам данная книга вряд ли предложит что-то новое.

Искусство раскрутки сайтов можно купить на Озоне.

Разрешения друпала

2011-09-16T20:38:00.000+04:00

Все время хочу использовать стандартные права доступа друпала в хуке hook_menu() и все время забываю. Поэтому сделаю запись сюда. Данные права необходимо указывать в качестве элемента массива аргумента access arguments:

access content — допуск к контенту будет у тех групп пользователей, у которых есть доступ ко всему контенту сайта;
access administration pages — доступ будет у тех пользователей, у которых есть доступ в раздел администрирования.

Пример реализации хука меню:

function analadvanced_menu()
{
   $item['analadvanced'] = array(
        'title' => 'Продвинутая аналитика',
        'pagecallback' => 'analadvanced_cookie_value',
        'accessarguments' => array('access content'),
    );
    return $item;
}

Сайт инжиниринговой компании РВС

2011-08-08T00:32:00.005+04:00

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

Задача. Создать сайт для инжиниринговой компании, который наглядно представит оказываемые услуги.

Главная страница сайта РВС

Реализация. Для удобной подачи информации каждый раздел представляет собой мини-сайт, который помимо полноценного представления информации в своей области тесно связан с соседними страницами сайта компании.
На сайте предусмотрен раздел «Люди», в котором нашлось место ведущим специалистам компании, а так же руководящему персоналу.

Детали. Услуги компании РВС объединены в группы по определенным признакам, что упрощает их поиск на сайте потенциальным клиентам.
Распределение в соответствующие группы осуществляется по профилю деятельности компании, которой данная услуга может быть необходима (например, сетевые, генерирующие и промышленные компании), и по технологическим признакам (энергоэффективность, автоматизация, строительство и т. д.).

Готовые проекты компании выделены по географическим, технологическим и временным категориям.

Решение «строительство и реконструкция энергетических объектов»

География готовых проектов компании

Технические детали. Несмотря на сложную иерархическую систему в рамках сайта, практически все функциональные возможности реализованы стандартными средствами системы Друпал.

Посмотреть. Сайт инжиниринговой компании РВС — www.rvsco.ru

P. S. Дизайн и верстка сайта выполнены в АйТи-агенстве. Управлением сайтом занимается компания-заказчик.

НТК МИРЭА №60

2011-05-28T23:52:00.000+04:00

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

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

Интересно было послушать про применение RFID в различных областях, а так же обзор C++ библиотеки, которая строить и жить помогает — poco. Последняя довольно маленькая, но очень функциональная, а главное позволяет легко портировать приложения под различные платформы.

MySQL: NULL + 1 = NULL

2011-05-06T21:19:00.000+04:00

Важно понимать, что MySQL не считает верным утверждение «NULL = 0». В этом легко убедиться выполнив следующий запрос:

SELECT 0 IS NULL

То есть, если у нас есть какой-то запрос на обновление значения:

UPDATE users SET counter = counter + 1 WHERE id = 5

а перед обновление значение поля counter было NULL, то после выполнения такого запроса его значение не изменится.

Разрешить эту ситуацию можно с помощью предварительной проверки на NULL:

UPDATE users SET counter = IFNULL(counter, 0) + 1 WHERE id = 5

Умное обрезание строк в php

2011-05-01T02:56:00.005+04:00

Для вывода осмысленного текста ссылки вместо стандартного «Далее» или «Подробнее» в тизере нужно было реализовать функцию, которая сможет урезать строку по словам. В необъятных просторах нашел готовое решение, но оно мне не понравилось, поэтому сделал свое. Чтобы не томить торопящихся сразу приведу реализацию:

function smart_cut($text, $words = 3, $separator = ' ')
{
$current_pos = 0;
for($i = 0; $i < $words; $i++)
{
$current_pos = strpos($text, $separator, ($current_pos + 1));
}
return substr($text, 0, $current_pos);
}

Принимает три параметра, обязательный только первый:

Текст, над которым будет производиться манипуляция;
Количество слов, после которого строка будет обрезана;
Разделитель слов в исходном тексте.

Вернет функция строку. Кому интересны подробности и сравнения, прошу под кат.

Решение, которое было найдено, навскидку показалось не очень быстрым, поэтому я решил сделать свое. Вот такое решение предлагает Максим:

function maxsite_str_word($text, $counttext = 10, $sep = ' ') {
$words = split($sep, $text);
if ( count($words) < $counttext )
$text = join($sep, array_slice($words, 0, $counttext));
return $text;
}

Если описать суть решения maxsite_str_word, то звучит она так: создать массив, элементами которого являются все слова, переданные в качестве первого параметра, потом отобрать n первых элементов, соединить их в строку и вернуть ее. Очевидно, что если переданный текст будет достаточно большой, то такое решение будет работать медленно.

Чтобы подтвердить свое предположение я провел ряд тестов (порядка 400) на сравнение быстродействия. Условия проведения были одинаковы: два идентичных php-файла, отличающихся только функцией обрезки строк, в одной директории на одном сервере. Каждый тест проводился по пять раз. В качестве параметров для теста использовался различный объем обрабатываемого текста и количество слов, до которого он должен быть обрезан.

Результаты можно посмотреть в таблице. По сводному графику видно, что при увеличении объема обрабатываемого текста время выполнения функции maxsite_str_word значительно увеличивается, а в решении smart_cut время выполнения на протяжении практически всего теста остается на одной отметке.

К тому же в реализации maxsite_str_word используется функция split, которая устарела в PHP версии новее 5.3.0.

Как узнать ip пользователя

2011-04-30T18:08:00.001+04:00

В php глобальная переменная $_SERVER хранит реальный ip-адрес пользователя. Чтобы попытаться справиться с подменой использую такое решение:

function get_ip()
{
$ip = $_SERVER["REMOTE_ADDR"];
if(isset($_SERVER["HTTP_X_FORWARDED_FOR"]))
{
if(isset($_SERVER["HTTP_X_REAL_IP"]))
$ip = $_SERVER["HTTP_X_REAL_IP"];
else
$ip = $_SERVER["HTTP_X_FORWARDED_FOR"];
}

return $ip;
}

Очистить в Drupal кэш для одной ноды

2011-04-29T20:27:00.000+04:00

У друпала всегда включен кэш. Даже если в настройках отключено кэширование, сайт все равно будет кэшировать данные, хоть и в меньшем объеме. По большому счету это правильно, но иногда возникают моменты, когда нам это неудобно.

Например у наст есть тип материала «профиль» (не важно, сами мы его сделали с помощью CCK или использовали модуль Content profile) и в профиле есть какое-то поле, которое мы изменяем программно, с помощью модуля. Результат нашего изменения мы не увидим, пока не очистим кэш. Согласитесь, не очень удобно.

Для того чтобы видеть изменения моментально, мы будем очищать кэш при каждом изменении значения поля профиля. Я не буду пользоваться стандартным API, поскольку он может очистить больше, чем нам нужно, а при большом объеме данных это отрицательно скажется на производительности.

Мы же удалим из кэша только тот профиль, который изменили. Поскольку наш профиль — простая нода, то ее хэш хранится в таблице cache_content. Ноду можно идентифицировать по полю cid, которое имеет следующий формат: [content:nid:vid]. Для этого сделаем специальную функцию:

function mymodule_clear_cache_node($nid)
{
return db_query("DELETE FROM {cache_content} WHERE cid LIKE 'content:%d:%%'", $nid);
}

Простой пример ajax с фреймворком jQuery

2011-04-28T02:22:00.001+04:00

Аякс (ajax, асинхронный яваскрипт и xml) — это технология, которая позволяет загружать данные на текущую страницу без ее фактической перезагрузки, которую мы получаем при нажатии, например, на ссылку, если говорить очень упрощенно. Конечно, этим возможности технологии не ограничиваются, но для начала этих знаний будет достаточно. Одно из основных преимуществ использования аякс-технологии заключается в уменьшении интернет-трафика и, соответственно, увеличении скорости работы.

Я приведу очень простой пример работы аякс с использованием популярного яваскрипт-фреймворка jQuery. Предположим у нас есть страница, на которой отображается количество наших сообщений электронной почты: новых (непрочитанных), прочитанных и тех, что попали в спам. За отображение этой информации на нашей странице отвечает простой блок:

<div id="messages">
<div class="message list">Новые: <span id="msg_new">5</span></div>
<div class="message list">Прочитанные: <span id="msg_read">1519</span></div>
<div class="message list spam">Спам: <span id="msg_spam">237</span></div>
</div>

И предположим, что у нас есть некая кнопка, по нажатию на которую информация о количестве сообщений должна изменяться без перезагрузки страницы:

<div id="update">
<img src="img/ajax-button.png" alt="Обновление количества сообщений по AJAX-запросу" title="Обновить количество сообщений">
</div>

Для того, чтобы это все работало, нам нужен сервис, который будет предоставлять информацию о количестве сообщений в удобном для нас формате. Поскольку мы работаем с яваскриптом, то удобнее всего получить информацию в формате json (javaScript object notation). Наш сервис представляет для нас черный ящик, то есть мы не знаем как он работает, но благодаря предоставленному им API, мы можем попросить у него информацию и получить от сервиса ответ.
В качестве примера будем использовать наш выдуманный почтовый сервис, который находится по адресу http://site.com/etc/ajax_simple/router.php и может принимать POST-запрос с параметром action, а в качестве его значения имя метода — getNewMail. В ответ сервис вернет ассоциативный массив, запакованный в json, вида:

"unread" => // количество новых сообщений
"read" => // прочитанные сообщения
"spam" => // спам

Фреймворк jQuery имеет в своем арсенале простые и удобные методы для работы с POST- и GET-аякс запросами, соответственно, jQuery.post() и jQuery.get(). Прелесть этих методов в том, что нам не придется разбираться в объектной модели DOM (document object model), а можно приступить сразу к написанию ajax-запрса, не забыв подключить фреймворк к нашей странице:

<script src="jquery.js"></script>

Для начала опишу как работает метод асинхронного POST-запроса:

$.post('/путь/к/сервису', {'POST-переменная-1': 'значение-переменной-1'}, function(data) {
// переменная data содержит ответ, полученный от сервиса
// дальше мы можем выполнить необходимые манипуляции с полученными данными
…;
}, 'json' /* формат ответа сервиса */);

По большому счету ничего сложного тут нет: первый параметр — путь к сервису, второй — массив, содержащий пары «имя параметра: значение параметра», третий параметр — функция-обработчик полученных от сервиса данных и четвертый параметр (необязательный, кстати) — формат ответа сервиса.

Я считаю, что пользователя необходимо информировать как можно более простым и понятным языком о том, что сейчас происходит с сайтом, чтобы у него не было сомнений, попал он по кнопке или нет. Это, с одной стороны, повысит привлекательность сайта для этого пользователя, а с другой — оградит сервис от лишней работы и нештатных ситуаций.
Именно для этих целей на нашем примере я сделал две функции: setMessage() и hideMessage(), которые будут выводить и скрывать сообщение о том, что происходит получение информации о количестве сообщений. Для того, чтобы изменить информацию о количестве сообщений на нашей страницы я написал простую функцию updateInformation(mnew, mread, mspam):

function updateInformation(mnew, mread, mspam)
{
// mnew — количество непрочитанных сообщений
// mread — количество прочитанных сообщений
// mspam — количество спам-сообщений
$("#msg_new").html(mnew);
$("#msg_read").html(mread);
$("#msg_spam").html(mspam);
}

И теперь, собрав все воедино, напишем функцию, которая будет обновлять количество сообшений без перегрузки страницы по нажатию на кнопку-картинку:

function requestData()
{
setMessage(); // выводим сообщени об обновлении количества сообщений
$.post('/etc/ajax_simple/router.php', {'action': 'getNewMail'}, function(data) {
updateInformation(data.unread, data.read, data.spam) // передаем полученные в json-формате данные в написанную нами функцию, которая обновит количество сообшений
hideMessage(); // мавр сделал свое дело, мавр может уходить — прячем сообщение об обновлении количества сообщений
}, 'json');
}

Теперь все готово, не забудем повесить вызов этой функции на блок с нашей картинкой:

<div id="update">
<img src="img/ajax-button.png" alt="Обновление количества сообщений по AJAX-запросу" title="Обновить количество сообщений" onclick="javascript: requestData();" >
</div>

Теперь все будет работать. Пример ajax на jQuery.

P. S. К счастью, сейчас встречается мало пользователей, которые отключают выполнение яваскрипта в браузере, но для большей политкорректности в некоторых случаях уместно при отключеном яваскрипте выводить альтернативное, не-аякс решение, которое выполнит ту же функцию, но с перегрузкой страницы.

Программируй так

2011-04-17T04:14:00.001+04:00

За какие-то грехи мне досталось задание на практике — разобраться с самописной CMS кафедрального сайта. Мало того, что это полностью процедурная неповоротная штука на несколько сотен файлов, так еще и под старым PostgreSQL, нормальных бэкапов под который не осталось. Проблемы с переносом кое-как удалось решить.
Но вот что можно сказать о людях, которые над этим работали? Достаточно взглянуть на третью вызываемую функцию:

if ($limit == '') $limit = '';

В общем, все стало сразу ясно.

Drupal латинские буквы и цифры в имени пользователя

2011-03-07T22:33:00.000+03:00

Для однозначной авторизации через программу-клиент в одном проекте, реализуемом на друпале, потребовалось установить ограничение на вводимое имя пользователя, указываемое при регистрации.
Для решения задачи отлично подошел модуль Custom username validation. Единственной его функцией является проверка введенного пользователем имени на соответствие регулярному выражению, заданному в настройках модуля.

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

Для того, чтобы в друпале в качестве имени пользователя можно было использовать только латинские буквы, цифры и дефис воспользуйтесь вот этим регулярным выражением: /^[-a-zA-Z0-9]+$/

Рунет и его социальные тенеденции

2011-01-27T11:40:00.000+03:00

Тенденции развития рунета можно описать как локализацию зарубежных сервисов, таких как, например, фэйсбук, твиттер, анонимные опросники и так далее. За клоном фэйсбука, социальной сетью вконтакте, вообще наблюдается поразительная особенность: после появления какой-нибудь вкусной функции в зарубежной социальной сети эта же функция через месяц-другой реализуется как нововведение и в отечественном аналоге.
Так было с кнопками «Мне нравится», с введением микроблога на стене и сейчас после перехода фэйсбука на новый профиль, вконтакте тоже стал проводить схожие изменения со страницами пользователя:

Месяцем ранее такое же фото-превью появилось в профиле фэйсбука:

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

C++ решение СЛАУ методом Крамера

2010-12-14T00:54:00.000+03:00

Срочно понадобилось решение систм линейхных уравнений методом Крамера, реализованное на C++, но в рунете ничего толкового не нашлось. Зато в буржуазном нашлось отличное решение на нативном C++, написанное Остином Семерад (Austin Semerad).
На вход программа принимает размерность матрицы коэффициентов A, непосредственно саму матрицу A и вектор-стобец свободных членов b. В результате выполнения операций возвращается вектор-столбец результатов x и определители.

Исходники или скачать отсюда.

Покупать гектары стало проще

2010-08-27T04:29:00.001+04:00

После проведения аналитики по запросам клиентов федеральная управляющая компания «Юпитер Капитал» приняла решения внести некоторые изменения в поисковую систему по каталогу земельных участков.

Задача. Сделать поиск актуальным и учесть специальные предложения.

Главная страница сайта Jupiter Capital

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

Направление — шоссе, по направлению которого находится участок;
Категория земли — назначение использования участка, например для разведения сельскохозяйственной деятельности или промышленной;
Целесообразное использование — построить ли на участке ферму? Или может все же лучше коттеджный поселок?
Природные условия — красивый вид, проходящая рядом железная дорога или неподалеку расположен природный водоем? А может быть все и сразу?

Детали. Помимо расширения возможностей поиска подходящего земельного участка введены специальные предложения:

Скидка;
Акция;
Новый лот.

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

Каталог со списком участков

Страница описания земельного участка

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

Посмотреть. На сайте более ста объектов и посмотреть их можно по адресу www.jcapital.ru.

P.S. Проект выполнен по заказу АйТи-агенства. Дизайн и верстку выполняли они.

Музыка в Ubuntu — интернет-радио

2010-08-25T00:46:00.002+04:00

Сложно поспорить с тем, что работать под мелодичный звуковой фон намного приятнее, чем в полной тишине. Для создания такого фона раньше я использовал свой простаивающий нетбук Asus eee pc 1005 hag с Ubuntu 10 на борту и графической оболочкой Gnome. Открывал какую-нибудь одну из ста одной радиостанций с сайта 101.ru и подключал к усилителю. Поскольку музыка нужна только для фона, не хотелось заморачиваться с настройкой, а просто включил звук на усилителе — появилась музыка, отключил — исчезла. Однако так просто не получалось: то флэш-плеер отвалится, то вафлю потеряет, то еще какую-нибудь неприятность выдаст; да и использовать нетбук в качестве исключительно радио не слишком рационально.

После превращения нетбука в домашний дев-сервер было решено возложить обратно на него функцию радио-точки.
Первое решение заключалось в следующем: залить на внешний жесткий диск побольше чилл-аут музыки и примонтировать его к нетбуку (я смонтировал в /media/sea/data/Music).
Дальше нам потребуется музыкальный демон. Я остановил свой выбор на mpd.

sudo apt-get install mpd

После установки перебираемся в файл конфигураций, который должен находиться по адресу /etc/mpd.conf. Кое-какие изменения нам в него придется внести. Ниже я приведу те части, которые я изменял в оригинальном файле:

music_directory  "/media/sea/data/Music"
# предварительно создал директорию /media/sea/data/Music/config/playlists
playlist_directory "/media/sea/data/Music/config/playlists"
db_file           "/media/sea/data/Music/config/mpd.db"
log_file          "/media/sea/data/Music/config/mpd.log"
pid_file          "/media/sea/data/Music/config/pid"
state_file       "/media/sea/data/Music/config/state"
# adv — это реальный пользователь, у которого есть права на чтение/запись в директории /media/sea/data/Music/config/
user        "adv"
bind_to_address  "localhost"
port     "6600"
# для вывода использую драйвер ALSA, эти строки как правило уже раскомментированы
audio_output {
type            "alsa"
name            "My ALSA Device"
device          "hw:0,0"        # optional
format          "44100:16:2"    # optional
mixer_device    "default"       # optional
mixer_control   "PCM"           # optional
mixer_index     "0"             # optional
}

filesystem_charset  "UTF-8"
id3v1_encoding   "UTF-8"

На самом деле файл конфигурации хорошо документирован и заточить музыкального демона mpd под конкретный случай не составит труда. Особенность mpd заключается в том, что он сохраняет список музыкальных файлов из директории music_directory (у меня это папка /media/sea/data/Music) в базу, которую хранит в памяти. Чтобы создать эту базу нужно выполнить следующую команду:

mpd --create-db

Установка музыкального демона закончена, теперь нужно выбрать клиент. Поскольку GUI у меня нет, мне нужен консольный плеер, а обзор плееров с интерфейсами посмотрите во второй части этой статьи. Для себя я выбрал ncmpc. Установка как всегда проста:

sudo apt-get install ncmpc

У плеера несколько вкладок, они активируются функциональными клавишами:

F1	Помощь Справка по управлению, которая содержит очень коротко самую главную информацию: как добавить файлы/папки в плейлист, как управлять воспроизведением, и т. д.
F2	Плейлист
F3	Навигация Проводник по базе демона, которую мы создали в конце предыдущего шага.
F4	Навигация по исполнителям
F5	Поиск
F7	Текст Если проигрываемый трек содержит мета-информацию со словами, то их можно смотреть в этой вкладке.
F8	Аудиовыходы

Никаких настроек для того чтобы плеер начал проигрывать музыку, кроме добавления треков в плейлист, делать не пришлось. Вот так выглядит ncmpc:

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

Во втором способе я решил вернуться к идеи использования интернет-радио. К сожалению, сайт 101.ru не отдает музыкальные плейлисты, которые можно скормить плееру. На 101 свет клином не сошелся и в результате недолгих исканий был найден зарубежный сайт той же тематики — digitally improved, который позволяет скачать себе *.pls — плейлист потокового аудио. Далее быстро был найден подходящий плеер MOC. Ставим:

sudo apt-get install moc

Скачиваем плейлисты понравившихся интернет-радиостанций:

cd /media/sea/data/Music/config/playlists
wget http://listen.di.fm/public3/chilloutdreams.pls
moc

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

Переключение между панелями осуществляется клавишей Tab. Чтобы добавить плейлист к списку воспроизведений, выберите его и нажмите a, для начала проигрывания — Enter. Теперь можно загрузить любой плейлист прямо из MOC можно нажав o (подсказал Маским). Более подробную информацию по горячим клавишам можно получить нажав h или посетив сайт polishlinux.

В итоге всех манипуляций мы выполнили поставленную задачу: теперь можно слушать интернет-радио на Ubuntu через консоль, настроив его единожды.

htaccess: изменить адрес вебмастера

2010-06-28T03:11:00.000+04:00

Иногда на сайте возникают ошибки, которые передаются серверу для выдачи пользователю описание происшествия. Чтобы пользователь мог сообщить о происшедшем хорошо бы заменить адрес вебмастера, который устанавливается по умолчанию, на действительный.
Взять к примеру ошибку 500 или Internal Server Error. Вот стандартный ответ Апача:
«The server encountered an internal error or misconfiguration and was unable to complete your request.
Please contact the server administrator, webmaster@oniksfly.com and inform them of the time the error occurred, and anything you might have done that may have caused the error.
More information about this error may be available in the server error log.
Additionally, a 500 Internal Server Error error was encountered while trying to use an ErrorDocument to handle the request.»
Поменять адрес вебмастера, не изменяя конфигурацию сервера (из-за отсутствия доступа), можно прописав в файле .htaccess следующее:
SetEnv SERVER_ADMIN yourname@example.com

Типографская раскладка в linux

2010-03-22T11:59:00.000+03:00

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

1. Открываем настройки клавиатуры: Система — Параметры — Клавиатура;

2. Переходим во вкладку «Раскладки», давим кнопку «Параметры раскладки»;

3. Находим там «Key to choose 3rd level» и отмечаем «Right Alt» (как у Бирмана), далее ищем «Разные параметры совместимости» и отмечаем «Enable extra typographic characters»;

4. Закрываем настройки и наслаждаемся типографской раскладкой.

Если у вас Gnome, то заработает. Для получения типографской раскладки в KDE используйте решение Сергея Столярова:

1. wget http://regolit.com/files/symbols_typo

2. sudo cp symbols_typo /usr/share/X11/xkb/symbols/typo

3. setxkbmap -model pc104 -layout us,ru -option lv3:ralt_switch,grp:caps_toggle,misc:typo,grp_led:caps

После нехитрых манипуляций, зажимая правый Alt получаются типографские символы.

Конвертер валют

2010-03-16T05:42:00.000+03:00

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

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

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

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

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

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

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

Технические детали. Вся информация запрашивается с сервера Центрального Банка РФ и всегда актуальна. При этом количество запросов к серверу ЦБ минимально и при его недоступности модуль не перестанет работать.

Бесплатно слушать Last.fm

2009-12-19T14:05:00.003+03:00

Есть еще одно более элегантное решение, нежели предыдущее.

1. Скачиваете скробблер себе на компьютер.

2. А далее технологически все так же — используете зарубежный прокси.

В настройках скробблера:

Инструменты → Опции… → Подключение

Устанавливаем «Вручную» и указываем сервер, порт и реквизиты доступа к нему.

3. «Применить» кнопку нажимаем и спокойно бесплатно слушаем любимое радио без рекламы.

К вопросу о прокси-серверах — я отправил заявку на Last.FM Proxy и мне прислали реквизиты для доступа к немецкому прокси. ~~Кстати, есть парочка инвайтов~~.

Last.fm — экономим 3 €

2009-12-19T00:58:00.003+03:00

Любимый сайт Last.fm стал платным для пользователей большинства стран мира.

К странам-счастливчикам, которые могут не платить оброк точно относятся США и Германия.

Нашел элегантное решение для браузера FireFox:

1. Загружаем дополнение FoxyProxy.

2. Ищем работающий прокси-сервер из США или Германии. Я нашел рабочий тут.

3. Включаем FoxyProxy и настраиваем работу для сайтов с маской *lastfm.ru* по найденному прокси.

Заходим на сайт и спокойно слушаем радио и все что нам было бы доступно в платной версии.

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

P.S. Вот еще одно более элегантное решение.

Сайт про аську

2009-12-15T00:04:00.004+03:00

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

Задача. Создать сайт про icq-клиенты для всех типов устройств и под все операционные системы.

Реализация. Создана очень удобная структура представления информации.
На сайте есть все, что нужно любому асе4каведу, асе4ка-любителю и асе4ка-новичку: статьи, новости, самые свежие версии клиентов.
В качестве вкусности для заинтересовавшихся — форум, где помогут, покажут и расскажут.

Детали. С самого начала делался упор на структуру сайта — она должна быть простой, понятной, очевидной и удобной.
Нужна вам аська для смартфона с Windows Mobile: пожалуйста, пару кликов и все существующие на сегодняшний день клиенты появятся перед вами. И не просто появятся, а со всякими скриншотами и описаниями. Что заинтересовало, кликнули по нужному клиенту и все достоинства, недостатки, баги и фичи предстанут перед вами.

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

Технические детали. В угоду структуре сайта сделали ЧПУ, которые соответствуют разделам сайта. Например ссылка на раздел «Новости→ICQ» выглядит как

www.ase4ka.su/news/icq_news

Еще много всяких приятных мелочей, обо всем не вспомнить.

Посмотреть. Походить по ссылочкам на www.ase4ka.su милости прошу.

P.S. Дизайн предоставлен заказчиком, верстка — Hammer.

Информационный портал МИР

2009-11-10T21:05:00.005+03:00

Задача. Сделать современный молодежный портал, и перенести всю информацию со старого.

Реализация. За месяц нужно было не просто сделать удобный молодежный портал, но и построить целую социальную сеть.

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

Детали. Помимо этого было перенесено более 1000 статей со старой версии сайта, а так же пользователи не ощутили никаких неудобств — все их пароли остались в силе, как и контактная информация, взаимоотношения (дружба), фотоальбомы.

Технические детали. Особую сложность в этом проекте, как ни странно, составил импорт данных со старой системы управления сайтом (ABO.CMS).

Никому не рекомендую использовать (не дай Бог переносить на нее) данную систему в качестве площадки для сайта.

Ребята вообще не в курсе, что такое нормализация баз данных. Мол, работает и хорошо.

Но это тема для отдельной статьи.

Посмотреть. Портал доступен по адресу www.mir4you.ru. Можно даже регистрироваться.

Официальный сайт городского округа Котельники

2009-10-05T23:47:00.003+04:00

Задача. Довести до ума официальный сайт округа.

Реализация. Доделаны сообщения форума по требованию заказчика — первыми идут новые сообщения, затем более старые, т.е. самое последнее сообщение форума фактически является самым первым по времени, оставленным в этой теме.
Выполнена система учета муниципальных заказов: аукционы, конкурсы, запросы котировок.
Детали. В системе учета муниципальных заказов осуществляется сортировка по дате. Так же ведется архив за предыдущие года. Учтен экспорт файлов и документов из старых таблиц. Ни что ни упущено, ничто не забыто.

Технические детали. Все технические решения выполнены с использованием api системы управления содержимым Drupal.

Посмотреть. Сайт доступен по адресу www.kotelniki.ru.

Сайт «АнтекСтрой»

2009-09-06T01:38:00.006+04:00

Задача. Создать мультиязычный сайт для строительной компании, используя только HTML. Оживить сайт за счет анимации.

Реализация. С помощью валидного HTML и CSS создан универсальный макет для мультязычного сайта.

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

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

Детали. В изготовлении шаблона использовались все элементы фирменного стиля, предоставленного заказчиком. Отсутствуют «висячие» и беспомощные элементы оформления.
Перевод сайта предоставлен заказчиком.

Помимо перехода на английскую версию сайта, флаг говорит о международном статусе компании.

Перевод выполнен полноценно — каждой странице соответствует аналогичная на другом языке с литературным переводом.

При переводе все элементы сайта переводятся: начиная от подписей к изображениям, заканчивая англоязычный логотип компании. Так же переведены все графики и цены переведены в иностранную валюту — рублям соответствует денежный эквивалент в евро.

Технические детали. Помимо того, что сайт одинаково грамотно отображается во всех популярных браузерах: Internet Explorer 6.x и выше, Mozilla Firefox 2.3 и выше, Opera 9.6 и выше, Apple Safari 3 и выше, сайт так же верно отображается в браузерах мобильных устройств.

Посмотреть. Сайт доступен по адресу www.antekstroy.ru.

Заказчики ошибаются

2009-06-18T16:19:00.002+04:00

Очень часто возникают разногласия между заказчиками и исполнителями. Потому что: заказчик не знает чего хочет; заказчик знает, но не может объяснить; исполнитель не понимает заказчика; исполнитель понимает, но не правильно;… и т.д.

Издревле сложилось мнение, что заказчик всегда прав. Так вот что я вам скажу — это совершенно ошибочное заявление.

Субъективность оценки заказчика
Нельзя забывать, что сам заказчик так же как и вы является специалистом. И у него так же как у вас есть клиенты. И как правило мнение его клиента далеко не идентично его мнению. Поэтому оценка нравится/не нравится тут очень субъективна. Тут правильнее задавать вопрос, понравится ли это конечному пользователю вашего продукта — а это уже вопрос времени.

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

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

И все это к тому, что клиент всегда неправ.

Web-интерфейс: переключение между элементами

2009-06-12T19:58:00.003+04:00

Во время работы с приложениями, если есть такая возможность, практически не использую мышку. Т.е. для переключения между элементами форм (полями, кнопками) использую клавишу Tab. В Web’е это практически не удается, потому что как правило, по нажатию клавиши табуляции выделение улетает черт знает куда.

Как Web-разработчикам быть? Очень просто — использовать свойство tabindex для следующих html-тегов: input, select, button, textarea.

<form>
<input type="text" name="login" tabindex="1">
<a href="#">восстановить пароль</a>
<input type="password" name="pswd" tabindex="2">
<input type="submit">
</form>

Подбор шрифта для сайта

2009-05-23T22:45:00.002+04:00

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

Но вот буквально пару дней назад я открыл для себя крайне любопытный интернет-сервис: texster.ru.
Основная его задача — подбор шрифтов и создание CSS стилей для текста. Умеет на лету с помощью ползунков изменять размер шрифта, интерльяж (расстояние между строками), кернинг (расстояние между буквами), расстояние между словами и отступы. Так же можно менять начертания шрифтов.

Все изменения тут же отображаются для 19 шрифтов и сразу генерируется CSS-код. Очень удобно.

Табы на jQery

2009-05-04T23:11:00.002+04:00

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

Взять можно с офсайта.

Знак рубля

2009-04-04T23:27:00.005+04:00

Давно использую лично для себя, но теперь стал встречать этот знак все чаще и чаще в рекламе.
Суть тут вот в чем. Дабы российской валюте не отставать от денег американских и европейских, которые давно имеют для себя обозначения $ и € соответственно, было решено придумать знак, который будет символизировать российский рубль.
Независимые негосударственные и к тому же вполне авторитетные ДС (среди них «Директ-дизайн», «Дизайн-депо», Студия Артемия Лебедева) принялись ваять этот самый знак. Вариантов было множество, но остановились на том, которые показан на картинке.

Поскольку значок довольной молодой, года два ему, то в шрифтах его найти удастся немногим. А что касается веб-дизайна? Как тут быть?
А вот для этого случая ДС Лебедева разработала наиболее оптимальное решение (никаких картинок):

Замена цветовой модели в Corel Draw

2009-03-09T20:22:00.004+03:00

Столкнулся с проблемой: исходный макет CorelDraw находится частично в цветовой модели RGB, частично в CMYK. Ясное дело, что такое положение дел не устраивает — нужно все конвертировать в одну модель.
Поскольку до этого не сталкивался с такой задачей, то пришлось изрядно поковыряться в менюшках CorelDraw, прежде чем нашел ответ. Поэтому поделюсь.

Заходим в меню "Правка" -> "Поиск и замена" -> "Заменить объекты". В открывшемся окне мастера выполняем манипуляции на свой страх и цвет.

Заставляем работать IE6 как надо

2009-03-07T23:25:00.007+03:00

Если вы немного разбираетесь в web-разработках, то вам не по наслышке знакомы чудеса, которые выделывает старый, но все еще использующийся браузер Internet Explorer 6.

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

Приведу некоторые CSS-правила, которые помогут исправить этот недостаток.

1. Использование DOCTYPE
Обязательно указывайте в начале страницы запись, обозначающую тип HTML-документа:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

2. display: inline
Если на странице имеются DIV-блоки с float: left и указанным правилом margin, то в IE6 это значение margin будет удваиваться. Использование для этого DIV-блока правила display: inline поможет решить проблему.

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

Материал на основе блога Свобода слова вебастерского.

Файловые загрузчики

2009-03-07T18:39:00.003+03:00

Все более и более популярны становятся красивые загрузчики с прогресс-барами, которые не используют Flash-технологию.

На то есть свои причины, одна из которых, на мой взгляд основная, — забота о незафлэшенных пользователях. К тому же, такие загрузчики поддерживают кроссбраузерность - IE6/7, FF2/3, Safari, Chrome, Opera.

1. Ajax Upload
Название говорит само за себя. С помощью этой штуки сможете сделать практически все, что угодно вашей душе, и в плане стилизации в том числе. Кто мешает править CSSки?)

Стоит заметить, что есть версия как под jQuery, так и под Prototype.

2. jQuery Multiple File Upload Plugin (текущая версия 3.1)
При загрузке показывает иконку, соответствующую MIME-типу файла. Так же нет практически никаких ограничений в стилизации этого плагина.

3. Ext.ux.FileTreePanel Extension
Клиент-серверное расширение для Ext JS с богатыми возможностями.

Визитки. Что да как

2009-03-05T20:07:00.004+03:00

Создание визитки, по сути, не такой сложный процесс.
Однако это если вы просто сделаете красивенькую картинку. А если нужно сразу отдать в типографию на печать? Вот тут и возникает небольшая трудность - проблемы предпечатной подготовки макета визитной карточки.

Итак, что говорит нам забугорный интернет по этому поводу? А вот что:

Изготовление двухсторонней (4+4) визитной карточки, готовой к печати, используя только Adobe Photoshop.

Еще одна визитка, сделанная только при помощи Photoshop.

Быстрое изготовление визитной карточки в Adobe Illustrator.

Изготовление клиентской визитки в Adobe Illustrator на основе соцопроса.

Несмотря на иноязычность, все довольно просто и понятно. Материал на основе Дежурки.

Переводчик на jQuery

2009-03-04T22:12:00.003+03:00

Интересный способ переводить страницу целиком или ее отдельные элементы реализовал Jay Salvat в плагине Sunday Morning, использующем jQuery и Google API.

Плагин к Total Commander для обзора PPC

2008-03-22T00:07:00.004+03:00

WinCE Plugin - Плагин к файловому менеджеру Total Commander для осуществления доступа к содержимому подключенного через ActiveSync PocketPC или другого Windows CE-устройства. Гораздо удобнее, чем проводник -)

Установка: в TC: сервис - параметры - Модули(plugins) - Модули файловой системы (.WFX). Жмем кнопочку настроить, затем добавить и указываем путь к плагину.

Формат: zip-архив / 24Кб
Лицензия: free

скачать с ifolder.ru
скачать с софтванда

Перенос сайта

2008-02-16T00:34:00.002+03:00

Любой web-мастер или саппорт интернет-проектов когда-либо столкнется с проблемой переноса сайта от одного хостера к другому. Я хочу на наглядном примере в несколько шагов описать простейший способ переезда.
Для простейшего, надежного, быстрого и самого удобного варианта перемещения сайта (для нас это будет сайт, состоящий из CMS, т.е. сам движок и MySQL-база данных) у нас должен быть SSH доступ к аккаунтам у старого и нового хостера.
Первым делом мы логинимся через SSH-туннель к старому хостеру и делаем:

Бэкап файлов. Сразу заtarиваем их:
tar -czvf /home/www/backup/bu.tar.gz /home/www
где /home/www - директория, которая будет обработана (заархивирована), а /home/www/backup/bu.tar.gz - куда будет помещен файл архива.
Бэкап базы данных:
mysqldump -u USERNAME -pPASSWORD BD_NAME > dump.sql

Со старым хостингом разобрались, теперь логинимся на новом:

Нужно скачать бэкапы со старого:
wget http://site.name/backup/bu.tar.gz
wget http://site.name/dump.sql
Теперь нам нужно восстановить базу из дампа:
mysql -uUSERNAME -pPASSWORD -hBD_SERVER_NAME BD_NAME <>
И, собственно, восстановим сам сайт из архива:
tar -zxvf /home/www/bu.tar.gz -C /home/www
где /home/www/bu.tar.gz - путь и имя архива, а /home/www - куда файлы будут распакованы.

Вот собственно и справили новоселье. Осталось подправить конфиги CMS и, возможно, кое-где выставить chmod - и сайт готов к работе.

.masterhost: бочка дегтя в ложке меда

2008-02-16T00:16:00.005+03:00

По причине нехватки места для ПРИМАТКО ОРГ было принято решение о покупке нормального, качественного и надежного виртуального хостинга. Пусть даже дорого, но выбор пал на довольно разрекламированный .masterhost, в частности на тариф "Эффективный". Очень большие возможности на первый, и даже на второй взгляд, НО: покупая хост у этой компании будьте готовы сразу к мегонеудобной и медленной панели управления (думать о совершенстве, как минимум, C-panel даже забудьте), и самый главный подводный камень - лимит загрузки.
Этот параметр в условиях приобретения виртуального хостинга нигде не описан, но на требование увеличить параметры php.ini, например upload_max_filesize и post_max_size получил ответ от саппорта:

Вы можете добавить в .htaccess строки:
php_value upload_max_filesize 10M
php_value post_max_size 10M
Это увеличит объем загружаемых файлов до 10 мегабайт - больше на виртуальном хостинге загрузить нельзя.

Всего доброго.

Вот вам и всего доброго. Для меня например эти параметры очень критичны, и должны составлять как минимум 32 М.

статьи по теме

UNIX: архивация и разархивация (tar & gzip)

2008-02-14T00:33:00.002+03:00

Архивирование файлов tar-ом с gzip сжатием:

tar -czvf /my/directory/archieve_name.tar.gz /directory/with/data

Первый параметр - путь и имя будущего архива, второй директория, которая будет рекурсивно обработана.
Флажок 'c' ознает создание архива, 'z' архивирование в gzip, 'v' verbose mode, 'f' создание файла.

Внимание вам нужно обратить на два параметра 'z' и 'v'. Если вы не хотите выдеть подробные отчеты о файлах, которые будут архивироваться, просто уберите флажек 'v'
Если же убрать флажек 'z', то ваш архив не будет сжиматься gzip-ом. Вот пример строки без gzip сжатия:

tar -cvf /my/directory/archieve_name.tar /directory/with/data

Для разархивирования архива с gzip сжатием можно использывать строку такого вида:

tar -zxvf /my/directory/archieve_name.tar.gz -C /directory/with/data

Тут первый параметр - путь и имя архива, второй - директория, в которую ваш архив будет разархивирован.

Опять же таки, если у вас архив без gzip сжатия, то строка будет выглядеть таким образом:

tar -xvf /my/directory/archieve_name.tar -C /directory/with/data

И для всех случаев справедливо правило с параметром 'v'

IPB: удалить копирайты и title

2008-01-25T22:29:00.000+03:00

Очень часто у владельцев форумов IPB возникает вполне естественный вопрос: "Как удалить в названии форума 'Powered by Invision Power Board'?"
Действительно неприятная штука, которая находится в тегах title. Замечу, что удаление этой надписи в тайтле не нарушает условий лицензии. Как это сделать:
1) открываем файл sources/action_public/boards.php
2) ищем переменную $cp и удаляем ее значение.

Интернет-решебник по физике (Чертов - Воробьев)

2008-01-22T16:12:00.000+03:00

Вступление

Как типичный студент технического ВУЗа, для которого такой предмет как физика был и остается страшной загадкой, я все время искал способы "решения" задач при полном отсутствии знаний. По статистике, большинство задач попадаются из нелюбимого "Задачника по физике" Чертова и Воробьева. Конечно, о существовании такого сайта как irodov.nm.ru я знал давно, но списывать оттуда не очень удобно: необходимо знать номер задачи (а для этого приходится иметь при себе сам задачник), да и решений многих задач там попросту нет.

Решение

Найдя в сети интересный сайтик с решениями практически всех задач из вышеукзанного задачника (хотя многие сетуют, что там есть ошибки), а самое главное - с условием в текстовом формате.
И тут у меня родилась интересная мысль. Сделав по-быстрому бэкап этого сайта себе на хард я принялся ковыряться в HTML-тегах этих страниц. И честно говоря был очень огорчен. Страницы видимо создавались html-редактором а-ля MS Front Page и имели дикое количество ненужных тегов, соответственно и весили много. Но это уже мои заморочки, автору и на том спасибо, что условия в текст перегнал.

Реализация

Закинув задачи к себе на хост, принялся оптимизировать интерфейс. Главную страницу сделал максимально легкой и удобной для использования мобильными браузерами (IE, Opera Mobile, Net Front). Только текст и ничего более. На мой взгляд получилось очень оптимально.

Поиск

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

Так что добро пожаловать: oniksfly.md8.ru/chertov.

IPB: регистрация и активации

2008-01-12T16:38:00.000+03:00

Итак, проблемы с форумом perehvat.info кажется подошли к концу. Были решены проблема №1 и проблема №2.
Что касается темы "не приходит письмо активации": ползем на русскоязычный форум поддержки, там есть тема, как поправить email_class.php, чтобы все работало. Не очень понятно почему в ИПБ так сделали, но главное работает.

как выровнять DIV по центру

2008-01-12T00:44:00.001+03:00

Очень часто возникает необходимость выровнять DIV-блок по центру по ширине или одновременно по ширине и высоте. Можно найти много разных вариантов, но почти все они не кроссбраузерные. Я предлагаю вам действительно кроссбраузерный способ выравнивания DIV-блока по ширине и по высоте, который будет работать под IE6+, Firfex 2+, Safari 3+ и Chrome. Наверняка будет работать где-нибудь еще, но мне нечем проверить.

Итак, берем пример, который покажет нам, как выровнять DIV-блок по центру по высоте и по ширине:

#ID_NAME {
   position: absolute;
   top: 50%;
   left: 50%;
   width: Xpx;
   height: Ypx;
   margin-left: -(X/2)px;
   margin-top: -(Y/2)px;
}

где X и Y - ширина и высота DIV-блока. Т.е. если у вас width 600px, то в margin-left вы должны написать -300px.

Единственный и весьма существенный недостаток — необходимо заранее знать размеры блока.

Посмотреть как это работает можно, например, здесь.

форум: ошибка №2

2008-01-09T01:38:00.000+03:00

Приношу свои извинения пользователям, но пришлось временно запретить регистрацию новых аккаунтов на форуме в связи с проблемами валидации по e-mail. Проблема №1 оказалась серьезнее, чем я предполагал и ее устранение займет больше времени.

форум: ошибка №1

2008-01-03T04:51:00.000+03:00

Форум perehvat.info. Ошибка номер раз.

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

Регистрация

Спасибо tester. Запрос на регистрацию пользователя принят.
На указанный вами при регистрации e-mail адрес отправлено письмо с инструкциями по активации вашей учетной записи.
Указанный вами e-mail: user@mail.ru

но сообщения с форума вы так и не получите и будите состоять в группе Неактивированные.

Я приношу извинения за неудобства, в скором времени постараюсь починить эту неисправность. Если кому-то срочно нужно что-то сообщить или скачать с форума - пишите на мыло () или стучите в асю(), активирую вручную.

Убедительная просьба: если Вы отправляете сообщение по электропочте, то указывайте в теме "Активация аккаунта форума perehvat.info" а в сообщении укажите Ваш логин.
Если Вы хотите отправить icq-сообщение, то будьте добры, начните его таким образом: "по поводу активации аккаунта форума perehvat.info ...." и в этом же сообщении укажите свой логин.

ПерехватЪ форум

2007-12-31T00:33:00.001+03:00

В канун нового года решил порадовать пользователей ПО ПерехватЪ. После долгого состояния "оффлайн" и недоступности вцелом, наконец восстановил форум. Это было действительно очень сложно и очень долго, но я все же решил потратить ночь на ручной перенос БД MySQL, объемом 20 Мб потаблично (в некоторых случая даже реквесты приходилось разбивать), ибо, ясное дело phpMyAdmin ни конм образом не хотел кушать двадцатиметровый файлик. Это был поистине адский труд.
Знаете, на самом деле есть большая проблема даже открытия текстового файла объемом 20 мб. Если даже открыли - то работать с ним почти невозможно. И ни то что блокнот, даже Bred и PSPad не справляются с этой задачей. Благо есть замечательный Notepad ++ который не испугался жалкого backup.sql
Ну все же я сделал это и выполнил задачу полностью: сохранил посты, сохранил аккаунты. Так же почистил форум от левых регистраций. Итого удалил около 1600 аккаунтов.

Если перед кем-то встанет задача переносить IPB форум с одного хоста на другой, то обязательно сделайте следующее:

очистите кэш шаблонов
очистите лог посещений поисковых ботов
пересчитайте все суммы форума

и я вам обещаю, что это уменьшит размер бэкапа бд форума как минимум на 1/3.
Послесловие. С Новым 2008 Годом всех! Пусть будущий год будет лучше, чем нынешний.

скрыть/показать пользователя на экране приветствия Windows

2007-12-28T21:35:00.000+03:00

Для того чтобы скрыть пользователя с экрана приветствия ОС Windows XP можно залезть в реестр (regedit.exe), отыскать там ветку HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Winlogon\SpecialAccounts\UserList и создать новый параметр DWORD. Измените имя параметра на имя пользователя, которого мы хотим спрятать и придайте значение ключу 0.
Если же вы хотите наоборот, т.е. чтобы созданный вами пользователь и по какой-то причине не отображаемый на экране приветствия появился, точно так же создайте ключь DWORD с именем пользователя, но уже со значением 1.

Передача двумерного массива функции

2007-12-26T22:21:00.000+03:00

В c++ передавать параметр какой-либо функции вовсе необязательно, если этот параметр можно рассмотреть как глобальный. Но вот что касается каких либо локальных переменных, тут дело обстоит иначе: нужно передавать.
С одномерным массивом все просто. Рассмотрим случай передачи локального одномерного массива mass, который мы инициализируем в функции main() и передаем функции print(), которая нам выведет содержимое массива:

int print(int massive[]) {
for (int i=0; i<5; i++) printf(" %d", massive[i]);
return 0;
}

int main(){
int mass[5]={0, 5, 9, 12, 8};
print(mass);
return 0;
}

обратите внимание, что в функции print мы задаем имя формального параметра как massive, хотя никто не запрещает нам использовать и mass. Я обращаю внимание, что хоть и называем параметр по другому, но если бы наша функция и меняла что-то в массиве, то эти изменения совершались не над копией массива, а над ним самим.

Бывают случаи, когда приходится работать с двумерными массивами. Допустим, вам необходимо передать двумерный массив какой-то хитрой функции. При этом учтем, что наш массив не глобальный, иначе его можно и не указывать в формальных параметрах.
Пусть у нас в функции определяется какой-то локальный массив m2d[3][5]. В таком представлении, грубо говоря, мы можем видеть этот массив в нашем богатом воображении как таблицу, у которой 3 строки и 5 столбцов. Итак вот каким образом мы передаем этот массив функции:

int foo( int (*mass)[5]) {
//some code
....
}

int main(){
//определяем и сразу инициализируем массив
int m2d[3][5] = {
(0, 1, 5, 7, 4),
(5, 12, 8, 0, 7),
(1, 1, 1, 59, 7)
};
foo(m2d);
return 0;
}

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

C++ : как-то связано с треугольным массивом

2007-12-23T21:14:00.000+03:00

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


#include <stream.h>
  #include <iomanip.h>
  int out_adr(int m[])
  {
  int i,j;
  int *p; //указатель на элемент массива
  printf("\nHere adreses for first line element's :\n");
  for(i=0,j=0;i<4;i++)
  {
  j+=i;
  p=&m[j];
  printf("Line number %d: %p\n", i+1, p);
  }
  return 0;
  }

int main()
  {
  int i;
  int a[10]; // сам массив
  for(int i=0;i<10;i++)
  {
  printf("Enter element %d please: ",i+1);
  scanf("%d", &a[i]);
  }
  //выводим матрицу красиво по строкам
  for(int d=0;d<10;d++)
  {
  cout<<setw(6)<<a[d];
  //ставим '\n' в конце каждой строки
  for(int j=0, i=0;i<5; i++)
  {
  j+=i;
  (j==d+1) ? printf("\n") : printf("");
  }
  }
  out_adr(a);
  return 0;
  }

perehvat.info - возраждение. часть первая

2007-12-19T18:56:00.000+03:00

Наконец-то после переезда на новый хостинг дошли руки и до перехвата.
Постепенно начинаю восстанавливать сайт. Сейчас он уже более-менее функционален, позволяет скачивать саму программу, драйвера, модули.
Восстановлен раздел "новости" - теперь последние новости (топ-5, заголовки) отображаются на каждой странице, обновлен блок "Команда" - ясно кто за что отвечает и к кому обратиться с конкретным вопросом.

Что касается дальнейших изменений: первоочередной задачей по этому проекту я считаю восстановление форума (на сегодняшний момент есть временный форум - perehvat.forum24.ru, но это не очень удобно) и добавление кое-каких абсолютно новых разделов на сайте.

P.S. От Алексея (gonzales) всем готовится Новогодний подарок в виде новой версии программы. В ней будет очень много всяких полезностей и нововведений.

Как объяснить инопланетянину по радио, что такое левое и правое?

2007-12-17T21:30:00.000+03:00

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

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

Передав эту информацию инопланетянину по радио, мы уменьшим степень неопределенности ровно в 2 раза.

PS. таким образом, мы доказали, что у гугла приоритет по поиску идет прежде всего на свои ресурсы, что в принципе и логично.

Бесплатный IDE компилятор C++

2007-12-17T01:35:00.001+03:00

Еще немного информации на тему бесплатных компиляторов.
А именно сейчас хочу представить Code::Blocks, бесплатный кроссплатформенный IDE C++ компилятор.
Работает на gcc, портированную под Win (MINGW), причем Вам даже ничего не придется вручную настраивать, есть возможность скачать среду уже с интегрированным компилятором: скачайте отсюда (это если у вас Win).

Что касается лично меня - самое удобное и маленькое, что пока я видел. К тому же Open Source, а это веский аргумент. Гораздо удобнее и красивее Visual MinGW.

primatko.org.ru - еще один проект готов

2007-12-17T00:48:00.001+03:00

Недавно завершил работу над узконаправленным образовательным проектом.
Проект состоит из КМС и форума, которые интегрированы бриджом. Как всегда интеграция не прошла безболезненно, но как уж есть - проект-то ни разу не денежный :)

Проект делал для студентов МИРЭА, в частности с факультета Кибернетики, специальности прикладная математика.

Ну чтобы учиться было легче)

P. S. За окончанием оьучения на этой стадии проект был свернут.

С++ аналог функции strcpy

2007-12-16T02:43:00.000+03:00

Вот собственно полностью готовый аналог функции strcpy, поддерживает даже параметр "количество символов для копирования", проверяет его валидность. Так же оптимизирована рекурсия и нет пустых вызовов функций. Радуйтесь наздоровье :)


#include <iostream>
#include <stream.h>
#include <stdio.h>
#include <strings.h>
char start[20];
int k; //бу-бу) йа камент )
int n =0; //счетчег сцуко хитрый ^_^
int obrez=0; //покудова копируем строчко

void show_array(char array[], int numb) {
 printf("\noutput >> ");
 for (int i=0; i<numb; i++) cout<<array[i];
 printf(" <<output\n");
}
void copy(char array[], char ready[], int numb, int obrezko) {
    if (obrez!=0 or obrez!=k) {numb=obrezko; k=obrezko; }
     if(n != numb) {
     ready[n] = array[n];
     n++;
     copy(array,ready,numb,obrezko);
 }
}
char enter() {
   printf("enter string (20 symbols max): ");
   scanf("%s", start);
   printf("\nenter number of symbols, would you like to copy or print '0', if you want to copy string till the end : ");
   cin>>obrez;
}

int check_size(char for_check[]) {
   k = strlen(for_check);
   return k;
}

int main() {enter();{
   check_size(start);
   show_array(start,k);// пишем массивко исходный в консолько
   if (obrez>k) {printf("you try copy more, then you have, sorry :(\n"); return 0;}
   else {
   char finish[k];
   copy(start,finish,k,obrez);
   show_array(finish,k);// пишем копированный массив в консолько
   }
}

Бесплатный визуальный C++ компилятор Visual MinGW

2007-12-14T01:00:00.000+03:00

Сам программирую под UNIX like OS, поэтому люблю чтобы все было в компиляторе просто, понятно и красиво, а главное бесплатно. Компилятор Borland это конечно все хорошо, и даже есть бесплатная версия (C++BuilderX, так вроде называется), но все же это тот же самый, по сути, убогий старина борланд, поэтому для меня это не вариант.

Поскольку дома у меня имеется только машина с ОС Windows, а каждый раз грузить виртуальную машину не очень хочется, то я решил поискать что-то максимально приближенное к gcc под Win. Нашел такую штуку, как MinGW, по сути - портированный gcc на платформу Win.
Думаю проблем с его установкой и настройкой возникнуть не должно.

Но по прежнему хотелось бы и немного удобства, так как командная строка под Win это лишь жалкое подобие, даже никак не сравнимое с командной строкой под *NIX, как по мощности, так и по удобству.
Поэтому, собственно задача свелась к поиску графической среды разработки, к которой спокойно прикрутился бы MinGW. И вот что я нашел.

Visual MinGW
Программа представляет из себя Open Source IDE (Integrated Development Environment) для компилятора MinGW. Сам проект довольно стар, да и версия выложенная на сайте разработчика - Version 0.56, но все же эта штуковина работает и работает довольно-таки неплохо.
Как мне кажется, проект заморожен, и говорить "скачать последнюю версию" немного неуместно, поэтому просто предлагаю скачать Visual-MinGW 0.56 alpha (27 марта 2004)

2007-12-13T10:34:00.000+03:00

C++: рекурсивное копирование строки (без цикла)

2007-12-13T02:16:00.000+03:00

Что делает программа: читает строку из 4х символов, введенную с клавиатуры. Выводит ее с помощью функции show_array и затем рекурсивно копирует, используя функцию copy

#include <stream.h>

char tocopy[5];
char start[5];

void show_array(char array[], int numb) {
printf("\noutput >> ");
for (int i=0; i<numb; i++) cout<<array[i];
printf(" <<output\n");
}

void copy(char array[], int numb) {
if(numb != 0) {
tocopy[numb-1] = array[numb];
numb--;
copy(array,numb);
}
else show_array(array,5);
}

char enter() {
printf("enter string (4 symbols): ");
scanf("%s", start);
}

int main() {
enter();
show_array(start,5);
copy(start,5);
}

Код проверен, работает с gcc отлично, а если вы пользуете Борланд, то меняете #include <stream.h> на #include <iostream.h>
рапида, слил

головоломка

2007-11-02T23:48:00.000+03:00

нашел тут. сам прошел)

валюта

2007-10-29T14:10:00.000+03:00

Сегодня в новостях нашел вот такие вот события по поводу принятия знака рубля (это абсолютно официально, Комиссия Центробанк):

Комиссия Центробанк определила, как будет официально обозначаться российская валюта. Утверждение нового знака рубля произойдёт в ближайшее время. После этого начнётся его официальное использование в финансовых документах, при обозначении цен в магазинах, в рекламе, в средствах массовой информации, и в любых других случаях. Вариантов, как вы помните, было множество - от простых до самых экзотичных:

это взял тут

Так же огромную кооллекцию работ на тему рубля нарыл в жж, ну там действительно очень много бреда, в оригиинале еще и каменты по этому поводу ржачные

еще много работ тут

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

В качестве основы мы взяли материалы конкурса «Знак рубля», инициированного Петром Банковым и проведенного клубом «Портфелио» совместно с газетой «Коммерсантъ» в 1999 году. С тех пор было проведено много подобных конкурсов, в которых основные типы представленных символов совпадали.

Для выбора символа «Знак рубля» нами использованы объективные критерии, важные для его эффективного применения...
читать полностью

P.S. вместо заключения

На самом деле наши Главвные товарищи поступят как всегда, основываясь на своем сугубо-профессилгнальном мнении. У них это мнение и в родной Политике не особо проявляется, а тут...

Мисс МИРЭА -2007 (мымра)

2007-10-29T06:33:00.000+03:00

Что касается разработки промо-сайта: есть, что показать на публику пока нет (нету текстов да и шаблон пока с острыми углами), но посмотреть концепцию можно вот тут:

не надо говорить что в осле строка разъезжается - идекс

что касается мелких недоработок в плане шаблона - девочки

афиши

2007-10-27T18:57:00.001+04:00

Работа над афишами для конкурса "Мисс МИРЭА - 2007" (рабочее название "мымра-2007") свалено на дизайн-студию "Шестая планета".

Сделал пару вариантов афиш, ну не один из них не прошел:

галерея

2007-06-30T13:33:00.000+04:00

Завел себе альбом с помощью замечательной программы Picasa от гугла.
Кому интересно - милости прошу - ONIKSfly gallery

интернет

2007-06-09T21:01:00.000+04:00

блин. ненавижу своего провайдера.
еще ненавижу современные технологии. раньше бы все было нормально, спокойно нахаляву качал файлы типа video.avi, prog.exe
Сейчас же, мода пошла скрывать прямые файлы и сцылка выглядит как http://www.сайт.com/файлID=5471057367704730360. И загрузчиком такое не зацепишь.

Ну что ж. буду сидеть и ждать когда в мире воцарится коммунизм.

блог

2007-06-09T20:24:00.000+04:00

Это мой 5 или шестой блог. Не сочтите меня за бального, но на то есть свои причины:

Даяри.ру - постоянно в ауте и постоянно перегружен. Отсекают много кодов (хтмл)
Лайфжурнал.ком - вообще крайне убогий сервис, не знаю чего в нем люди находят. Корявый какой-то, некрасивый, нерусский. И анонимно комменты с оперы нельзя ставить.
Комби.ру - до сегодняшнего дня все было ок и считал его основным дневником, но тут администрация сервиса сделала рассылку, типа мы переезжаем на домен привет.ру, я подумал, что это не к добру. Поэтому экспортировал все свои посты на блог.ру...
Блог.ру - очень удобный и красивый, много аякса. Все бы ничего, да этот домен принадлежит комби.ру...
Гугл - ноу комментс....