Полезные программы для смартфона айтишника

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

1. SoloLearn. Программа с теорией и практическими заданиями для изучения основ программирования на разных языках: Python, HTML/CSS/JavaScript, C/C++, Java, C#, Ruby, Swift. Можно изучить синтаксис и базовые принципы нового языка программирования «на ходу», в ожидании или в транспорте. Для продвинутых пользователей есть задачи посложнее на написание и понимание кода.

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

3. Coursera, Udemy или EdX. Почти все известные платформы для онлайн курсов типа MOOC (Massive Open Online Courses) также есть и на смартфоне. Функционал приложения часто ограничен, некоторые задания можно делать только на компьютере. Но изучать теорию по видео-лекциям и отвечать на тесты вполне реально.

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

7 лучших плагинов для Firefox

Браузер Mozilla Firefox почему-то сразу мне приглянулся, и уже несколько лет я использую его с большим удовольствием. Кстати, судя по последним тенденциям, все больше людей переходят на Firefox (ну или хотя бы уходят с Internet Explorer’а).

Основной проблемой для меня как пользователя Firefox оказалось быстродействие. Огненный Лис почему-то иногда тормозит, подвисает и вообще нестабилен. Но я его все равно люблю. 🙂

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

1. Web 2.0 Toolbar

Для SEO- и особенно SMO-мастеров это вещь незаменимая. Кто не знает, предлагаю обязательно заценить. Показывает все новости (Digg, Reddit, Netscape, TechCrunch …), последние популярные странички в Del.icio.us, самые лучшие видео, картинки и новости прессы. Содержит в себе кнопки submit для множества сетей социальных закладок.

2. Web Developer

Web Developer :: Firefox Add-ons

Этот плагин полностью соответствует своему названию и предназначен для web-разработчиков. Конечно, я не web-developer в полном смысле этого слова (скорее я дилетант во многих областях одновременно). Но для тестирования даже парочки своих сайтов этот плагин оказался мне очень полезен. Он умеет показывать блоки, подробную информацию о них, размеры в пикселях, вложенность div’ов. Можно отключать какие-то элементы страницы (стили, картинки), можно просматривать cookies, а можно и проводить валидацию HTML, CSS и JavaScript.

3. Tab Mix Plus

Tab Mix Plus :: Firefox Add-ons

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

4. ColorZilla

ColorZilla :: Firefox Add-ons

Это очень маленькое и удобное дополнение для дизайнеров и верстальщиков, которое работает как пипетка в Photoshop. Она берет любой цвет с экрана браузера и показывает его параметры в RGB и в 16-ричном виде. Еще можно приблизить часть экрана с помощью zoom и сохранить любимые цвета в favorites.

5. Del.icio.us

Del.icio.us Bookmarks Firefox Plugin

Это сервис социальных закладок, и тем, кто им пользуется, наверно, будет удобно поставить плагин для браузера, который добавляет всего две кнопочки: «My Del.icio.us (мои закладки)» и «Tag this (отметить)». Есть еще и toolbar, но мне он показался не очень нужным, поэтому обхожусь без него. А так, плагин скромный и приятный, закладки всегда под рукой.

6. DownThemAll!

Так много развелось этих download-менеджеров, что просто уже деваться от них некуда. На память могу назвать ReGet, FlashGet и еще какие-то …Get, и все они кажутся мне тяжеловесными. Простой загрузчик «Down Them All» умеет скачивать файлы по частям, а больше ничего и не нужно. По крайней мере для непритязательного сёрфера.

7. GreaseMonkey

Это очень классная штука, которой я сама не пользуюсь, но настолько прониклась идеей, что думаю обязательно когда-нибудь изучить JavaScript поподробнее и самой писать пользовательские скрипты. Открывается невероятный простор для творчества, и надо лишь только начать… Ну, когда-нибудь. 🙂

Конечно, плагинов и дополнений очень много, поэтому ищите и обрящете. 🙂

Как установить Gravatars на WordPress-блоге, не используя плагины

Gravatar - Globally Recognized Avatars

Отличный способ добавить в свой блог глобально распознаваемые аватары (GRAvatar = Globally Recognized Avatar) я нашла на блоге Коннора Уилсона (Connor Wilson).

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

  1. Вы введете свой e-mail,
  2. Поддерживается сервис gravatars.

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

А пока давайте посмотрим, как включить Gravatars на своем WordPress-блоге.

