Ruby Brewed

пятница, 6 ноября 2009 г.

Популярное за год

В прошлом сообщении, посвященном годовщине (этого) блога, я рассматривал главные показатели и источники трафика. В этом посте, пожалуй, рассмотрю содержание... – популярное содержание. Что посетители ищут и находят, что больше читают, а что комментируют. И откуда они в конце концов «ползут на свет»?!!
Это была аллюзия к известному анекдоту про роддом.

Итак, «Аччод»

Самое популярное содержание

Webstream. Настройка ADSL роутера для нескольких компьютеров
Несколько месяцев гостил у родителей своей бывшей спутницы жизни (как мне тогда казалось). Нужно было подключить компьютер и лэптоп к интернет через ADSL роутер. Разобрался, написал инструкцию. Пользователи webstream находят на моем блоге, поскольку жадный провайдер такой информации не предоставляет.

Flash облако тегов
Красивая штуковина от Роя Танка – самому в свое время понравилось. Но не везде удачно вписывается. Нашел пример вставки в блоге Аманды (той самой), перевел и поделился. Копирайты, ссылки и прочие низкие реверансы авторам соблюдены.

Radio group value с помощью Javascript
Как получить значение группы радио переключателей. Сам ~~пое...~~ полысел над этим вопросом пока не нашел решение на Prototype и на чистом Javascript. Перевел, выложил, копирайты сохранил.

Ошибка Internet Explorer: Операция прервана
В период бета-тестирования проекта так близка и знакома стала мне эта ошибка! Спасибо Интернет Эксплореру за неисчерпаемые темы для обсуждений!

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

Самое комментируемое блоге

CSS колонки одинаковой высоты – 22
Абсолютный лидер рейтинга! Благодаря Андрею из Италии.

Статические страницы в Blogger – 16
Переведенный, переосмысленный и адаптированный рецепт от the Idiot Girl.

Футер Blogger в три колонки – 13
Собственноручно разработанное дзюцу. Постигнутое посредством долгой практики дзен и одного мгновения сатори. Взлелеянное, выстраданное и пропущенное через мясорубку собственного опыта и воззрений.

Friend Connect. Что? Как? – 12
Статья про технологию, которая сначала возбудила интерес, затем пробудила сомнения, а после – вселила панику в ряды пользователей Blogger. Ура, товарищи!

Настройка ADSL роутера для нескольких компьютеров – 11
А это уже знакомый нам абсолютный лидер другого рейтинга.

Самые востребованные ключевые слова

mp-bios bug: 8254 timer not connected to io-apic
Стопроцентное совпадение! Пока Ubuntu будет выдавать вот это:
MP-BIOS bug 8254 timer not connected to IO-APIC
пользователи будут искать решение проблемы и находить правильное.

eclipse php
Это как раз именно тот прием рукопашного поиска, который вводит меня в интеллектуальный ступор. Профессионально PHP не занимаюсь уже года три. Так, бывает от случая к случаю. Да что уж там! – Буквально несколько секунд назад я считал, что у меня одна статья на эту тему. Оказывается, их две! Зато теперь я точно знаю, что меня в свое время очаровало: «режим эмуляции браузеров различных типов».

css полупрозрачность
Вот это было! И кроссбраузерная полупрозрачность, и проблема с альфа-каналами PNG в Internet Explorer, и даже иконка RSS подписки в блоге у меня раньше была полупрозрачная.

rails избавиться от node
Понятия не имею. Это второе неблокируемое «комбо». Хотя, возможно, это связано с темами когда я работал с XSLT на Rails.

облако изображений flash
«О, боже!..»

Страны и регионы

Russia – 60,82 %
Родина

Ukraine – 23,83 %
Тоже Родина

Belarus – 2,90 %
Ни разу в «сознательном» возрасте не был, но очень интересно побывать

United States – 1,46 %
Ни разу не был, но все равно бы съездил %)

Israel – 1,43 %
Это была Прокофьевна :)

Надеюсь, хоть кому-то кроме меня это было интересно ;)

среда, 4 ноября 2009 г.

CSS: замена таблицам

Есть хорошая рекомендация, а точнее – правило: Таблицы в HTML документе использовать только по прямому назначению. А именно – для отображения табличной информации. «Трудо-часы – трудо-доллары», «дебет-кредит-итого» и подобных структурированных данных. Все остальное, как говорится, – «от лукаваго».

Недавно наш новый командный tech writer начал доводить до ума проектный FAQ и попросил помочь ему избавиться от таблиц в разметке документа. Раз уж мы пытаемся уйти от «табличной верстки» в сторону «верстки дивной», то хорошо бы чтоб новые таблицы не появлялись там, где их не ждут. За несколько минут набросал ему HTML+CSS код для двухколоночного параграфа.

Двухколоночный параграф

Код HTML: табличная верстка (было)

<table width="100%" border="0"><tbody>
<tr>
  <td valign="top" width="50%">
    <strong>Method 1 - By logging into your ***** account</strong>:
    <ol><li>Go to My Account > My Account Page. This displays the Profile page.</li>
      <li>In the Profile page, locate the My Account section.</li>
      <li>Click on the Edit button. Enter the new Password as requested in the correct places.</li>
      <li>Click on the Save button.</li></ol>
  </td>
  <td width="50%">
    <img src="/images/change-password.gif" alt="change your password" height="202" width="212" hspace="12" align="right" border="0">
  </td>
</tr></tbody></table>

Код HTML+CSS: дивная верстка (стало)

