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

Обучающие программы на смартфон, чтобы регулярно улучшать свои навыки в сфере 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