Вебоман

Блог переехал

2010-05-23T06:47:00.001-07:00

Блог объединен с портфолио и теперь находится здесь.

Неудачный день

2010-04-15T14:22:00.000-07:00

Второй месяц без постоянной работы занимаюсь фрилансом. В приципе, первым месяцем(с 12.03 по 12.04) я доволен. Заработал даже чуть больше, чем ожидал.

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

Так ничего за сегодня и не заработал. С другой стороны, постоянно появляются всякие-разные знакомства, интересные и не очень, и опыт. Думаю со временем это все приведет к более-менее постоянному притоку заказов и, соответственно, денешкоф :) А там, глядишь, и шестеренки ЮТекАльянса нашего закрутятся. Да, Руслан? )) Все, я смотреть Хауза.

Верстка простого макета с картинками – 3. Графика и CSS.

2010-04-15T12:11:00.000-07:00

Да, кстати, я ж обещал третью часть. Правда, настроение не для творчества. Пытался в образовательно-корыстных целях написать парсер Я.маркета. Пол-дня потратил на вспоминание принципов работы с потоками в питоне и возню с побаненными и нерабочими прокси. Пока толком ничего не вышло. Надо затариться нормальными проксиками и разбираться с urllib2. Итак, нам осталось подготовить графику и стили.

Займемся подготовкой графики для нашего будущего шаблона. Удобнее всего , на мой взгляд, это делается с помощью инструмента Slice в Adobe Photoshop. Аккуратно обведите нужные области макета этим инструментом. Для удобства вы можете включать и выключать «прилипание» курсора к границам слоев и другим объектам с помощью функции Snap из меню View:

Вот так у меня выглядит макет после нарезки:

Когда закончите, переходите к сохранению картинок. В меню File выберите пункт Save for Web & Devices и щелкните мышью. В появившемся окне вы можете поочередно выбрать каждую часть макета и задать для нее формат сохранения и прочие параметры. Обратите внимание на то, что сохранение небольших фрагментов в формате PNG зачастую дает меньший размер файла, чем GIF или JPG. Но помните, что использование этого формата с прозрачностью создает уйму проблем в самом «любимом» браузере всех верстальщиков Internet Explorer. В 6 и 8 его версиях. В 7 я проблем пока не наблюдал.

О css подробно рассказывать не буду, дам лишь несколько ссылок на использованные техники:

Выстраиваем блочные элементы в ряд с помощью float
DD_belatedPNG – по-моему лучшее лекарство для отображения PNG с прозрачностью в IE6
Центрирование блоков через margin:auto
Условные комментарии в Internet Explorer
Таблица «безопасных» шрифтов для различных платформ

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

Верстка простого макета с картинками – 2. HTML.

2010-04-14T12:49:00.000-07:00

Итак, вернемся к нашему макету. Мы уже разбили его на блоки и создали базовый HTML-документ. Первым делом давайте создадим внутри тега
<div id="bodywrap">
эти блоки. Вот, что у меня получилось:


<div id="header">
</div>
<div id="greeting">
</div>
<div id="content">
</div>
<div id="advantages" class="autowrap">
</div>
<div id="footer">
</div>

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

