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

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

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


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

Blogger navbar Transparent LightПрозрачная светлая


Blogger navbar Transparent DarkПрозрачная темная


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

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


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


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



Читать дальше »

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

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

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


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


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

Blogger: Настройка гаджета Event


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


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

Гаджет Event в блоге


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


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


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


Читать дальше »

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

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

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


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


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


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


Читать дальше »

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

Игнорируя SVN ignore

SVN – SubversionИзначально так сложилось, что для контроля версий я использовал 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

Йопт! В чем дело? Почему она игнорирует мое игнорирование?!! :)

Она игнорирует


Минут пять покурив SVN Book, я нашел причину. Оказывается, поддержка масок пропуска файлов действует только на unversioned файлы.


На данный момент остановился на варианте коммита отдельных директорий:
svn commit app public -m "fixes ticket #1234"


Демотиватор дня


На тему другой системы контроля версийGit


Git trunk – Демотиватор
Без перевода :)


Бонус для RSS подписчиковSVN wallpaper


SVN wallpaper
SVN обоина для рабочего стола (1600x1000)


Читать дальше »

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

Скачать коммунизм

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


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


When You're downloading Mozilla Firefox... You're downloading Communism – Bill Gates«Когда вы скачиваете Mozilla Firefox, вы скачиваете коммунизм»
Билл Гейтс

Скачать коммунизмВообще была у меня на слуху эта цитата, но в оригинале она звучала не совсем так. Да и бог бы с ней – пусть будет на совести авторов плаката. Чего тянуть-то? – Справа кнопка, «под ней» ссылка. Скачай коммунизм прямо сейчас! Бесплатно.


Бонус для подписчиков блога – тематический демотиватор. Подписаться.


Живи в России
Вместо игры в GTA

Читать дальше »

Blog Action Day 2009

Сегодня (не по московскому времени, и даже не по киевскому) Blog Action Day. Что лично я перевожу как «День блоггерской активности». Хотя это, возможно, и не совсем правильно. В текущем году этот день посвящен такой проблеме как изменение климата. Скажу честно, – не совсем моя тема: лично мне более привычней писать про негров, лошадей и китайцев. Но коль уже подвизался, то поделюсь собственными наблюдениями.


Детство мое, во всяком случае – сознательная его часть, прошло на севере Украины. Помню украинские зимы – солнечно и снежно; довольно мягкий климат. Походы на лыжах в лесу, топленое сало у костра :) и пушистые белые сугробы. Повзрослев, я переехал в другие края с климатом куда более суровым, где и прожил порядка 10 лет.


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


И всего-то десять лет прошло; ну пусть 15, и вот тебе пожалуйста. К чему это я? Да просто изменение климата – это не где-то там далеко, где лишенные привычной среды обитания, обезумевшие от жары пингвины сгоняют негров с насиженных пальм. И не где чукчам приходится переплывать океан, чтобы охладить банку пива. И даже не голливудская чушь про «смену полюсов», удары космического холода и уже американских негров, вмороженных в ледяной воздух прямо возле горящей потухшей помойки, с недовысказанными словами гангста-рэпа на губах. Нет, все это реально и это прямо здесь, на твоей большой и малой Родине, и изменения эти ты можешь наблюдать в течении своей, собственной жизни.


На следующий год в Blog Action Day 2010 я проголосовал за тему «политкорректность» :).


Читать дальше »

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

Бонусы для RSS-подписчиков в Blogger

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


Пользователям автономных блогов в этом отношении повезло больше. Достаточно немного покопаться в скриптах сайта, чтобы настроить такую «фичу». Движок сам будет выбирать, что ему отдавать на страницу, а что только в выдачу RSS. Более того – я больше, чем уверен, что даже этого не приходится делать, – наверняка уже есть какой-нибудь плагин для Wordpress для вывода дифференцированного контента.


Как же быть пользователям блого-сервисов, таких как Blogger? А реализация «бонусной программы» для подписчиков в Blogger настолько проста, что мне даже как-то стыдно ее здесь приводить, что я не додумался до этого раньше.


  1. Перво-наперво нужно добавить в стили шаблона Blogger следующее правило:
    .rss-bonus {
    display:none;
    }
    Сохранить шаблон
  2. А в тексте сообщения добавить новый элемент:
    <div class="rss-bonus">Бонус</div>
    Внутри него и будет текст, доступный только для RSS-подписчиков.


