Инстаграмина

Каждое утро я начинаю с просмотра лент в соцсетях. Обычное дело для любого среднестатистического человека. И вот со всеми сетями нормально, а Instgram заставляет меня сначала лезть в список моих подписок и отписываться от того, что он мне туда принудительно напихал. Я бы и рад удалиться оттуда, но там же у меня всякие интересные подписки. Сволочи.

Как я дружил Skitch App с аккаунтом на Skitch.com

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

Так как это продукт Evernote, то можно помещать скриншоты в блокнот. Помимо этого можно загружать картинки на Skitch.com, Flickr и даже на FTP. На Flickr грузить неудобно, потому что для окончательной загрузки программа переадресует на сайт, чтобы дозаполнить всякую информацию. На FTP грузить не пробовал :-) В Evernote не очень удобно грузить, если хочешь потом картинку расшарить. Поэтому я решил настроить загрузку на Skitch.com.

Дома было все отлично. Программа сама предложила мне авторизоваться на Skitch.com при помощи акаунта Evernote. Супер. А вот на работе она мне такого удовольствия не доставила. Я пытался ввести свои данные от акаунта Evernote в поля для акаунта Skitch.com, но мне сказали, что с такими данными меня не пустят. А акаунт на Skitch.com я не заводил, всегда заходил туда через данные для Evernote. Я подумал зайти в Dashboard и посмотреть свои данные там. Смотрю, что email мой есть, и есть форма для смены пароля, но попытка его сменить ни к чему не привела, потому что у меня никогда не было пароля от аккаунта. Печаль. Но не все потеряно. Можно же запросить смену пароля. Поэтому нужно разлогиниться и сказать, что вы хотите войти через Skitch и нажать на ссылку «Forgotten your Skitch password?».

Затем ввести адрес электронной почты и запросить смену пароля.

После этого можно смело вводить свой email и пароль в Skitch и расшаривать туда скриншоты.

Полезные штуки в Coda 2

Мне очень нравится Coda 2 даже несмотря на некоторые баги, которые в последнее время перестали меня беспокоить. Думаю, что их устранили при обновлении. Но не суть важно, учитывая, что это и редактор кода, и FTP-клиент, и клиент для работы с базами данных, и SVN-клиент. Довольно удобно. Плюс можно доставлять всякие плагины типа Zen-кодинга и других.

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

К примеру, можно вот так организовать рабочее пространство при верстке, чтобы видеть сразу код страницы, CSS и саму страницу прямо не отходя от кассы:

Можно объединять несколько сайтов в группу. Можно настроить вывод определенных скрытых файлов типа .htaccess:

Если выставить соответствующий мобильный юзер-агент, то на превью будет вот так:

Можно делать всякие клевые штуки с кодом:

И много-многое другое. Об остальных трюках можно прочитать на сайте разработчика: http://www.panic.com/blog/2012/07/top-20-secrets-of-coda-2/

Программу можно купить на сайте разработчика или в Mac App Store. Я покупал в последнем, потому что тогда поддерживается синхронизация проектов через iCloud. Правда, синхронизируются только настройки, поэтому файлы проекта я синхронизирую через Dropbox.

Colorbox: страница сайта по правому клику

Как-то трудно было кратко сформулриовать тему, но смысл этого поста в том, что я активно пользуюсь плагином для jQuery под названием Colorbox, чтобы создавать лайтбоксы (это такие окошки). Принцип его работы в том, что он перехватывает значение атрибута href в ссылке и при помощи AJAX загружает в выскакивающем окошке содержимое того файла, на который ведет ссылка.

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

Конечно, не все посетители кидаются открывать эти окошки в новых вкладках или окнах, но некоторые все таки вытворяют такие фокусы. И к тому же для тех же самых поисковиков это не круто, потому что они индексируют у вас на сайте непонятно что, и потом в выдаче тоже ссылаются на это самое непонятно что, которое на картинке.

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

То есть нам достаточно прописать в параметрах плагина следующее:


$("a[rel='number']").colorbox({
 href:function(){
  return '/ajax/number.php?comicvine='+$(this).attr('to');
 },
 opacity:0.5
});


А ссылка будет иметь следующий вид:

<a href="/publishers/31/18462/164834/" rel="number" to="164834">Nova (2007) #27</a>