Не стоит лепить везде одни дивы. Старайтесь использовать теги по назначению: заголовки для заголовков, ссылки - для ссылок, списки – для списков. Это поспособствует не только лучшей индексации сайта поисковиками, но и удобству пользования сайтом при отключенных стилях или на нестандартных устройствах для людей с ограниченными способностями.
Следите за валидностью документа (http://validator.w3.org/), это позволит минимизировать вероятность того, что в какой-нибудь очередной версии браузера ваш сайт развалится на куски.
Используйте «правильный» редактор. С поддержкой фолдинга, автоотступов и дополнения. Это значительно ускорит вашу работу и сэкономит кучу нервов. Например, Notepad++, Scite или Vim(Warning! Этот редактор расчитан больше на маньков вроде вакера, к нему нелегко будет привыкнуть, но потом вы вряд ли захотите на что-то его менять :)

Окончательный вариант HTML - страницы выглядит так:


<!DOCTYPE html 
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<script src="js/DD_belatedPNG.min.js"></script>
<script>
DD_belatedPNG.fix('#greeting img');
</script>
<![endif]--> 

</head>
<body>
<div id="bodywrap">
<div id="header">
<h1><a href="/"><img src="img/logo.gif" alt="Orange" /></a></h1>
<ul class="menu">
<li class="current"><a href="#"><img src="img/home.gif" alt="Home" /></a></li>
<li><a href="#"><img src="img/services.gif" alt="Services" /></a></li>
<li><a href="#"><img src="img/about.gif" alt="About" /></a></li>
<li><a href="#"><img src="img/Contact.gif" alt="Contact" /></a></li>
</ul>
</div>
<div id="greeting">
<div class="img">
<img src="img/greeting_img.png" alt="" />
</div>
<div class="text">
<h2><img src="img/greeting_title.png" alt="your title goes here. amet, consectetur,      condimentum purus nec" /></h2>
<i>Cras diam nibh, placerat sit amet, dictum eget, varius a, nisi. Suspendisse ac tellus. Sed nisi leo, commodo non, pharetra sit amet, consequat ut, nunc.<br/>Sed nisi leo, commodo non, pharetra sit amet, consequat ut, nunc.</i>
</div>
</div>
<div id="content">
<h3>Welcome to our website!</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lectus. Donec pharetra molestie nunc. Sed mattis, erat sit amet vehicula consectetur, purus pede consectetur quam, non tempor orci ligula ac mauris. Vestibulum lacus erat, egestas vel, posuere sit amet, molestie eget, ipsum. Cras diam nibh, placerat sit amet, dictum eget, varius a, nisi. Suspendisse ac tellus.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lectus. Donec pharetra molestie nunc. Sed mattis, erat sit amet vehicula consectetur, purus pede consectetur quam, non tempor orci ligula ac mauris. Vestibulum lacus erat, egestas vel, posuere sit amet, molestie eget, ipsum. Cras diam nibh, placerat sit amet, dictum eget, varius a, nisi. Suspendisse ac tellus.</p>
</div>
<div id="advantages" class="autowrap">
<div class="reviews">
<h2>Customer Review</h2>
<ul>
<li>
<b>Alex</b>  says:
<q>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lectus. Donec pharetra molestie nunc."</q>
</li>
<li>
<b>John</b>  says:
<q>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lectus. Donec pharetra molestie nunc."</q>
</li>
</ul>
</div>
<div class="features">
<h2>Features</h2>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lectus.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lectus.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lectus.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lectus.</li>
</ul>
</div>
<div class="prices">
<h2>Prices</h2>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lectus.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lectus.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lectus.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lectus.</li>
</ul>
</div>
</div>
<div id="footer">
<div class="copyright">
<img src="img/logo_footer.gif" alt="Orange" /> © 2009 - PSDTemplate.com. All rights reserved.
</div>
<div class="rss"><a href="#"><img src="img/rss.gif" alt="" /> RSS</a></div>
</div>
</div>
</body>
</html>

Следующий пост появится завтра и будет посвящен нарезке графики и немного о CSS.

P. S.: Чето я уже начинаю жалеть, что затеял эту серию постов... Хреновый из меня учитель :) Лень разжевывать все. А кто-то ж целые книги пишет...

Верстка простого макета с картинками :)

2010-04-13T11:52:00.000-07:00

Здравствуйте! Сегодня я покажу, как происходит превращение несложного PSD-макета в HTML-документ с CSS-стилями. Короче, о верстке.

Для начала возьмем простенький макет с сайта PSD Template.com.

Именно его вы видите на скриншоте.

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

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


<!DOCTYPE html 
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="bodywrap">
</div>
</body>
</html>

Как вы могли заметить, здесь используется DOCTYPE XHTML 1.0 Strict. Далее идет тайтл, объявление кодировки документа и ссылка на файл стилей (css/style.css). Внутри body я первым делом располагаю див bodywrap. Он «оборачивает» все содержимое документа и в данном случае будет служить для центрирования страницы, но об этом позже.

Пока все. Новая серия Спартака уже почти скачана и требует просмотра :) В следующем посте мы займемся созданием остальной части HTML-разметки.

Кто ты?

2010-04-02T14:18:00.001-07:00

О чем они говорят.

2010-03-28T17:25:00.000-07:00