В файле comments.php и лучше всего после начала вот этого цикла <?php foreach ($comments as $comment) : ?> вставляем такой код:

<?
$email = $comment->comment_author_email;
$default = ""; // link to your default avatar
$size = 70; // size in pixels squared
$grav_url = "http://www.gravatar.com/avatar.php?gravatar_id=
" . md5($email) . "&default=" . urlencode($default) . "&size=" . $size;
?>

Теперь там, где нужно показать саму картинку аватара, пишем

<img src=”<?=$grav_url ?>” height=”<?=$size ?>” width=”<?=$size ?>” alt=”User Gravatar” />

Вот и все. Теперь можно настроить размер картинки в строке $size = ...; и задать стили: рамку, отступы и так далее.

Пример работы можно увидеть в комментариях этого блога.

Как сделать свой сайт OpenID-логином?

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

Цитирую:

1. Если вы уже зарегистрированы в livejournal.com, moikrug.ru или любом другом сервисе, предоставляющем OpenID, то ничего делать не нужно. Если нет – регистрируемся в любом провайдере OpenID (например, myopenid.com).

2. Идём на страничку вашего идентификатора (например, myname.openid.com, myname.livejournal.com и т.п.), открываем исходник страницы и ищем строку вида
<link rel=”openid.server” href=”адрес” />.

3. Вставляем в блок head вашей странички, которую вы хотите сделать идентификатором, следующие строки:

  • <link rel="openid.server" href="адрес />"
    — ту, которую вы нашли перед этим
  • <link rel="openid.delegate" href="адрес" />,
    где адрес — это OpenID-идентификатор, предоставляемый вашим провайдером (например, myname.openid.com)

В итоге, на вашей страничке должно быть что-то вроде этого:

<head>
<!-- пропущено -->
<link rel="openid.server" href="http://www.myopenid.com/server" />

<link rel=”openid.delegate” href=”http://daeq.myopenid.com/” />
<!– пропущено –>
</head>

С «Моим кругом» этого я не пробовала, с Livejournal возникли проблемы с отображением имени, а вот с myopenid.com все получилось очень хорошо.

Для тех, кто хочет сделать так же.

1. Регистрируемся на myopenid.com.

2. Добавляем там «New Person» и называем своим именем. Именно то, что вы напишете в поле «Persona name» будет потом отображаться как имя в вашей OpenID-подписи.

3. Дальше все просто. Каждый может увидеть, что в блоке <head> моей главной страницы есть вот такие строчки:

<link rel="openid.server" href="http://www.myopenid.com/server" />
<link rel="openid.delegate" href="http://Kate.Kulikova.myopenid.com/" />

Добавляете такие же к себе на сайт. Во второй строке пишете свой OpenID-адрес — … и все. 🙂 Это работает.

Ответ по OpenID

Что было?

Итак, проблема состояла в следующем: после установки этого блога делегатом моего OpenID из Livejournal все было хорошо, но имя отображалось не так, как я бы хотела «Kate Kulikova», а «blog» или «blog.kulikova.nnov.ru». Таков был вопрос по OpenID.

Что стало?

Бесплатный провайдер OpenID - myopenid.com

Бросайте, господа, этот LiveJournal, который дает не пойми какой OpenID. Долго ходила я там по вкладочкам и искала, как заменить displayed name на что-нибудь приличное. И не нашла. Если кто найдет, то скажите…

На одном американском сайте автор сказал мне, что он завел себе OpenID на специальном сервисе типа myopenid.com, myid.net или getopenid.com.

Я отправилась, не раздумывая на myopenid.com, потому что этот адрес мне сразу и легко запомнился (вот оно – вебмастерам на заметку: делайте URL запоминающимся!), и за пару минут зарегистрировала себе новый OpenID. Потом настроила перенаправление, чтобы можно было везде подписываться адресом этого блога — и все. 🙂

Очень хорошее и простое решение. Всем советую.

HTML и CSS > Границы ячеек в таблицах

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

Итак, у нас есть таблица, в которой некоторые ячейки заполнены, а некоторые пусты. Ее html-код таков:

<table>
<tr>
<td>item 1,1</td><td></td><td>item 1,3</td>
</tr>
<tr>
<td></td><td>item 2,2</td><td>item 2,3</td>
</tr>
</table>

Добавляем стили, чтобы отрисовать границы всех ячеек в таблице (в том числе и внутренних):