То есть в элементе A атрибут href у нас будет использоваться для перехода на нормальную страницу, а атрибут to, будет использоваться для передачи переменной в скрипт для создания окошка. Я понимаю, что в спецификации такого атрибута нет, но любой браузер его просто проигнорирует, а вот jQuery воспринимает вполне нормально такие обращения со спецификацией.

И да, в параметрах Colorbox для ссылки на новое окошко у нас используется функция потому, что если попытаться передать просто ссылку такого вида:

/ajax/number.php?comicvine='+$(this).attr('to')

то ничего не получится. Colorbox не воспримет нормально $(this).attr('to'). И в окошке появится надпись undefined, то есть переменная не перехватывается. А вот с функцией все работает корректно.

То есть все решается довольно просто.

Dreamweaver vs Coda vs Kod

Я занимаюсь веб-программированием. Я даже его преподаю. То есть я зарабатываю им на жизнь. Мне нравится эта работа, хотя я даже не имею специального образования, подтвержденного дипломом. Но тем не менее, я это делаю :-) Соответственно мне нужны инструменты.

Когда я работал на Windows, то пользовался либо Adobe Dreamweaver, либо Notepad++. На Mac OS X я тоже сначала пользовался Dreamweaver, но он уж как-то требователен к ресурсам. Ужасаюсь просто, во что он превратился, когда Adobe купила Macromedia. К тому же визуальной его средой я не пользовался, так что мне захотелось от него избавиться. Жалко только было расставаться со встроенным FTP-клиентом. Он очень удобный.

В итоге я решил установить для ознакомления программу Coda. Всем хороша. Опять же в нее встроен FTP-клиент, позволяет не отходя от кассы просматривать то, что получилось во время верстки. Для этого, похоже, используется Safari. Но опять же памяти много жрет, а учитывая, что у меня ее в наличии всего 2Gb и дома и на работе, то приходится экономить. Если дома еще можно без лишних проблем нарастить оперативку, то на работе нужны сложные манипуляции с бубном со шпателем, потому что мой рабочий миник просто так не хочет показывать свои внутренности.

Был еще вариант использовать Text Wrangler, но он какой-то уродский. Мне не понравился.

В итоге для верстки решил пользоваться приложением Kod, потому что оно легкое, не требовательно к ресурсам, хотя в нем и нет встроенного FTP-клиента. К тому же оно бесплатное.

Но для серьезных вещей все-таки подумываю прикупить Coda.

Сан-Хосе поимели Лос Анджелес

Первая игра за нами. Раньше я игры по телеку смотрел, а теперь через Facebook слежу за ними.

Новый интерфейс Google Analytics

Google Analytics приобрела новый интерфейс. Пока непонятно, какой удобнее, но я уже переключился и сделал для comicsdb.ru свой собственный Dashboard:

Интересно, что там дальше обновят? Docs уже были, Blogger тоже. Может быть все-таки сделают gDrive? А то у меня 20 гигабайт пропадают даром.

Simple Desktops

Иногда совсем не хочется на рабочем столе пальм или других австралийских прелестей (привет Dinkie-Di), а хочется чего-нибудь простенького, чтобы все иконки было видно, чтобы заполняло собой рабочее пространство, пока не захочется вернуть австралийские пальмы. ВОт в таких случаях можно зайти на Simple Desktops.

Новые фичи в Блоггере

Блоги теперь можно смотреть вот так:

http://www.lapotchkin.net/view/flipcard
http://www.lapotchkin.net/view/mosaic
http://www.lapotchkin.net/view/sidebar
http://www.lapotchkin.net/view/snapshot
http://www.lapotchkin.net/view/timeslide

Подпись Unicode (BOM)

Иногда, когда грузишь страницу на сайт, выскакивают какие-то непонятно откуда взявшиеся символы или пустые строки. Это конечно может быть и из-за того, что где-то разрыв поставил и забыл, но не всегда. Это может быть связано с тем, что сайт использует кодировку Unicode и в файле может быть использована подпись Unicode (BOM) или метка порядка байтов. Меткой порядка байтов (BOM) называют 2-4 байта в начале текстового файла, которые определяют его как файл в кодировке Юникод, а также порядок байтов для всех последующих байтов. Так как UTF-8 не имеет порядка байтов, добавление метки порядка байтов UTF-8 является необязательным. Добавление метки является обязательным для UTF-16 и UTF-32. Но в итоге эта метка может приводить к появлению всяких ненужных строк, если вы программируете на php и используете функции или делаете вывод значений переменных через конструкцию типа: или где-то болтаются лишние пробелы или переносы строк. Чтобы этого не было, я всегда отключаю метку BOM.