Опять кинообзор :) На этот раз не боевик, а комедия, и не лучи поноса, а похвала. "О чем говорят мужчины". Наше кино. Замечательная история о четырех около-сорокалетних мужчинах, едущих на отдых из Москвы в Одессу и общающихся о том, о сем.
Руслан, вот это, на мой взгляд, замечательный и забавный пример абсурдизма, в отличие от действительно абсурдной "Страны приливов". Чего стоят только истории о жене, называющей мужа мудаком за то, что тот не изменил ей с Жанной Фриске ))) Или ночная измена с колбасой :)
Ну, и лично мне еще понравилось про 100 последних смс (привет Ане). Хоть герои и говорят, что надо добиваться, но цена уж слишком высока. Точнее, цель не стоит этой цены. Мне нужен ROI :) Хотя бы в виде какого-то уважения. Я и так достаточно долго его добивался. Когда-нибудь окажется, что "есть еще красивые женщины, кроме тебя".
Еще в фильме показаны такие 40 лет, какими я хотел бы видеть свои. "Не бывает взрослых. Бывают постаревшие дети". Мне почему-то кажется, что лет так в 25 молодость заканчивается и начинается бесконечная волокита: Работа, семья, выпадающие или болящие зубы, седеющие волосы и т.д. Ан нет, хоть герои уже и с лысинками, но показывают, что все не так уж и плохо. У них еще есть и силы, и желание развлекаться, к тому же, подкрепленные кое-какими деньгами, заработанными к этому возрасту. Надеюсь, у меня и читателей все сложится, как минимум, не хуже :) Главное верить и что-то делать для этого.

Легион неведомой ЕбХу.

2010-02-19T14:19:00.000-08:00

Только что досмотрел "мегоблокбастер" "Легион". Блин, до чего докатился этот сраный Голливуд. Я понимаю, что кушать всем хочется и не считаю себя шибко верующим. Но нафига осквернять эту тему таким говнищем? Я не понимаю.
Да, мыслить надо шире, но у меня никак не укладываются в голове образы архангелов Михаила и Гавриила, бегающих с какими-то вращающимися булавами и М-16. Это раз.
Два. Я думаю, если ТАМ что-то или кто-то есть и оно решило бы нас уничтожить, сомневаюсь, что оно выбрало бы способом нашего уничтожения какой-то жалкий клон Resident Evil. Покемонов бы еще прислали, товарищи сценаристы :) Ну, да ладно, спишем это на тренд.
Ну, и, как всегда, почему главные герои говорят на английском, почему место действия-США? Радуйтесь, если мы таки сильно прогневаем Бога, у нас будет время последний раз помолиться, пока он разбирается с американцами :)

Немного бреда

2010-02-09T07:30:00.000-08:00

Вот вам мои политические взгляды. Недавно подумалось, президентом Украины будет бывший зек :) Один - грабеж и хулиганство. Вторая - была в международном розыске и сидела в СИЗО.
Весело живем, что еще сказать :)

С наступающим!

2009-12-31T01:47:00.000-08:00

Вот уже почти и Новый Год. Все уже во всю тарятся антипохмелином, а я сижу, как дураг, за компом потому, что у меня сегодня рабочий день.
Я лично очень доволен уходящим 2009, пусть, были всякие мелкие неприятности вроде увольнения и ссор, но в конце-концов это все обернулось так, как я того и хотел.
Я очень благодарен Трезубу, Вакеру, Сальватору, Руслану,Хешу за то, что вы научили меня "гуглить" :) убедили вырваться из своего угольного подземелья и помогали мне.
И высшим силам/Богу/судьбе(нужное подчеркнуть) за то, что они направляют меня и позволили моему пути пересечься с одним замечательным человечком, которого я очень-очень полюбил.
Хочу пожелать всем забрать с собой в новый год только самые лучшие воспоминания и никакого негатива. Пусть наступающий год тигра принесет вам его силу и ловкость, которые позволят вам с легкостью справляться с любыми неприятностями. Ну, и, как обычно, чтобы завтра было лучше, чем вчера :)

Как я побывал в России или большой-большой п...ц.

2009-09-27T12:09:00.000-07:00

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

Купил я билет на поезд, взял с собой ноут, чтоб на работе не отпрашиваться, и поехал. Пока ехал конешн было весело :) Сначала два соседа по купе: мужчина лет 30 и старая бабулька начали спорить о вреде современных технологий(в частности, ноутбуков), бабулька говорила, что в свое время она считала на деревенных счетах в кассе, а мужчина ей доказывал, что компьютеры производительнее счет итд :) Потом я в тамбуре познакомился с каким-то пьяным товарищем ехавшим в Изюм, он долго измерял меня взглядом и просил выпрямиться, чтоб в очередной раз убедиться, что ровно я стоять в поезде не могу :) Перед уходом он мне подарил какой-то талисман и иконой Николая-Чудотворца, сказал, на удачу, носить и не терять. Мне талисман оч понравился, так что подарок я принял почти не раздумывая :)

