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

20 блогов в закладки фрилансера

Недавно опубликован список 20 блогов, обязательных для прочтения тем, кто занимается фрилансом. Что их объединяет? Стиль письма, хороший и грамотный язык. Их тематика будет интересна не только фрилансерам, но и всем, кто пишет для Интернета. Автор отмечает, что это - не топ-лист, а только личные рекомендации.

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

Мини-каталог блогов с темами фриланса

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

Где найти красивый фон для сайта?

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

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

Бесплатная векторная графика

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

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

Создание закругленных кнопок для сайтов

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

38 статей о создании закругленных углов на сайтах

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

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

Google Запустил Виртуальную Реальность Lively

Зарегистрировавшись вы сможете создать себе виртуальное воплощение, бродить по комнатам, разговаривать с другими людьми. Нечто подобное уже реализовано в Second Life. Но основная фишка в том, что весь это мир работает прямо в браузере. Пока поддерживаются в Windows Firefox и Internet Explorer, для Mac OS заканчивают разработку плагинов.

Штука увлекательная, я в тонкости сильно не вникал, увы, было некогда. Но то, что я увидел за минут 5 меня поразило! Думаю, вернусь туда как-нибудь.

Шаблоны для Blogger`а

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

Online SEO Tools - the Ultimate Collection

All tools listed below fall under the following criteria: 1. they are all useful for SEOs; 2. they are all web-based (no desk-top ones or FireFox extensions so far); 3. they are all free.

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

Что такое фотоблог? (pdf файл)

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

Самая подробная статья про фотоблоги, которую я видел

Кто был в моей почте Gmail?

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

Средний возраст русскоязычного блоггера составляет 25,6 лет

Именно такой результат показали мои исследования. В этом эксперименте приняло пассивное участие ровно 100 блогерров Рунета. Я думаю, данная выборка не отличается большой погрешностью, и если провести подобный эксперимент с тысячей блогов, результат был бы примерно такой же. Итак, средний возраст Ру-блоггера составляет 25,6 лет!

Проснись

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

Красиво! Креативно…

Лучшая статья о продвижении блогов

Привет, меня зовут Тина. 27 сентября 2007 года я начала вести небольшой блог «Think Simple Now», имея нулевой опыт блоггинга, Интернет маркетинга и писательства. Уже к Рождеству, 3 месяца спустя, я имела 2135 подписчиков. Я новичок в блоггинге, и читаю очень мало блогов. Также я не следую советам никаких блогов о блоггинге, за исключением пары статей прочитанных в самом начале на dochdosh и problogger.

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

Закладки - Новый Социальный Бум!

Статья написана для одного из конкурсов, который касался сервисов социальных закладок. Причем написана таким образом, что по ней смело можно создавать какую-то онлайновую книгу, т.к. рассмотрено практически все, что можно было рассмотреть. Судите сами, вот небольшое оглавление: Что Такое Социальные Закладки, Обзор Закладочных Сервисов (Русские, Англоязычные), Выводы о СоцЗакладках, Рейтинг Социальных Закладок (Рунет, Буржунет), Как Использовать Закладки (белый, чёрный, экстремальный и марсианский Методы Работы С Закладками).

P.S. Мастер классы по контекстной рекламе в директе - блог о сервисах Яндекс.Директ и РСЯ. Смотрим и изучаем, ссылки то не вечны.

Спасибо спонсорам:

• BlogoHelp - On-line помощь при ведении блога на Blogger.com
• Свадебные торты, караваи
• Есть вакантные места на спонсорство в данном блоге: около 15-ти ссылок всего за $50. Анкоры любые, ссылки индексируемые, навсегда, параметры блога - PR=5, тИЦ=90.

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

Но вернемся к конкурсу. Все, наверное, поняли, что он связан с аватарами для stand-alone блогов - gravatar. Зарегистрировав себе небольшое изображение (80х80 пикселей) на сайте сервиса, вы можете видеть его на каждом блоге, где оставляете свой комментарий. Это своего рода глобальный аватар, если можно так выразится. Привязка осуществляется к адресу вашей электронной почты.

Для того чтобы граватары отображались в вашем блоге (например, на wordpress), требуется установить специальный плагин. Читаем подробнее об установке gravatar на блог. Настройка плагина достаточно простая и занимает всего несколько минут. Инструкции для других CMS можно почитать на официальном сайте проекта.

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

Суть конкурса заключается в следующем. В течении последующих 4-х недель (или может чуточку больше) в выбранных постах я буду вставлять фразу, которая каким-то образом относится к граватаркам. Это значит, что пост участвует в конкурсе, и первый комментатор будет награжден 10 WMZ. Конечно, при этом, у него должна быть собственная аватарка! После того, как я разыграю 40 баксов, еще 10 получит тот, чье изображение мне понравилось больше всего. Все предельно просто.

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

1. Что нужно для участия в конкурсе?

• регистрируем глобальную аватарку на gravatar.com
• следим за обновлением блога
• как только увидели в посте фразу, относящуюся к сервису, спешите оставить комментарий

2. Кто становится победителем и каков призовой фонд

• побеждает человек, оставивший первый комментарий к посту, участвующему в конкурсе (это такой пост, где я опубликовал любую фразу про граватарки). Счастливчик получает перевод 10 WMZ на свой кошелек WebMoney
• также 10 WMZ получит автор самого лучшего граватара
• гарантирую обратную ссылку всем, кто упомянул о конкурсе в своем блоге.

3. Tips and Tricks

• чтобы первым быть в курсе новых постов, настоятельно рекомендую подписаться на обновления блога по RSS! К тому же это очень удобно!
• если в призовом посте первый комментарий оставил человек без граватара, то шанс победить у вас все еще есть - пишите свой и побыстрее!
• спам, трекбеки участия в конкурсе не принимают. Я жду толковых, красивых и осмысленных комментариев:) Не нужно писать «первыйнах», «ура, я успел, переводи деньги» и т.п., читайте пост и не оффтопте, пожалуйста.

Если у вас есть какие-то вопросы по поводу конкурса - пишите в комментариях.
Желаю удачи всем в конкурсе!

Достаточно часто возникает желание вставить в посте часть кода из какого-то языка программирования. Как оказалось, сделать это в Wordpress быстро и просто не получается, приходится немного потрудиться. Что я только не пробовал дабы вставки HTML, Javascript или хотя бы PHP выводились в блоге корректно - использовал и <code>, и <pre>, но, к сожалению, результаты были не утешительные. Возможно, конечно, кое где я ошибся сам, но, тем не менее, проблема вставки и разных исходных кодов была для меня актуальной достаточно долго. Недавно я заставил себя сесть и разобраться с ней раз и навсегда. Забегая наперед, скажу, что частично это мне удалось.

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

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

Кстати, по старинке я вставлял код с помощью Macromedia Dreamweaver (теперь уже Adobe® Dreamweaver® CS3) , который позволял с легкостью получить из обычной записи тот же исходный код, но полностью в HTML (скобки < > заменялись на специальный символы). Увы, от проблемы с кавычками это не спасало. Поэтому пришлось искать альтернативные методы. В принципе, можно было бы сохранять исходники в текстовые файлы, после чего в статье на них ссылаться, но это, пожалуй, применимо лишь для больших объемов кода. Во всех остальных случаях - создавало бы лишние проблемы для посетителей.

Плагины wordpress для подсветки кода

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

Raw HTML (скачать плагин)

Самый простой плагин. Позволяет вставлять HTML код в посты. Оборачивание текста в тэги <!–start_raw–>…<!–end_raw–> или [RАW]…[/RАW] предотвращает его преобразование. Во время вставки кода настоятельно рекомендуется выйти из визуального редактора в режим HTML. Поддерживает версию системы до 2.5.1.

CodeColorer (скачать плагин)

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

CodeColorer обладает также рядом дополнительных интересных свойств, например, нумерацией строк, настройкой подсветки синтаксиса, подсветкой кода в комментариях и т.п. Модуль имеет достаточно широкий спектр настроек и большой список поддерживаемых языков. Единственное, что заставляет задуматься, это требования к версии wordpress - 2.1. Поэтому гарантии безотказной работы в более старших версиях нет. Подробнее о плагине на русском языке можете почитать в этом обзоре.

SyntaxHighlighter Plus (скачать плагин)

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

Если присмотреться, то можно над кодом заметить дополнительные ссылки/функции view plain (просмотр кода в отдельном окне) copy to clipboard (копировать в буфер обмена) и print (печать). В блоге плагина есть небольшое описание, правда на английском. Хотя, в принципе, информации на официальном сайте wordpress вполне достаточно.

WP-Syntax (скачать плагин)

В конечном итоге остановился именно на этом плагине. Он достаточно простой, но со своей задачей справляется на все 100. Для того чтобы выделить код в посте достаточно использовать конструкцию:

<pre lang=”LANGUAGE” line=”1″> … исходный код … </pre>

Где LANGUAGE - задает язык программирования, а необязательный параметр line указывает с какого числа начинать нумерацию строк в коде. Получаем:

Вообще из всех четырех плагинов я не попробовал лишь CodeColorer, по остальным свое впечатление сложилось. Raw HTML слишком прост и не очень нагляден, SyntaxHighlighter Plus наоборот слегка «громоздкий», поэтому я выбрал золотую середину - WP-Syntax. Не исключено, конечно, что в дальнейшем установлю более продвинутый модуль, например, чтобы в комментариях код также подсвечивался. Только для начала нужно «прикрутить» в форму комментирования кнопки для форматирования или хотя бы добавить описание допустимых тэгов. В общем, работать еще есть над чем, а пока главное чтобы читатели могли видеть и использовать корректный код.

Кстати, при активном использовании Raw HTML и WP-Syntax заметил небольшую особенность. Как уже говорил выше, редактирование кода требуется производить при выключенном визуальном редакторе в режиме HTML, иначе при сохранении могут возникнуть глюки в виде исчезновения отдельных частей исходного кода. Все это оставило не очень приятный осадок после работы с плагинами, тем не менее, насколько я понимаю, от этого никак не избавиться. Поэтому будьте предельно внимательны!

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

P.S. Дмитрий Ветров предлагает обсудить вопрос должен ли блог быть авторским?

Кстати, если вы хотите раскрутить свой блог или проект, можете воспользоваться рекламными услугами в этом блоге - приобретаем спонсорство в месяц (около 15-ти публикаций) за $50 или постовые по $5 за ссылку. Также свободен баннер 125х125 под блоком контактов - всего $30.

Спасибо спонсорам:

• Лучший веб хостинг на всю жизнь
• Выгодный Выгодные цены на программное обеспечение