Локальная сеть Beeline и VPN

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

Программы и ссылки

Домашним компьютером мы пользуемся совместно с женой. И чтобы не мешать друг другу ссылками и прочей лабудой, я использую Safari, она - Opera. С почтой тоже так. Используем две разные программы, чтобы не путать почту. Все хорошо. Все отлично. Чтобы жене было удобно, ее почтовый клиент и браузер установлены, как программы по умолчанию. Мне же постоянно приходится копировать ссылки и вставлять в свой браузер. Это жутко неудобно. Вот почему не делают в контекстном меню программ пункты для открытия ссылок в разных браузерах?

QIWI и ЯндексДеньги

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

Gmail и горячие клавиши

У меня дома сильно шелкает левая кнопка мыши. Что-то с ней не так. При разборке каких-то неисправностей не нашел. Корче, щелкает и все тут. Все бы ничего, да вот только когда в этой же комнате спит маленький ребенок, можно ненароком его разбудить. Можно поменять мышь. Я это, собственно, и сделал. Только новая еще не приехала из Китая. Это суть проблемы.
И вот вчера я решил разобрать почту. С ней случился какой-то конфуз. «Спам» и «Корзина» почему-то попали во «Всю почту». И в итоге там набралось больше пять тысяч писем, из которых полезных-то всего чуть более шестиста. Вот прикиньте, сколько бы мне пришлось щелкать мышью даже с учетом кнопки «Выделить все». В итоге мне на помощь приходит клавиатура. В настройках Gmail есть пункт «Быстрые клавиши», которые включают навигацию по Gmail с помощью клавиатуры. Довольно удобно. Мне пригодились следующие:

• j — переход к следующей цепочке;
• k — переход к предыдущей цепочке;
• Return или Enter — открывает цепочку;
• u — возврат к списку писем;
• x — выделяет цепочку;
• *+a — выделяет все цепочки на экране;
• # - удаляет выделенные цепочки.

Из Хрома обратно в Сафари

Обзавелся маком дома. И как-то не стал на нем устанавливать Google Chrome. Решил пользоваться Safari. Поэтому на работе пересел обратно на этот браузер. Через Xmarks синхронизировал закладки, что очень удобно. У меня там много чего в Chrome набралось по работе и не только. Из дополнений критично необходимых нет. Без них вполне можно прожить.

Safari и Agava

Уж не знаю, так ли это или нет, но если я работаю с сайтом, который хостится у Агавы, то браузер Safari делает какую-то пакость типа большого количества соединений или что-то типа того. От чего фронтэнд меня начинает блочить, как-будто я атакую сервер. Причем это наблюдается и на Mac OS X и на Windows. Может быть я не прав, и дело в соединении, но не может же быть это у двух разных провайдеров? Так, что приходится пользоваться сафаризаменителем в лице Google Chrome.

Вирусы

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

Спасло меня то, что я до этого устанавливал SX Guard для удаления ненужных элементов из автозапуска. Сейчас вроде как есть вторая версия, и она платная. Но я обычно пользуюсь первой версией, потому что она бесплатная. Помимо управления автозапуском, эта штука еще что-то типа расширенного диспетчера задач. Вот это-то и помогло мне вычислить файл, который открывал при запуске системы чертов розовый порно-прямоугольник. В процессах болтался странный файл Plugin.exe из папки Program Files. Еще очень помогло, что дело происходило на ноутбуке, а на моей Тошибе очень удобные функции для работы с тачпэдом, которые позволяли посмотреть, что сейчас делается в определенном окне. И самое важное, что эта программка для тачпэда находилась на слое выше, чем розовая херь. Вот при помощи этих манипуляций вирус был удален из автозапуска, а потом после перезагрузке и вовсе с компьютера.

Pirate Baby's Cabana Battle Street Fight 2006

Офигительский мультфильм в стиле пиксель арт.

Watch Pirate Baby's Cabana Battle Street Fight 2006 in Animation  |  View More Free Videos Online at Veoh.com

NicEdit - легкий WYSIWYG-редактор форм

Для сайта нужен был WYSIWYG-редактор форм. TinyMCE и FCEditor не  подходили, потому что они слишком уж навороченные. Нужно было что-нибудь простенькое. В итоге нашел очень простенький NicEdit. Он легок в установке и настройке.

Железный человек против Брюса Ли

Люблю всякие вот такие штуки. Концовка очень забавная :-)