Приехал во вторник, снял номер в средненькой гостинице возле парка победы. И началось... везение... Сначала у меня в первый же день ноут упал в синий экран, я не обратил особого внимания, не смотря на то, что такого раньше никогда не было(Вакер, молчать : )), и продолжил работать. На след. день он еще пару раз падал в синий экран, после чего экран потух и не включался даже сразу при включении компьютера, через некоторое время, когда я дал ему остыть, все заработало, но, как нетрудно догадаться, ненадолго. Так продолжалось всю неделю, пока в субботу он не сдох окончательно, теперь экран ноутбука не включается совсем и работать можно только на внешнем мониторе предварительно удалив драйвера. Завтра буду звонить в сервис, посмотрим, может оживят мою машинку для зарабатывания, так как без драйверов работать нереально, прокрутка страницы-занятие не для слабонервных.
Ну да ладно, не повезло, бывает. Но на этом моя "удача" не закончилась :) Друг мне дал симку российского мтс, я ею попользовался пару дней, а потом у меня ночью разрядился телефон, когда я утром его включил, он попросил пин-код, я его естественно забыл, начал пробовать, но я ж, блин, инструкции не читаю, не знаю, что после 3 попыток симка блокируется, а puk-кода нет :)

Со вторника так ни разу и не гулял по питеру, настроение не подходящее после этого всего, да и работы куча. Фоткал город разве что из машины :) Московские ворота, Неву, всякие причудливые здания. Может выложу попозже. Да и погулять еще шанс есть, пробуду еще неделю здесь где-то.

Что порадовало, так это питерский интернет. За 2к рублей покупается 4g модем и за 900р в месяц можно наслаждаться беспроводным да еще и безлимитным интернетом от Yota со скоростью 3-5Мбит возле окна и около мегабита- в глубине комнаты.

Все, завязываю, и так многа букаф.

0xDEADBEEF

2009-08-21T02:48:00.000-07:00

Всем линуксоидам и прочим любителям компилить исходники :) предлагаю скачать новый аудио-плеер DeaDBeeF.
Плеер может воспроизводить форматы mp3, ogg vorbis, flac и поддерживает cuesheet.

Я думаю, о разработчике рассказывать не надо :) Вы все поймете посетив страничку плеера на sf.net.

Официальный IRC-канал: #deadbeefplayer @ freenode

Джаббер-конференция посвященная плееру: deadbeef-ru@conference.jabber.ru

Life Update

2009-07-10T12:27:00.000-07:00

Эххх. Чет не пишется мне совсем в блог...

Его хоть читает кто-нибудь? Отпишитесь в коменты :)

Устрою краткий обзор, че изменилось за последнее время:

Недавно обновил свое рабочее место. Приобрел кресло, стол и 20-дюймовый монитор к своему 14-дюймовому vostro 1400. Работать стало удобнее и ,имхо, производительнее.
Пытаюсь наладить режим дня, ибо в последнее время по утрам себя чувствую совсем нехорошо, но все не получается, то на работе задержусь, то гулять попру на пол-ночи :)
Моя "любимая" контора понесла очередные потери. А мне даже как-то радостно :) Не знаю, что это, злорадство или все-таки радость, что у них появился еще один повод задуматься о том, что им говорил далеко не один я...
Наконец-то сделал первый шаг в одном из задуманых стартапов, надеюсь, этот шаг будет удачным и позволит сделать еще хотя бы пару шагов не споткнувшись, а там, глядишь, и ходить научимся :) Не перестаю думать об исполнителях. Не считаю себя гением, но почему никто не может выполнить работу на том же уровне, что и я, или хотя бы вовремя без задержки на месяц...
Пытаюсь найти время еще под один стартап, но никак не выходит, увеличишь время на личные проекты- не хватает денег; начнешь зарабатывать деньги- не хватает времени на личные проекты, замкнутый круг... Причем повышать стоимость своей работы тоже вроде некуда, по крайней мере, на фрилансе. 8-10 баксов в час вроде и так весьма неплохо для моей специализации и уровня опыта...

Кто считает себя успешным тайм-менеджером, милости прошу в коменты, буду благодарен за полезные советы :)

Техник-А

2009-05-28T02:54:00.000-07:00