table
{
border-color: #600;
border-width: 0 0 1px 1px;
border-style: solid;
}
td
{
border-color: #600;
border-width: 1px 1px 0 0;
border-style: solid;
margin: 0px;
padding: 4px;
text-align: center;
empty-cells:show;
}

И видим вот такую картинку:

Конечно, это не совсем то, что хотелось бы. Идем в Google и находим, что нужно применить к table и td свойство empty-cells: show;. Отлично! Добавляем его в стили и видим, что это ничего не изменило для Internet Explorer 6. Но более приятная картинка теперь в Mozilla Firefox 2.0.*:

А это небольшое уточнение для IE, которое заодно сделает все границы ровными и без разрывов, я нашла на Accessify Forum.

В свойства table добавляем строчку border-collapse:collapse; и видим прелестную картинку в обоих браузерах:

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

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

table
{
border-color: #600;
border-width: 0 0 1px 1px;
border-style: solid;
empty-cells: show;
border-collapse:collapse;
}
td
{
border-color: #600;
border-width: 1px 1px 0 0;
border-style: solid;
margin: 0px;
padding: 4px;
text-align: center;
}

Вот и все мои изыскания по этому вопросу. HTML и CSS — это все-таки какая-то магия. 🙂

Первый опыт работы с Drupal. Чего не хватает Drupal по сравнению с WordPress?

Introduction

Сейчас я подумываю о запуске нового проекта, уже купила домен и хостинг, и осталось только настроить CMS (Content Management System).

Почитав блог веб-разработчика Дмитрия Сергеева и конкретно статью Сравнение Drupal, Joomla и WordPress решила попробовать систему Drupal как движок для блога. Что же из этого получилось?

Интересные возможности CMS Drupal

На официальном сайте Drupal есть подробные описания всех достоинств этой системы. Вот некоторые из них:

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

Трудности при работе с Drupal

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

1. Проблема с пермалинками.

Оказывается, пермалинки в Drupal не должны иметь слеша в окончании (как например, http://site.com/article1/). Пока я до этого додумалась, прошло 2 дня.

Но зато здесь можно создавать видимость html-страниц, то есть ссылки вида http://mysite.ru/articles/new-features-drupal.html. Это интересная фича.

2. Проблема с содержимым главной страницы.

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

3. Проблемы редактора страниц.

3.1. Отсутствие возможности сохранить в черновики.

3.2. Не нашла, как сделать предпросмотр страницы (а в WordPress есть очень полезная функция preview).

3.3. Нет встроенных тегов в редакторе кода html.

Например, я люблю брать из кнопочек редактора теги <code> и <blockquote>. Особенно последнее слово набирать лень, и легче просто нажать на кнопку. Возможно, эти вещи есть в дополнительном модуле визуального редактора TinyMCE.

4. Мало симпатичных тем.

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

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

Выводы

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

Стоит ли использовать Drupal для блога? Мне кажется, нет. WordPress для этого подходит куда больше. Ну а для других типов сайтов Drupal может оказаться хорошим решением. Так что попробуйте сами. Надеюсь, у вас получится лучше. 🙂

Хитрости Feedburner > №1 Analyze / Анализируй

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

Но со временем, читая статьи про Feedburner (Все о Feedburner у Димка, FeedBurner у FX’а), а потом и попробовав изучить его повнимательнее, убедилась, что это прекрасный инструмент для просмотра статистики, управления фидом, а значит и для продвижения своего блога. Пришлось вернуться и познакомиться поближе.

Итак, сначала нужно создать свой фид. В статье Дмитрия Донченко подробно описано, как это сделать. Самый полезный совет, который я нашла у него — это изменение языка интерфейса на русский. Надо сказать, что переводы некоторых фраз не всегда адекватны: чего стоят, например, «Последние 24 с половиной» (имеется ввиду 24 с половиной часа, но вот перевод слова hours, видимо, найти не удалось :)) или слова «Хочешь отличиться?» там, где по смыслу должно быть что-то вроде «Хотите изменить настройки?».

Теперь пройдем по пунктам меню первой вкладки, которая называется Analyze (или Анализируй).

Feed Stats и Подписчики / Surscribers

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

Live Hits

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

Использование публикаций / Item Use

Здесь показано, сколько просмотров статей и кликов произошло за последнее время.

Необычное использование публикаций / Uncommon uses

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

В Feedburner даже есть такая функция, которая добавляет определенную лицензию, а именно Creative Commons copyright license, к контенту. Честно говоря, что означает данная лицензия, я не знаю. Если кто-то знаком с ней, расскажите пожалуйста. 🙂

