Итоги 2011-го
В 2011-м году я послушал очень много самой разной музыки. Прежде всего благодаря сервису zvooq.ru — спасибо ему большое. В свою фонотеку я добавил более двадцати альбомов:
В этом году я расслушал и ещё полюбил инди-рок и фолк-рок. Понравились альбомы «Bon Iver» и «For Emma, Forever Ago» товарища Bon Iver, «Early In the Morning» James Vincent Mcmorrow, «Every Kingdom» Ben Howard и товарищ Ray LaMontagne. Прям такая мызука, которую я долго искал.
Нашёл немного электронной музыки, которую я могу слушать. Например, Fred Falke и Long Arm.
Открытием года обявляется Bon Iver, альбомом года — «For Emma, Forever Ago», песней года — «Глубоко» квартета Котов, Старостин, Волков, Федоров.
Вообще год получился хороший, многообещающий.
Всех с наступающим Новым годом! Будьте здоровы!
Домовед
Группой товарищей задумали и выпустили сервис для поиска объявлений недвижимости без посредников. Имя ему — Домовед.
Ядро сервиса — зоопарк роботов, которые собирают объявления с сайтов о недвижимости. Скурпулёзный статистическо-имперический анализ позволяет находить объявления посредников и объявления от живых людей. Поиск по найденным объявлениям облегчается картой. Все найденные посредники помещаются на специальную страницу. Пока сервис работает только для Днепропетровска.
На сервере работает nginx и django, в браузере помогает jquery.
Итоги 2010-го
В 2010-ом году из того, что я послушал, мне понравилось: Crookram / Through Windows, Metric / Fantasies, Berry Weight / Music for Imaginary Movies, весь John Mayer, Мегаполис / Супертанго, Tony Joe White.
Наборчик, как видите, так себе. Суперпотрясаещего не было.
В технологическом плане много нового случилось. Я стал jquery-ниндзей, сделал парочку проектов на tornado, todocamp.com сильно подрос благодаря Chrome Web Store, здорово обновил аккорды для гитары, сделал несколько маленьких сайтов, запустили Пивовед. На работе конечно сделали много прикольных штук.
В общем, с праздниками всех! Счастливого нового года!
Тудукэмп
Настало время сделать публичный релиз моего проекта. TodoCamp — это сервис, который поможет вам вести списки дел. Просто записывайте «туду», группируйте их в списки и делайте отметки об их выполнении.
Первые версии сервиса работали уже полтора года назад. Я решил сделать себе велосипед для ведения дел и написал простой сервис. За это время работы сервис заметно похорошел, получил много приятных фич и доказал свою жизнеспособность и полезность.
Скриншот
Возможности
- дела («туду») организованные в списки;
- простой и быстрый интерфейс;
- сортировка туду и списков простым перетаскиванием (драг-н-дроп);
- клавиатурные сокращения;
- печать списков туду;
- посылка списка туду на почту;
- быстрые сообщения в твиттер и напоминания в гугл-календарь;
- вход с помощью фейсбук и гугл аккаунтов.
Запланированное
- мобильная версия;
- групповая работа над списками (и получится простое управление проектами);
- интеграция с соцсетями.
Единственный недостаток сервиса — очень плохая дружба с интернет эксплорерами. Но я уже работаю над этим.
Внутри всё просто. На сервере: django, django_openid_auth, registration, south. Сервер баз данных — mysql. На клиенте: jquery плюс несколько расширений. Проект живет в git-репозитории.
Втсречайте, заходите, пользуйтесь — todocamp.com.
Сайт intermova.dp.ua
Сделал сайт для цикла тренингов по новой уникальной методике овладения иностранными языками.
intermova.dp.ua
На сервере работает nginx и django, в браузере помогает jquery.
Сайт pena.dp.ua
Сделал промо-сайт для компании, которая занимается проведением пенных вечеринок и арендой, продажей, обслуживанием пеногенераторов.
pena.dp.ua
На сервере работает nginx, в браузере помогает jquery.
Пивовед
Бывает, хочется пива. Бывает хочется хорошего пива. Темного, густого. Или лёгкого, вкусного.
Бывает, пиво хочется прилично закусить. Рыбкой там, мясцом или колбаской...
И вот, что бы не испортить настроение и правильный запал, что бы не бегать по кабакам и искать, где же нальют того самого, любимого, правильного тёмного пива — заходишь к Пивоведу.
А Пивовед знает все сорта правильного пива. Пивовед помнит все злачные и гламурные пивбары.
Встречайте — сайт Пивовед: где в Днепропетровске наливают хорошее пиво?
Сайт polosmak.com
Сделал сайт свадебных фотографов Анны и Александра Полосмак — polosmak.com
Работает сайт на Django, фотографии хостятся на Google Picasa Web Albums, в браузере помогает JQuery.
Сайт концерт-холла «ТаймАут»
Сделал вторую версию сайта концерт-холла «ТаймАут» — timeout.dp.ua.
Первая версия выглядела как-то так.
Вторая выглядит так:
Работает сайт на Django, альбомы и фотографии хостятся на Google Picasa Web Albums, комментирование при помощи JS-Kit Comments, в браузере помогает JQuery.
Markdown синтаксис по-русски
Markdown - это легковесный язык разметки текста для веба. Был создан для удобства чтения и написания размеченных текстов. Движок markdown генерирует валидный XHTML. Авторы - John Gruber и Aaron Swartz. Официальная страница проекта и более подробная документация на сайте Daring Fireball.
Ниже привожу короткий конспект, который, кстати, тоже написан на этом замечательном языке.
Блочные Элементы
Параграфы
<пустая строка>
Текст параграфа. Может быть
разбит на несколько строк.
<пустая строка>
Переводы строк
Что бы вставить перевод строки без начала нового параграфа, в конец нужно добавить два или больше пробелов.
Текст параграфа.<пробел><пробел>
Этот текст будет с новой строки.
Заголовки
Заголовок первого уровня H1
===========================
Заголовок второго уровня H2
---------------------------
или так
# Заголовок первого уровня H1
## Заголовок второго уровня H2
###### Заголовок шестого уровня H6
или так
# Заголовок первого уровня H1 #
## Заголовок второго уровня H2 ##
###### Заголовок шестого уровня H6 ######
Цитаты
> Это
> многострочная
> цитата
или так
> Это
многострочная
цитата
Списки
Ненумерованные:
* красный
* зеленый
* синий
или так
- красный
- зеленый
- синий
или даже так
+ красный
+ зеленый
+ синий
Нумерованные:
1. Первый
2. Второй
3. Третий
Код
Отступ в четыре пробела или один таб генерирует блок кода:
<пробел><пробел><пробел><пробел>print 'Hello, World!'
Горизонтальная линия
* * *
или так:
***
или так:
------
Строчные элементы
Ссылки
Инлайн ссылки
Это простая [ссылка](http://rukeba.com/) в тексте.
Это [ссылка](http://rukeba.com/ "Титул") с аттрибутом title.
Ссылки в справочном стиле
Это [ссылка][1] в справочном стиле.
...
...
[1]: http://rukeba.com/ "Необязательный титул"
Что бы урл в тексте стал ссылкой его нужно обрамить в < и >
По урлу <http://rukeba.com/> находится мой сайт.
Выделение
Одинарные звездочки генерируют тег <em>
это \*выделенный\* текст
Двойные звёздочки генерируют тег <strong>
это \*\*очень выделенный\*\* текст
Код в строке
Используйте функцию `printf()` для вывода.
Изображения

или в справочном стиле:
![alt-текст][2]
...
...
[2]: http://example.com/image.jpg "Необязательный титул"
Дополнительно
Экранирование
Для экранирования служебных символов маркдауна нужно использовать обратный слеш \
Сделал определитель аппликатур гитарных аккордов
Однажды мне в голову пришла мысль, что сделать определитель аппликатур гитарных аккордов с веб-интерфейсом - это интересно и нетривиально. В сети я раздобыл уродливую программку, которая могла показывать такие аккорды, в внутри были текстовые файлы с этими самыми аппликатурами. Из кучи файлов я сделал один и отформатировал его удобным образом. Потом родился питон-скрипт, который сгенерировал хтмл.
И вот встречайте - Гитарные аккорды.
Никаких изображений, никаких лишних запросов к серверу. Все аккорды уже на странице. Выбирайте нужный. Работают ссылки с аккордами вида http://rukeba.com/chords/#Cm7.
Правда, это бета. Номера пальцев пока не отображаются. И аккорды конечно не все. В старых браузерах возможно будет отображаться ерунда какая-нибудь. Надеюсь, у меня хватит времени сделать всё до конца.
Пользуйтесь на здоровье. Отзывы и критика принимаются в гуглогруппе или в комментариях.
Подсветка синтаксиса Apache
Появилась у меня необходимость на страницах блога HeliconTech синтаксически подсвечивать конфигурационные файлы Apache (httpd.conf и .htaccess). Первым делом я пошёл на сайт Ивана Сагалаева, но оказалось, что его замечательный highlight.js подсвечивать конфигурацию Apache не умеет. Но также выяснилось, что написать новую подсветку синтаксиса довольно просто. С сайта документации Apache я получил html-страницу, на которой были все (*почти все :) его директивы. После некоторого шаманства с регулярными выражениями из этого html-файла я получил список всех директив Apache в простом текстовом файле. Дальше, немного потрудившись, получилось и само описание синтаксиса.
Скачать highlight-apache.zip
Пример работы
Для использования распакуйте архив на сайте и в html-документах внутри тега head необходимо добавить:
<link rel="stylesheet" href="apache.css">
<script src='highlight.js'></script>
<script src='apache.js'></script>
<script>hljs.initHighlightingOnLoad();</script>
Не забудьте поправить пути к файлам.
Подсветка работает. И я радуюсь.
2009-01-03 UPDATE: Иван Сагалаев добавил подсветку apache в проект highlight.js!
2009-01-04 UPDATE: сделал новый стиль - Magula. Тоже уже принят в основной бранч.
Дизайн для блога HeliconTech
Сделал дизайн для блога HeliconTech — helicontech.blogspot.com.
Дизайн простой и лёгкий, в стилистике головного сайта.
P.S.
Наконец-то я присел на твиттер — follow me on twitter.com/rukeba.
А самая лучшая соцсеть — френдфид!
CSS Reset
Все, кто пытался сделать нетривиальную html-страницу, которая будет отображаться более чем в одном браузере, знают о проблемах совместимости (а точнее несовместимости :) между ними. Об этом уже очень много написано. Самое первое лекарство, которое применяю я -- Css Reset. Файл стилей сайта я всегда начинаю так:
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
Эти строки сбрасывают стили html-элементов для всех браузеров. А после я определяю стили как мне нужно. Сейчас доступна уже 3я версия этой фичи, но меня вполне устраивает и та, которая уже есть.
CSS Reset - часть большого проекта Yahoo User Interface, в которой есть ещё много интересных возможностей.
CSS Reset облегчает мне вёрстку, и я радуюсь!
Комментирование с помощью JS-Kit
Месяц назад я обновил свой блогодвижок до Django 1.0. Прежние FreeComments работать перестали, а сделать комментирование по-новому руки всё не доходили. А вчера я вспомнил о замечательном проекте JS-Kit Comments. Идея до гениальности проста и удобна -- вставляете в html код
<div class="js-kit-comments" permalink=""></div>
<script src="http://js-kit.com/comments.js"></script>
и всё - комментарии рисуются, постятся, модерируются. Хранятся - на серверах JS-Kit. Стилями подгоняете под свой дизайн. Есть rss-лента для комментариев каждой странички. Недостаток в том, что комментарии не индексируются, но для меня это не очень важно (ресурс не очень комментируемый :). Всё бесплатно, естественно.
Красота. Я радуюсь.
Переехал на nginx
Перевёл все свои сайты на веб-сервер nginx. Памяти он кушает ощутимо меньше апача, по настройкам не уступает, отклик стал быстрее по ощущениям и по простым замерам. Джанго-сайты стали работать через fastcgi, что тоже приятно.
А, и ещё. Движок для этого блога и Спелых Абрикос - то, что лежит на гуглокоде. Бета ожидается.
Helicon Ape beta is out!
Helicon Ape - это революционный модуль для IIS, который эмулирует Apache-окружение: конфигурационную модель (httpd.conf + .htaccess`ы) и наиболее востребованные модули. Самые вкусные из них: mod_rewrite, mod_proxy, модули для basic-, digest- и хост-авторизации.
Модуль написан на .NET для IIS 7. С некоторыми ограничениями работает и на IIS 6 как ASP.NET модуль.
Качайте, пробуйте и радуйтесь!
Django 1.0 released!
Последние три дня в инете какая-то истерия по поводу выхода браузера Google Chrome. Тысячи статей и отзывов написно, найдены уже баги и проблемы с безопасностью. Но на мой взгляд самая главная новость начала осени -- это релиз замечательного фреймворка Django. Три года разработки, 350 000 строк кода, 4000 коммитов, 2000 багфиксов! Всех поздравляю! Ура!