В последнее время ноутбук стал сильно греться и шуметь. Причина банальная-пыль.
Сегодня утром решил провести чистку. Как вы могли догадаться, читая эти строки, операция прошла небезуспешно. Нагрев стал значительно меньше, такой, как был раньше, когда я только купил ноут. А вентилятора практически не слышно.
Видели бы вы мои глаза, когда я его собрал, включил и увидел, что он работает от аккумулятора при включенном зарядном )))) Оказалось, электричество в доме отключали :)
Итак, что я бы посоветовал тем, кто собирается впервые почистить ноут:

Запаситесь отвертками разных размеров, желательно, намагниченными
Возьмите листик с ручкой, иногда, запомнить, что откуда выкручено и какой проводок, куда подключается, бывает довольно проблематично, во всяком случае, в моем ноуте (Dell Vostro 1400)
Не ешьте за ноутубуком :) Я дольше всего чистил именно клавиатуру от уже несъедобных :( остатков.
Возьмите фотик или видеокамеру, если собираетесь делать инструкцию. Я о нем подумал только когда все собрал :(
Не делайте это с бодуна или если у вас дрожат руки, можно повредить платы :)
Поищите компрессор или баллончик со сжатым воздухом. Говорят, помогает. Я обошелся салфетками и легкими.
И самое главное: если есть время и деньги, лучше отнесите ноут в авторизованный сервис-центр. Я не понес только потому, что не хотел ждать несколько дней, пока они все сделают.

"Мозг-это зло".

2009-05-27T01:10:00.000-07:00

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

Однажды он написал обо мне лестные слова, теперь моя очередь. Чувак, если ты "преклонишь оба колена предо мной", то знай, что я в этот момент тоже встану на колени, потому что я безумно уважаю твое умение генерировать безумные идеи и литературный стиль ))) Уверен, очень скоро мы создадим с тобой огромную машинку для зарабатывания денег, которая позволит жить счастливо не только нам, но и многим поколениям даже после нас.

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

Эммм

2009-05-19T15:30:00.000-07:00

Чето я давно сюда не писал и чето меня переклинило написать в два часа ночи...

Жизнь потихонечку налаживается,точнее, меняется. Устроился на работу, работаю вторую неделю. Програминг, пехапе!!! :)

Интересные факты:

Работа сильно выматывает, так, что к концу дня ничего не соображаешь, но в то же время очень нравится.
Ни для кого не секрет, что я недолюбливал прошлое начальство. Забавно, здесь в чате от начальства проскакивают примерно такие же слова, но они меня совершенно не раздражают, даже наоборот :) Думаю, дело в отсутствии интонаций и визуального контакта(можно, прочитав строки в чате, представить себе сколько угодно класного начальника)))
Отвыкаю от питона :( Сегодня писал парсер, тупил. Надо, наверное, заставлять себя понемногу кодить на питоне после работы...

Что еще случилось... Завтра еду за баблом(попробовал вывести вм через аваль-экспресс, вроде норм, во всяком случае, выгоднее, чем у менял) и буду искать квартиру. Хозяева в последнее время жгут. Ну, их тож понять можно, раньше целыми днями в офисе зависал, теперь дома работаю, мож мешаю или хз...

Да и квартирка отдельная мне сейчас будет очень кстати, провести наконец нормальный интернет да и в личной жизни появились кое-какие горизонты )))

Еще, хочу приобрести моник(22-24 дюйма), но на ноуте есть только VGA интерфейс. Ктонить знает, реально ли через него юзать разрешение 1600x1200?

Ну, вот такой получился ночной пост...

Улыбнуло

2009-04-27T10:34:00.000-07:00

Читать вслух, с выражением
Пушкин
17 30 48
140 10 01
126 138
140 3 501

Маяковский
2 46 38 1
116 14 20!
15 14 21
14 0 17

Есенин
14 126 14
132 17 43.
16 42... 511
704 83.
170! 16 39
514 700 142
612 349
17 114 02

Веселые:
2 15 42
42 15
37 08 5
20 20 20!
7 14 105
2 00 13
37 08 5
20 20 20!

Грустные:
511 16
5 20 337
712 19
2247

Частушки:
117 117
19 9 5!
117 117
48 35!

Это свершилось!

2009-04-21T10:05:00.000-07:00

Наконец-то появился повод написать очередной пост. Сегодня меня уволили! Возможно, кому-то, кто со мной не знаком, это покажется странным, но я испытываю только положительные эмоции. Остальные меня поймут.