Как это работает


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


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

  1. Во-первых: это не страшная военная тайна™, которую следует запретить к просмотру;
  2. Во-вторых: задай себе вопрос – а многие ли посетители твоего блога умеют пользоваться FireBug, задавать пользовательские стили для страниц или быстро находить искомую информацию в исходнике документа? Думаю, что нет.


Так вперед, пользуйся! Успехов!


Бонусом к этой статье будет описание, как максимально упростить размещение HTML-кода для RSS-бонуса. ..И, – конечно же! да – будут сиськи!


У тебя еще нет подписки на этот блог? – Подпишись!

Бонус для подписчиков


  1. Для автоматической вставки кода бонусной части в каждый пост:
    перейди на вкладку НастройкиФорматирование;
  2. Добавь следующий код в поле Шаблон сообщения
    <div class="rss-bonus">BONUS</div>
  3. Сохрани настройки


Демотиватор дня:

Демотиватор: Перспектива
Перспектива
Вещи часто могут казаться лучше под другим углом


© 2009 dotrb.blogspot.com


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


Читать дальше »

вторник, 13 октября 2009 г.

Советы по безопасности в Blogger

October 2009. National Cyber Security Awareness MonthВ далеком-далеком, но таком близком сердцу каждого торгаша, менялы и РВСНщика, государстве Пендостан США октябрь текущего года объявлен Национальным месяцем кибер безопасности. Или даже точнее – Национальным месяцем осведомленности по кибер безопасности. В связи с чем официальный блог разработчиков Blogger поделился советами как защитить свой блог от албанских террористов возможных информационных угроз.


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


Сторонний код


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

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

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


  1. Потрать немного времени на обзор кода: есть ли что-либо кажущееся неуместным?

    К примеру, если ты устанавливаешь гаджет погоды на свой блог, задумайся, а уместна ли в нем ссылка вида:
    <a href="http://bablosiskohren.com">Деньги, сиськи, крепкий хрен!</a>.


  2. Просматривай новый шаблон блога перед сохранением

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


  3. Делай резервную копию шаблона

    Перед внесением изменений в рабочий шаблон, сохрани резервную копию шаблона Blogger.


  4. В первую очередь, ищи гаджеты в доверенных источниках.

    Например, среди стандартных гаджетов Blogger или на Gadgets for Blogger.


Разрешения


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


Это был краткий обзор советов по безопасности в Blogger. Как говорится, – Keep secure! Или «не роняй мыло в душе», или типа того.


--
Защиту от физических угроз обеспечат бронеавтомобили от Armour Group. Безопасность на дороге.


Читать дальше »

Вертикальные изображения в Blogger

ATI Ruby постер 150x200Изображения по своей ориентации делятся на вертикальные и горизонтальные, по признаку большей стороны. Традиционно называется – книжная или альбомная ориентация. Я условно их делю на обои (wallpaper) и постеры (poster). Кому-то, возможно, будет привычнее делить на «портрет» и «пейзаж». Портрет как правило рисуется в вертикальном расположении, пейзаж – в горизонтальном. Зависит от изображаемого объекта и правил композиции. К примеру, автомобиль и памятник разместить «в кадре» придется по-разному.


ATI Ruby постер 240x320

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


Если в предыдущем примере параметр URL /s200/ задавал ширину картинки равную 200px, то для вертикально ориентированного изображения (постера) /s200/ будет задавать его высоту.


Размеры изображений Blogger


ATI Ruby постер 300x400
  • 144

  • 150

  • 200

  • 288

  • 320

  • 400

  • 640

  • 800

Напоминаю, что код добавленного изображения выглядит примерно так:

<img style="cursor:pointer; cursor:hand; width:150px; height:200px;" src="http://4.bp.blogspot.com/.../s200/ati-ruby-poster.jpg" />


Выбирай кадры, загружай изображения, изменяй размеры по своему усмотрению. Пост в помощь! :)


Статьи по теме изображений Blogger и Picasa



--
А для планирующих посетить Германию будет полезен сервис аренды автомобилей в Гамбурге для путешествий по индивидуальному маршруту.


Читать дальше »

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

Яндекс: инструмент подбора цвета

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


Виджет Яндекс — Поиск по цвету

Просто введи название или значение цвета в строку поиска и жми «Найти». Я, например, использовал рубиновый цвет из дизайна блога #C61B1B. Яндекс нашел ближайший по значению цветАлизариновый.


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


Удачных цветовых решений!


