Шел четвертый праздничный вечер. Отдыхать я порядком устал, и потому рукам и голове срочно требовалось творческой встряски. Решил сделать приятно своей второй половине — и не просто так, а прямо таки по айтишному. А кто лучшие друзья девушек? — Правильно, бриллианты. За не имением оных решил я соорудить какую-нибудь бижутерную и милую штучку для своей половинки. Глядишь кому и к 14 февраля или 8 марта пригодится мысль.

Не нашел хорошей «шпаргалки» по Mercurial на русском языке.

Предлагаю сделать свою.

В последнее время я увлекся jQuery Mobile до такой степени, что захотелось написать на нем что-то серьезное. Сначала возникла идея написать такую компоненту как «карусель». Затем взгляд упал на твиттер… В общем работа пошла и в итоге получилось два плагина и небольшой проект, о котором я расскажу в конце топика.

В качестве предисловия к переводу. Открываем Firefox/Opera, переходим по ссылке, смотрим исходный код страницы и удивляемся. Потому что его нет. Под катом рассказ, как такое можно сделать.

С 4 марта по 9 апреля 2011 года в Москве Андрей Гольдберг (Microsoft Research) прочтет курс лекций «Кратчайшие пути и максимальные потоки» ([1], [2]). Курс затронет как теоретические, так и практические аспекты (например, как быстро искать кратчайшие пути в дорожных сетях).

От слушателей требуется:

• знание алгоритмов на уровне книги Кормена,
• умение программировать и понимание того, как писать быстрый код,
• умение читать по-английски техническую литературу.

Если вы хотите послушать курс, то вам необходимо до 31 декабря 2010 года отправить заявку на ящик ys.applications+pfa@gmail.com, в которой должны быть:

• имя и контактная информация (телефон, e-mail),
• место учебы, факультет, кафедра и курс,
• курсы по алгоритмам, которые вы прослушали, с оценками,
• информация, которая поможет отобрать именно вас в случае, если заявок будет слишком много (рекомендательные письма, дипломы олимпиад, публикации).

Занятия будут проходить на базе Школы Анализа Данных Яндекса по пятницам: с 18:00 до 20:00 лекции, а с 20:00 до 21:00 — семинары.

Подробности смотрите в Call for Participation.

Внимание! После публикации поста на Хабре пришло много заявок, намного больше, чем есть мест, так что отбор будет достаточно серьезный, и последний пункт в заявке имеет большое значение.

После Vogue истерии появилось множество вопросов, как подключить плату к компьютеру. И многие люди даже не понимают, что же такое UART. И я решил рассказать здесь какой это мощный инструмент.


Роутер превращается в компьютер, если к нему по UART подключить клавиатуру и дисплей

От телеграфа к COM-порту

Протокол UART (Universal asynchronous receiver/transmitter) или, по-русски, УАПП (универсальный асинхронный приемопередатчик) — старейший и самый распространенный на сегодняшний день физический протокол передачи данных. Наиболее известен из семейства UART протокол RS-232 (в народе – COM-порт, тот самый который стоит у тебя в компе). Это, наверное, самый древний компьютерный интерфейс. Он дожил до наших дней и не потерял своей актуальности.

Надо сказать, что изначально интерфейс УАПП появился в США как средство для передачи телеграфных сообщений, и рабочих бит там было пять (как в азбуке Морзе). Для передачи использовались механические устройства. Потом появились компьютеры, и коды ASCII, которые потребовали семь бит. В начале 60-х на смену пришла всем известная 8-битная таблица ASCII, и тогда формат передачи стал занимать полноценный байт, плюс управляющие три бита.

Хочу поделиться небольшой, но полезной тулзой для генерации Photoshop-like градиентов. Называется этот инструмент громко — Ultimate CSS Gradient Generator. Но большей значимости ему придает не имя, а создатели — это те же ребята, которые сделали ColorZilla, отличнейший плагин для Firefox.

У любого желающего писать программы для продукции фирмы Apple в жизни наступает такой момент, когда ему приходиться изучить новый язык программирования — Objective-C. Когда-то этот счастливый момент постиг и меня. А чтобы лучше запомнить основные особенности этого языка, решил законспектировать свои мысли во время осмысления его документации, которыми и делюсь с вами.

В качестве эпиграфа приведу пару цитат:

«Дима, *CENSORED*, скажи, когда GUI у MeeGo нормальный сделают, а не этих страшных человечков с рубленными головами, открытыми ртами, черными повязками, голубыми пингвинами и проч?» (из личной переписки).

«…В добавок ко всему продукт продвигают страшные угловатые люди с рупором, которые сошли с карикатур таблоидов начала 90-х. Где любимый всеми кот-бочка? Почему мало птичек? Закруглите людей…» (из общественной переписки).

На вопросы о «страшных угловатых людях» отвечать проще, значит, с них и начнем… Странноватые персонажи MeeGo называются «мигоны» (meegons), а нарисовало их английское агентство Airside. Кот «бочка» и прочие птички Moblina, кстати, тоже их работа. Большая коллекция векторных мигонов лежит на странице MeeGo Style Guide, именно оттуда я взял зеленого кота для картинки, привлекающей внимание. Это совершенно легально*. Впрочем, использование мигонов – вопрос вкуса. Данные персонажи предназначены скорее для маркетинга, а не для GUI. Например, в билде MeeGo v1.0 они используются вовсю, а вот производители нашумевшего планшета с неоригинальным названием WeTab изменили интерфейс до полной неузнаваемости. В любом случае, разработчикам приложений для MeeGo доступны достаточно подробные рекомендации по проектированию GUI, вплоть до цветовой палитры и радиуса закругления углов кнопок.