Причин не знаю да и мало интересно. Возможно, то, что я не очень хорошо уживался с нашим новым "манагером". Я думал об уходе последние несколько месяцев, но никак не мог решиться сделать это. Сказывался и кризис и моменты просветления, которые, хоть и редко, но все же бывали у начальства. Теперь мне помогли это сделать и я только рад. Уверен, что последствия будут только хорошие. Начальство не зажалось и дало денег несколько больше, чем я ожидал, а точнее, почти месячную мою зарплату.

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

Вот краткий список, что я умею:

PHP(делал сайты на Drupal и Wordpress)
Python(Django, Mechanise,Selenium, Threading, SQLAlchemy, всякие мелкие скрипты)
Javascript(JQuery, немного Prototype, есть опыт использования AJAX)
Perl(знаю не очень хорошо, так как мало опыта)
HTML/CSS. Довольно длительное время занимался версткой
Администрирование Linux/Windows-систем, не бородатый одмин, но кое-что могу.
Внедрение и поддержка различных систем(Redmine,dotProject,Testlink,ESupport,)

P.S.: Чтобы не было недоразумений, уволили меня не по профессиональной причине, есть подтверждения.

Кто там говорил, что вебу некуда разиваться?

2009-03-25T14:31:00.000-07:00

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

Теперь у меня появился достойный аргумент! OnLive - сервис, который позволит геймерам с относительно слабыми компами наслаждаться ресурсоемкими играми. Благодаря данному сервису, компьютер пользователя превращается в телевизор, а вся нагрузка ложится на облако, обслуживаемое данным сервисом. OnLive уже получил поддержку Крупных(с большой буквы) издателей, с их списком можно ознакомиться на сайте, и сейчас находится в стадии закрытого бета тестирования. Летом ожидается открытая бета, а к концу года намечен релиз.

ИМХО, это мегакруто, к тому же, я думаю, эта идея не ограничится только играми. Ее можно развить в сторону различных приложений в частности высококачественный рендеринг 3д моделей и прочего.

Великий и могучий... Столлман

2009-03-24T13:12:00.000-07:00

Небезызвестный наркоман и пианист, а в простонародье основатель фонда свободного ПО и автор редактора Emacs Ричард Столлман добрался и до JavaScript. В своей статье, где он так же затронул Flash и SilverLight он утверждает, что сжатый жаваскрипт код нельзя считать свободным без предоставления несжатых версий скриптов.

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

К чему такая яростная борьба за свободу всего и вся? Безопасность? Я считаю, что если бы приложения сравнимые по популярности с Gmail или google docs делали что-то нехорошее, то это очень быстро всплыло бы независимо от лицензии этих продуктов.

И опять-таки, если популяризовать свободное ПО, надеясь на то, что "добропорядочные" потребители не станут пытаться использовать никак не защищенный продукт бесплатно, рано или поздно это приведет к тому, что разработчикам станет нечего есть. И они вынуждены будут создавать крайне недружественные к пользователям приложения, чтобы поиметь денежку хотя бы на поддержке.
ЗЫ: Жду длинных гневных каментов от вакера ;)

Wine рулит

2009-03-24T13:00:00.000-07:00

Сегодня меня окончательно взбесил тормозящий флеш под линухом. Решил попробовать поставить файрфокс с флеш-плеером под вайном :) И о чудо! Оно залетало! Есть маленькие косячки, конечно, но терпимо. Осталось только дождаться, когда сделают, чтобы IETester нормально работал и можно полностью переезжать на линукс. Знакомый еще заряжал, что можно каким-то образом флеш поставить через nswrapper, кто-нибудь такое делал? Как результаты?

Просто пост.

2009-03-12T14:00:00.000-07:00

Народ уже стучится в джаббер и спрашивает, почему я забросил блог. Честно говоря, не знаю, о чем писать. Какие-то бояны, которые и так все знают как-то неохота в очередной раз пережевывать. А на что-то свое пока нет вдохновения. Много проблем сейчас. Здоровье хромает, целую неделю мучаюсь с желудком. На работе тоже не все гладко. Плюс есть еще одна проблема, но в ее решении в последние дни есть заметные сдвиги, надеюсь, она скоро окончательно решится. Сейчас пытаюсь бороться сразу с 4 языками программирования: JavaScript(делаю всякие мелочи на ProtoType),раздолбайский пхп(сайт на друпале),очень своеобразный perl, к которому за 2 месяца изучения до сих пор не привык и python(разбираюсь с автоматическим тестированием веб-приложений с помощью Selenium, скорее всего, Selenium станет темой следующего поста),в последнее время моя любовь к нему все крепнет и крепнет.