Site Stats

Изначально дополнительная статистика Feedburner Stats Pro не активирована. В ее панели управления ничего нет, кроме сообщения, что «Someday, this will all be yours» то есть когда-то это все станет вашим. Без сомнения, все это будет нашим прямо сейчас, потому что мы зайдем в последний пункт меню «TotalStats PRO» (или «Feedburner Stats PRO») и отметим там сразу все галочки.

После этого в дополнительной статистике появятся 4 пункта меню.

Посетители / Visitors

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

Страницы / Pages

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

Входящий / Incoming (имеется ввиду входящий траффик сайта)

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

Исходящий (траффик) / Outgiong

А тут описано, куда уходят пользователи с вашего сайта. Надеюсь, они никуда не уходят :).

На этом вкладка Analyze в моей панели Feedburner закончилась. Конечно, если включены дополнительные сервисы (Headline Animator / Анимированные заголовки или реклама Google Adsense), то данные по ним появляются в соответствующих пунктах меню справа.

Отжигайте! 🙂

Как убрать всплывающие окна SnapShots в ЖЖ (LiveJournal)?

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

1. Убрать эти SnapShots в своем журнале можно следующим образом.

Заходим в http://www.livejournal.com/manage/settings/ и снимаем Checkbox со строчки «Enable graphic previews on external links within your journal»

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

С помощью текстового редактора поправьте свой файл hosts. На Windows он находится здесь: C:WindowsSystem32driversetchosts. На MacOS и Unix, он лежит в /etc/hosts.

Находим там строчку:

127.0.0.1 localhost

Добавляем туда “shots.snap.com”, и теперь это будет выглядеть так:

127.0.0.1 localhost shots.snap.com

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

Идея взята у meadmaker.

UPD:

Оказывается, есть и третий простой способ избавиться от SnapShots.

При появлении всплывающего окошка нужно в его правом верхнем углу нажать на изображение шестеренки. Это будут настройки. А в них есть галочка – Отключить показ этих картинок для всех сайтов (Disable for All sites). Вот она-то нам и нужна.

SnapShotsSnapShots

Свой домен. Бесплатные сервисы для настройки DNS.

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

Многие уважаемые мной авторы (например, Problogging.ru и Алтайский блоггер) считают, что блог надо вести на своем домене. Рассуждать о плюсах и минусах этого не буду, а просто с ними соглашусь.

Но дальше этот домен надо настраивать. Вот тут-то и начинается самое интересное.

Знаете, я человек жадный. Платить за домен «kulikova.ru» очень уж не хочется. И «kulikova.com» тоже не пойдет, потому что все-таки dot-com — это исторически и логически соответствует компании, а не человеку. «.name» отметается сразу, потому что непривычно звучит. Люди еще не подготовлены к этому новому домену.

Поэтому выбирается бесплатный вариант «kulikova.nnov.ru». Все четко, понятно и absolutely free. 🙂 С ним пока только одна проблема: не могу найти хороший бесплатный DNS-management сервис, который привяжет это имя к блогу с хостингом на Blogspot’е.

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

Free DNS management service: mydomain.com

И вот попытки установить эту самую CNAME-запись оканчиваются неудачей. Попробовала уже mydomain.com, там URL-forwarding делает на страничке фрейм и с помощью javascript подгружает в него данные с вашей странички. Ужасный подход. Для поисковиков страничка кажется пустой.

Free DNS management service: xname.org

Следующий вариант — xname.org. На нем мне так и не удалось правильно настроить записи DNS. Регистратор доменных имен жалуется, что name servers настроены неправильно, и записи в них не совпадают с теми, которые мной заявлены. Если кто-нибудь знает, как работать с xname, то, пожалуйста, скажите. Потому что я — пас.

Free DNS management service: domain-dns.com

Последний бесплатный сервис, который я пробовала — это domain-dns.com. С ним две проблемы. Во-первых, их CNAME-записи такие глючные, что не работают в Internet Explorer. Сайт просто не открывается, а предлагает загрузить какой-то файл. То есть примерно половина посетителей так и не увидит содержания. Во-вторых, эти ребята перестали работать с любыми доменными именами, и теперь разрешают настройку DNS только для тех доменов, которые зарегистрированы в их службе. Так что надо бросать этот domain-dns.com и переходить на платные связки домен-хостинг.

Вот такие нерадостные итоги.