<div style="width:50%; float:left;">
  <strong>Method 1 - By logging into your ***** account</strong>:
  <ol><li>Go to My Account > My Account Page. This displays the Profile page.</li>
    <li>In the Profile page, locate the My Account section.</li>
    <li>Click on the Edit button. Enter the new Password as requested in the correct places.</li>
    <li>Click on the Save button.</li></ol>
</div>
<img style="float:right; margin:0 0 0 12px; border-width:0;" src="/images/change-password.gif" alt="change your password" height="202" width="212" />
<div style="clear:both;"></div>

Разумеется, впоследствии я выделил стили для элементов в классы CSS и отправил писателю шаблонный HTML для использования.

Надеюсь, это окажется полезным. Успехов!

воскресенье, 1 ноября 2009 г.

1.11 Блогу – 1 год

Круглая дата 1.11, три единицы, дающие четвертую – блогу исполнился 1 год. Первый пост в этом блоге «xsl-copy без родительского тега» был опубликован 1 ноября 2008 года и посвящен теме XSLT. За прошедший год было опубликовано 198 сообщений.

Подписчиков, по данным Feedburner 140, из них 56 участников Friend Connect. В Рейтинге Блогов Яндекс 77073.

Главные показатели
Показатель	Значение
Яндекс ТИЦ	10
Google PR	3
Alexa Traffic Rank	1,308,454

Как принято говорить в таких случаях – Есть куда расти :).

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

Главными источниками трафика (тут без каких-либо сюрпризов) являются поисковые системы – 56,86 %. А вот из поисковых систем со знаковым перевесом лидирует Google (82,10 %). Как говорится – что и требовалось доказать. К примеру, доля переходов с Яндекс составляет 17,06 %. Остальные поисковики имеют показатели на уровне статистической погрешности.

Upd: Показатели счетчика Liveinternet (с учетом воскресенья): 151/67/32.

Продолжение следует →

суббота, 31 октября 2009 г.

Прозрачная навигация в Blogger

Не секрет, что многие владельцы блогов на платформе Blogger предпочитают скрывать навигационную панель (navbar). Дабы не портила дизайн шаблона. Действительно, navbar далеко не всегда удачно вписывается в существующий макет. Понимая это, команда разработчиков Blogger добавила два новых стиля навигационной панели – «Прозрачная светлая» (Transparent Light) и «Прозрачная темная» (Transparent Dark).

Как выглядит, покажу на примере блога Vault-Tec, который зачастую выступает у меня тестовой лабораторией :).

Прозрачная светлая

Прозрачная темная

Настроить навигационную панель по своему выбору можно в разделе Дизайн – Элементы страницы

Дизайн – Элементы страницы – Панель навигации

Настройка панели навигации Blogger

~~Опрятного~~ Приятного тюнинга!

Дополнительно про Navbar:

четверг, 29 октября 2009 г.

Гаджет событий для Blogger

Для информирования о событиях важных и не очень, интересных и не особо, общественных и частных, онлайновых и реальных, локальных и мировых существует гаджет Event (Событие) для Blogger. Подробности установки и настройки – далее по тексту.

Для установки гаджета «Событие» нужно перейти на вкладку Дизайн и щелкнуть ссылку «Добавить гаджет». Скрывается он в группе Избранные (featured), либо можно добавить гаджет по его URL используя пункт Добавьте свой собственный (add your own).
http://www.google.com/ig/modules/calendar/socialevent/bloggerevent.xml

Какую бы последовательность ты не избрал, это должно привести тебя к окну настройки гаджета Event:

Здесь тебе предстоит ввести Заголовок (Title) и Описание (Description) события, указать дату и время начала и окончания, Местоположение (Location) и Адрес явочной квартиры. Время указывается как во всех нормальных странах – в 24-часовом формате, дата задается в виде: гггг-мм-дд. И не делай заголовок и описание слишком длинными, а то получишь ошибку 414: Request-URI Too Large.

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

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

Переврать новость по-своему можно используя официальный источник (на английском).

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

пятница, 23 октября 2009 г.

Новый элемент Explore в Google Reader

Сегодня, открыв RSS агрегатор, не обнаружил своих подписок. Никак новые секретные разработки от Google? Оказалось все просто – в Google Reader добавился новый элемент Explore. Точнее все тот же старый добрый блок «Обзор» переместился с главной страницы ридера на боковую панель (сайдбар). Смотри скриншот.

Как и в случае с ранее упоминавшейся функцией Send To, обновленный макет ридера доступен только в англоязычной версии. Как включить? В настройках Google Reader выбери Язык: Английский – English.

Такие вот новые функции старых вещей. Думаю, многие найдут это полезным ;)

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

четверг, 22 октября 2009 г.

Игнорируя SVN ignore

Изначально так сложилось, что для контроля версий я использовал Tortoise SVN. Но после аврального переезда на новую систему пришлось подыскивать новый SVN клиент, поскольку работа с консоли меня никак не прельщала. Выбор пал на RapidSVN. Привыкший к удобству «Тортойза», я не ожидал подвоха... и первый же коммит (svn commit) подарил много радостей всей команде. В итоге я задался вопросом как заставить SVN игнорировать выбранные файлы?

Команды задания свойств SVN

Команда svn propset
svn propset свойство маска_файлов директория

Например, находясь в директории конфигурации проекта trunk/config:
svn propset svn:ignore development.* environments

Рекомендуется по возможности использовать другую команду svn propedit
svn propedit svn:ignore environments

В открывшемся редакторе свойств, можно задать несколько масок (каждая с новой строки):
development.* test.rb

Для удаления свойств со всей директории используют команду svn propdel
svn propdel svn:ignore environments

Проделав необходимые манипуляции и жмакнув кнопку “Commit” с отвисшей челюстью проводил отправленный в базу «проигнорированный» development.rb