Python наконец-то научил меня понимать, почему отступы в коде это хорошо и даже важно :) Писать на нем получается легко и быстро, а в написанном коде без труда можно разобраться и спустя пару месяцев, даже при отсутствии комментариев, в отличие от перла, где уже наследующий день начинаешь считать себя торчком, так как такое можно написать только под какой-нибудь тяжелой наркотой :) Что интересно, мне с трудом удается совмещать питон и перл, очень тяжело переключаться между ними и постоянно хочется в перловом скрипте лупануть что-нибудь на питоне или наоборот. В то же время при переключении с этих языков на PHP или JavaScript я не испытываю подобных проблем. Наверное, дело в том, что с жаваскриптом и пхп я знаком дольше.

Что ж вот такой вот получился пост. Я уже хочу спать, так что, если написал бред, особо не пинайте.

Прототипный Prototype.

2009-02-23T13:13:00.000-08:00

Сегодня не без удивления узнал,что js файлы на одном из наших проектов в сумме весят 200 кб, 120 из которых жрет небезызвестный Prototype. Учитывая то,что на сервере не используется никакая компрессия,а разметка, картинки и Flash отжираю еще 200,выходит неплохая сумма. Т.к. тайным знаниям по тонкой настройке веб-серверов я не обучен,а у админа своих забот хватает, начал пытаться решить проблему своими силами.

Ковыряния со всякими packer'ами результатов не принесли, ибо капитально херится код. Начал рыться на сайте разработчиков и в гугле на предмет официальной minified-версии.
Набрел на тикет, в котором Andrew Dupont(один из разработчиков библиотеки) говорит, что у них нет даже в планах сделать сжатую версию. Странно...

В процессе дальнейших поисков нашел страничку на google groups, где можно скачать неофициальные сжатые версии prototype и script.aculo.us (147кб обе библиотеки одним файлом,либо 50кб-только prototype).
Скачал, запустил юнит-тесты,все работает нормально. Вот так легко и просто можно сэкономить 70кб :)

Вообще библиотека производит не самое лучшее впечатление. Возможно,я так думаю,глядя с колокольни jQuery, я довольно длительное время использовал его,но здесь пришлось использовать именно Prototype. Немаленькие размеры при отсутствии minidied версии, отсутствие поиска по документации, событие,которое всегда называлось document.ready, здесь зачем-то переименовано в document.dom:ready. Малое количество плагинов. Пилюлю подслащает весьма навороченый script.aculo.us. Но мне пока ничего не было нужно из того,что есть в скриптакулусе, но нет в jQuery,а вот разница в размерах огого. Остается только гадать,почему один человек ))) выбрал именно этот фреймворк...

Еще один суп или Первым делом, первым делом планировать. Ну, а делать, а делать потом :) -2

2009-02-09T09:57:00.000-08:00

На днях наш програмер начал активно проталкивать идею использовать в качестве системы управления проектами RedMine. Я, когда подбирал описанные в этом посте системы, тоже нашел его, но не стал ставить из-за того,что он написан на Ruby,которого я совершенно не знаю. Как оказалось,зря. Установка не вызвала особых затруднений,есть хороший мануал прямо на сайте разработчиков,а сам редмайн произвел очень хорошее впечатление. Он обладает в принципе всем функционалом,что и dotProject из предыдущего поста, но также имеет и ряд других вкусностей. Во-первых, визуально заметно,что работает он намного быстрее. К тому же довольно активно использует AJAX,чем dotProject похвастаться не может. Во-вторых,есть встроенная вики,где можно держать различную документацию по проекту. Но самое вкусное,на мой взгляд,это интеграция с системами контроля версий. На сайте указано,что поддерживаются SVN, CVS, Git, Mercurial, Bazaar и Darcs. В нашем случае я интегрировал редмайн с git репозиторием. Выглядит очень классно. Вся история коммитов отображается в виде списка с возможностью поиска и фильтрации. Так же прямо через веб-интерфейс можно смотреть диффы между разными коммитами. К тому же определенные задачи можно привязывать к коммитам из репозитория. Вот,как-то странно получается,ни одного минуса сейчас вспомнить не могу :( Если что,позже допишу.

Microsoft жжот.

2009-02-04T14:05:00.000-08:00

Сегодня прочитал пост на хабре про линейку дистрибутивов Windows 7. Признаться, я сам очень жду этой системы,надеюсь,Microsoft был хорошо наказан вистой и мы наконец получим достойного преемника XP. Долго смеялся над строчкой описывающей Starter Edition:

1. Windows 7 Starter (для нетбуков): не более трёх запущенных приложений.

Это просто жесть,как она есть :) Интересно, что будет в следующей версии,может быть ограниченный аптайм,по истечении которого выпадает BSOD... :)