Под катом немного философии и ответы на чуть более сложные вопросы о MeeGo. Что касается совсем сложных вопросов, то их можно будет задать специальным людям на конференции MeeGo Conference 2010 в Дублине… Как туда попасть?

Хочу Вам рассказать о штуке, которую я изобрел сегодня, чтобы ускорить процесс загрузки сайтов. Все вы знаете, что <script src="..."></script> задерживает отрисовку страницы, пока не загрузится этот скрипт. Если их десятки — это может сереьезно замедлить работу сайта — в результате пользователь 20 секунд пялится на пустую (или недорисованную) страницу из-за какого-нибудь тупящего социального виджета (умножить на десяток этих виджетов).

Не правда ли было бы круто, если бы можно было сказать <script extsrc="..."></script> ("extsrc" = "грузи потом"), чтобы скрипты загружались после того как страница отрисована?

Все бы хорошо, но есть document.write… Сегодня я наконец решил его проблему — представляю extsrc.js — скрипт, который запустит все скрипты после отрисовки страницы (даже если они содержат document.write — и правильно отрисуется все).

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

Использование:

Заменяем <script src="..."> на <script extsrc="...">.

Итого получается:

<script src="http://whiteposts.com/extsrc_js/extsrc.js"></script>
<script extsrc="..."></script>

Итак, в связи с тем, что Apple сняли волшебное ограничение и теперь на Adobe Flash CS5 можно официально делать iPhone/iPad приложения (детали: flash-ripper.com), вашим глазам представляется тутор — как сделать это своими руками.

Что сделаем:
Простенький p2p чат

Что потребуется:
1. Adobe Flash CS 5 (качать с adobe.com)
2. iPhone Certificate (не пугайтесь, расскажу где взять)
3. (по желанию) jailbroken iphone/ipad

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

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

Постановка задачи

Буквально несколько дней назад Eric Lippert на своем блоге Fabulous Adventures In Coding опубликовал очень простую, но занимательную задачку:

Есть дерево, заданное с помощью класса Node, в котором есть Children с теми же самыми Node и какой-то Text (чуть ниже приведу код класса). Необходимо сгенерировать строку такого вида (включая переносы строк):
Использовать нужно юникодовые символы "│ ├ ─ └" (вспомним старые добрые картинки с псевдографикой). Цель, которую поставил себе Эрик — выяснить, какие предпочтения будут сделаны при составлении решения: рекурсивное (так как дерево), более быстрое или более читабельное.

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

Минусы jQuery Tools Tooltip, плюсы SimpleTip, а так же немного о том, как решить некоторые проблемы его использования.

Любителям «священных войн» вход строго воспрещен!

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

Что нам нужно?

• Ubuntu Lucid Lynx 10.04
• FAR manager 2.0 (я обычно качаю 7zip архив, и далее речь пойдет именно про него)
• Wine 1.2

Поехали? (Осторожно, много картинок)

Сегодня мне кинули ссылку на прикольный сервис для быстрого генерирования изображений-заглушек. Может пригодиться для html-верстки. На мой взгляд, это удобно тем, кто и так использует заглушки — экономит время при вёрстке, т.к. сами заглушки уже готовы. Можно цвета/размеры подбирать, меняя только числа/буквы в коде, не отвлекаясь на сам файл картинки — и сразу видеть эффект. И сами размеры видеть написанными, если нужно, чтоб к коду не возвращаться для проверки. Или вместо размеров можно текст добавить, чтоб всегда знать, для чего эта заглушка (типа «Бан(н)ер» или там «Лого», или «Фотография»).

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

<img src="http://placehold.it/350x50" />

и получаете:


Update. Благодаря усилиям k0rv1n, найден вариант этого сервиса, только лучше :)
Во-первых, там поддерживается кириллица. Во-вторых, там даны ссылки на исходники для разных языков.
Автор dummyimage.com — тот же Russell Heimlich, что и у placehold.it. У placehold.it есть ещё один автор, но будем считать, что он делал дизайн (дизайн там правда круче, но видимо как раз из-за понтового шрифта Unicode и не выходил).

Примеры (см. под хабракатом) я поменял с placehold.it на dummyimage.com, раз уж он функциональнее…

Данный топик — это не изложение азов на тему «Как сделать на своей странице две колонки с использованием div'ов и css». Передо мной стояла задача разбить монолитный текст на две колонки, подобно тому, как это делает MS Word. Стандартного тэга в css для этого не существует, поэтому пришлось немного потанцевать с бубном для решения поставленной задачи.
Ширина колонки с текстом очень сильно влияет на простоту восприятия информации пользователем. И поэтому, учитывая нынешнюю популярность широкоформатных мониторов, разбивка текста на колонки существенно увеличивает его «читабельность».

Всегда нравилась идея онлайн-мониторинга чего-либо на карте. И вот представилась возможность сделать нечто подобное.
Процессом и результатом разработки хочу поделиться с сообществом.