З.Ы. А известно ли тебе, что наряду с аскетичным поиском (ya.ru) есть еще и ультра-минималистический поиск:

  • Девственно белый для Светлых
  • И «черный готичный» для Тёмных?


Читать дальше »

вторник, 6 октября 2009 г.

Размеры изображений в Blogger

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


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


В этом посте я расскажу как изменять размеры загруженных изображений, используя стандартный («Изменить HTML») редактор сообщений.


Загрузка изображений в Blogger


Еще на этапе загрузки изображений, движок Picasa* создает для них эскизы (thumbnails) следующих размеров:

  • Малые (ширина 200 пикселей)
    ATI Ruby Wallpaper 200x150

  • Средние: 320px
    ATI Ruby Wallpaper 320x240

  • Большие: 400px
    ATI Ruby Wallpaper 400x300

  • и (внимание, Бонус!) Очень большие: 640 px
    ATI Ruby Wallpaper 640x480


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


Смена эскиза изображения


Например, чтобы сменить эскиз с малого на средний, нужно немного изменить код добавленного изображения:
<img style="cursor:pointer; cursor:hand; width:200px; height:150px;" src="http://4.bp.blogspot.com/.../s200/ati-ruby-wallpaper.jpg" border="0" alt="Малый эскиз 200x150" id="BLOGGER_PHOTO_ID_123" />


  1. Удалить атрибуты размеров изображения (width:200px; height:150px;)

  2. Изменить директорию пути с s200 на s320;

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


После этого желательно задать изображению его актуальные (новые размеры):

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

  2. Найди размеры ширины и высоты. Допустим, изображение имеет следующие свойства: Ширина 320px, высота 240px;

  3. Задай новые свойства в атрибуте style тега img:
    style="cursor:pointer; cursor:hand; width:320px; height:240px;"


Выбор эскизов другого размера полностью аналогичен.


Дополнительные размеры


Помимо размеров, задаваемых движком Blogger, ты можешь использовать размеры Picasa:

  • Миниатюра 144 px

  • Маленький 288 пикс.

  • Средний 400 пикс.

  • Большой 800 пикс.

А так же не декларированный размер 150px.


Процедура полностью аналогична описанной в разделе «Смена эскиза изображения».


Итого


На данный момент мне (а теперь и тебе) известны следующие размеры изображений Blogger:

  • 32
  • 64
  • 128
  • 144
  • 150
  • 200
  • 288
  • 320
  • 400
  • 640
  • 800

Пользуйся :)


--
* Изображения Blogger хранятся в альбомах Picasa.


Upd: продолжение статьи: Размеры вертикальных изображений.
Upd2: Размеры квадратных изображения Picasa в Blogger


Читать дальше »

понедельник, 5 октября 2009 г.

Топ 10 Rails плагинов и gem-ов

Ruby Gems

Практически каждый разработчик имеет собственные предпочтения в выборе сторонних компонентов и библиотек, используемых в приложении. Не так давно мне попался такой топ-лист плагинов и gem-ов для разработки на Ruby on Rails.


10 “must-have” Rails плагинов и gem-ов


  • Inherited Resources: устраняет большую часть шаблонного кода в контроллерах;

  • Formtastic: избавляет от лишней головной боли при создании разметки HTML форм. (Используемые вместе, Inherited Resources и Formtastic составляют хорошую альтернативу scaffold-фреймворкам вроде Streamlined и ActiveScaffold);

  • CapGun: предоставляет простые уведомления о развертывании (deploy);

  • Faker: помогает создавать фиктивные данные. Может использоваться как для тестирования (test) приложений, так и для создания демонстрационных данных в режиме разработки (development) и постановки (staging);

  • Clearance: многофункциональная регистрация и аутентификация;

  • Safe ERB: помогает убедиться, что приложение неуязвимо для XSS-атак;

  • RedHill on Rails Core: в основном, используется для декларирования “foreign key”-отношений в схеме БД;

  • RPM Rails Performance Management: замечательно для обнаружения и диагностики проблем производительности;

  • will_paginate: самый хороший и самый простой из плагинов постраничной разбивки (pagination);

  • hoptoad: великолепные «кастомер-френдли» уведомления об исключениях (exceptions) возникающих в приложении.

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

Это был список лучших 10 Rails плагинов и gem-ов от Глена Вандербурга (Glenn Vanderburg), опубликованный им в своем блоге: 10 Must-Have Rails Plugins and Gems (2009 Edition).


Читать дальше »