Первым делом, первым делом планировать. Ну, а делать, а делать потом :)

2009-01-24T13:45:00.000-08:00

Возникла задача подобрать систему управления проектами-СУП(вкусное название,вроде только поужинал :) ). Платные решения по ряду причин не рассматривались,хотя среди них есть достойные решения,например, советую обратить внимание на:

Acunote - www.acunote.com

Basecamp - www.basecamphq.com

Webasyst - www.webasyst.ru

Из беслатных я отобрал 3 приложения, это:

EGroupWare - www.egroupware.org

dotProject - www.dotproject.net

Collabtive - collabtive.o-dyn.de

Все написаны на PHP и могут использовать БД MySQL.

EGroupWare

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

dotProject

Здесь все в точности наоборот. Я не нашел ни одной страницы,с которой нельзя добраться до информации,которая может потребоваться при просмотре страницы,одним кликом. Но,хоть модулей в дистрибутиве достаточно много,количество дополнительных модулей меньше,чем у EGroupWare. Локализация не вызывает нареканий. Что не понравилось,это местами запутанный интерфейс,но это дело привычки,я думаю. И то ли незнание,то ли неприятие разработчиками технологии AJAX, это существенно замедляет и снижает удобство использования.

Collabtive

Самый молодой проект. Насколько я понял, это еще только зародыш,функциональности минимум,но все самое необходимое есть. Понравились всякие визуальные навороты на javascript(всплывающие подсказки и т.д.). Локализация тоже выполнена на достойном уровне. Но все же отпугивает обилие багов,невозможность назначить на одну задачу несколько исполнителей и отсутствие механизмов импорта/экспорта данных.

Пока что остановился на dotProject,но окончательное решение еще не принято. Есть мысль попробовать какую-нибудь CRM, может посоветует кто-нибудь что-нибудь?

jQuery UI Datepicker c поддержкой диапазонов и заготовок.

2009-01-21T10:55:00.001-08:00

Сегодня наткнулся на интересную обертку для datepicker'а из jQuery UI. Она позволяет выбирать диапазоны и делать заготовки. Например,можно создать заготовку с названием "Сессия" :) и при ее выборе автоматически будет установлен заранее введенный вами диапазон дат. Студентов поздравляю с окончанием сессии. А кто еще не "отстрелялся", держитесь :)

Страничка скрипта.

Пример.

Документация в формате CHM и PDF.

2009-01-20T03:09:00.000-08:00

Недавно искал офлайн версию документации по jQuery. Нашел вот здесь в формате CHM. На сайте собрана документация и статьи по различным языкам программирования и приложениям. Все это регулярно обновляется. В частности,последняя версия справочника по jQuery датирована 15 января этого года. Также на сайте есть доки по Django, Python и PHP в форматах .chm и .pdf. Добавил в закладки и вам советую :)

Старт дан!

2009-01-19T12:49:00.000-08:00

Всем привет! Меня зовут Сергей. После очередной прочитанной статьи о пользе персональных блогов, я все-таки решил пополнить блогосферу еще одним жителем. Посмотрим,что из этого выйдет, мирное травоядное или злобный хищник :) Цель проста, закрепить существующие и получить новые навыки, ну и,согласитесь, забавно, через несколько лет, почитать бред, который писал, вспомнить молодость, так сказать. Ну, а если повезет, может и деньжат немного выручу ;)

Итак, начну, пожалуй, с того,что расскажу немного о себе. Как я уже сказал, меня зовут Сергей. Ник SAG, происхождение ника очень простое, всего лишь инициалы, я не любитель всяких замудренных прозвищ. Работаю в сфере веб-разработки. Основной род деятельности в настоящее время HTML-верстка. Занимаюсь этим сравнительно недавно, около года, но уже имею приличный опыт и портфолио, как-нибудь выложу линки на работы. Неплохо владею JavaScriptr'ом(jQuery,немного ExtJS)Так же делаю сайты на Drupal, WordPress и с недавних пор очень интересуюсь языком программирования Python и замечательным веб-фреймворком Django.

Вот об этом я и собираюсь сюда писать,плюс всякие личные заметки и прочий бред, чтоб нескучно было. Все,приступ вдохновения кончился. Will be back soon...