PokrovBlog | Максим Покровский. Веб-дизайн устами фрилансера, глазами дизайнера и руками верстальщика.

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

Сделал за последнее время:

Добавил в портфель около 48-и новых работ:
Сделал очень много всяких штук при работе над поддержкой сайтов.
Как бы это теперь в портфель запихнуть?

Заказать мне работу

27.12

Я хочу быть фрилансером. Нет, не хочешь!

Комментарии (2) freelance

Из 50 человек начинающих заниматься фрилансом, только 1 остается в нем сроком более чем на 2 года.

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

Начнем, пожалуй, с самых ранних фрилансеров (те, что появились лет эдак 5 назад, на заре этого явления). Эти бравые конкистадоры имели перед собой четкие цели: долой тупой директорат, даешь свободу творчества, больше денег, и чувство независимости. По ним складывался образ фриланса как работы и как стиля жизни, они были его живой рекламой. Именно глядя на них, читая про их жизнь, про то, как же прекрасно во фрилансе, за ними тянулись остальные. Но вот парадокс фриланс — это вроде хорошо, даже прекрасно и вообще, райские кущи, а серьезно занимаются этим единицы. Почему? Тут конечно, можно говорить о трудностях, о том, что фриланс, он не для каждого, и приемлет только сильных, целеустремленных и бла-бла-бла.. Можно, но я не буду. Потому что дело не в этом, вернее не только в этом…

Возьмем, к примеру, десяток людей. Мальчики или девочки — не суть, пусть будут и те и другие. И спросим их, например: «Хотите красивую спортивную фигуру?». Тут все дружно кивнут. А кто не хочет нравиться окружающим и чувствовать себя здоровым? Спросим дальше: «А что для этого делать надо, знаем?» Ну конечно, знаем: спортом заниматься, в тренажерный зал ходить, следить за питанием, и так далее… «И чего не делаем?». Все. Посыпались отмазки, отговорки или просто гробовое молчание.

Другой пример. Знаменитым писателем стать хотите? Директором банка? Известной актрисой? Певцом с мировым именем? Художником, таким чтобы при жизни все восхищались? Дизайнером, работающим лежа в шезлонге на пляже Малибу? Разработчиком, чье имя будет ассоциироваться со всем новым и прогрессивным? Архитектором, изобретшим новый стиль? Хотите?

Нет!

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

Вот и 50 начинающих фрилансеров так же. Они хотят вставать после обеда, они хотят иметь деньги тогда, когда они им нужны, а не когда им их дадут. Хотят работать в теплых странах и желательно в уюте и комфорте, а не добираться 2 часа по 30 градусному морозу до тесных, давящих офисных стен.

И это нормально. Вот только фриланс тут не причем.

Бурное обсуждение статьи на хабре

18.12

Wordpress 2.8. У вас не работают некоторые плагины? Фиксим.

Комментарии (0) wordpress

У многих перестали корректно работать некоторые плагины. В частности те которые используют JS. То есть пропали всякие рющечки, например голосовалки, контактные формы на ajax.

Сие из-за того, что в wordpress принято грузить скрипты через wp_enqueue_script(). Вот только в wp2.7 они грузились ДО загрузки страницы, а wp2.8 ПОСЛЕ.

Если посмотреть на синтаксис функции то выглядит она вот так

wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );

Фиксится проблема элементарно: просто подставьте wp_footer() перед </body>

11.12

Заметки про верстку. Паттерн

Комментарии (7) Misc

Дизайнер делает хитрый фон. Например, такой

И шлет его паттерн в pattern.pat.

Задача: сохранить паттерн в первоначальном размере.

Решение: Открываем в photoshop нужный нам паттерн, наводим мышкой, ждем пока покажут размеры:

Затем создаем файл по указанным размерам, заливаем и сохраняем.

30.11

Плагин Add code to RSS

Комментарии (3) wordpress

Я уже делился (http://pokrovskii.com/kak-vyvesti-v-rss-meta-dannye/) способом которым можно расширить вашу RSS ленту. Его недостаток заключался в том, что после каждого аптейта необходимо было проделвать процедуру заново. Тогда я написал плагин (спасибо за консультации Владимиру). Заодно и расширил функционал.

Теперь в RSS можно добавить любой текст или php-код. Как до основной ленты, так и после.

Это очень удобно. Нет, правда!

Может картинку в начале ленты?

<?php
global $post;
$big_img = get_post_meta($post->ID, 'BigImageURL', true);
$img = get_post_meta($post->ID, 'ImageURL', true);
$img_title = $post->post_title;
if ($big_img) {
echo '<p><img src="'.$big_img.'" alt="'.$img_title.'" title="'.$img_title.'" /></p>';
}
else {
echo '<p><img src="'.$img.'" alt="'.$img_title.'" title="'.$img_title.'" /></p>';
}
?>

Количество комментариев в конце?

<?php
echo '<div class="comment">';
echo '<a href="';
the_permalink();
echo '">';
comments_number('post a comment', '1 comment', '% comments');
echo '</a>';
echo '</div>';
?>

Не, идем дальше: выведем сами комментарии

И копирайты напишем.

<p>Без спроса не копировать, а то атата сделаю.</p>

Скачать Add Code to RSS

24.08

Когда Photoshop отображает совсем не то, что надо

Комментарии (8) Design, ПронеKод

example

Такая вот ситуация: дизайнер присылает макет, а у верстальщика открывается какая то лабуда светлая, или темная (если верстальщик испольует МасOS, а дизайнер Win.). Или же верстальщик сохраняет картинку, а там цвета другие стали.

Разберемся почему так и как с этим жить.

18.08

Новости. Новая форма.

Комментарии (16) Misc, News

upgrade

Моими очумевшыми от работы руками была сделана вот такая красивая форма. Да, можно было бы простую рамку с текстареа и чекбоксы, но кидал я через бедро этот аскетизм.

В процессе работы был сильно пополнен багаж знаний языками jQuery, JavaScript, а также к месту пришлись свежеизученные ругательства.

З.Ы.
Что бы посмотреть в работе кликните на ссылку: “Заказать мне работу”

12.08

Как получить доступ К DOM родителя из iframe через jQuery

Комментарии (1) JavaScript

$("#someID", top.document);

10.08

Как получить доступ к DOM iframe через jQuery

Комментарии (2) HTML, JavaScript

Iframe: <iframe id="i" name="i" frameborder="0" allowtransparency="1" src="form.php"></iframe>
Содержимое iframe: <div id="j">Абракабабра</div>
jQuery: $('#i').contents().find('#j').html();

31.07

Бесценно или не имеет цены?

Комментарии (0) freelance

Эти два понятия диаметрально противоположны.

Бесценно — это когда «ну очень много денег», а не имеет цены — значит тебе ничего за это не дали.

Разумеется цена здесь не носит номинальный характер. Во фрилансе, с их гуру и демперами, услуга или товар, вообще не имеет номинала. Можно потратить своевременных пять минут, для того чтобы потом облегчит владельцу сайту жизнь на долгие месяцы, — и это будет бесценно, а можно потратить месяц на умопомрачительный дизайн, что его так и внедрили, — и это уже “не имеет цены”.

Выводы сами сделайте.

26.07

Размещаем что-либо поверх flash блока

Комментарии (4) CSS, HTML

Размещаем любой блок над флеш: <div class="flash-wrap"> 
<a class="flash-link" href="#">Перейти на PokrovBlog</a>
<object type="application/x-shockwave-flash" data="flash.swf" width="180" height="220">
<param name="wmode" value="opaque"> 
<param name="movie" value="flash.swf" />
<param name="quality" value="high" />
</object>
</div>
.flash-wrap{
position: relative;
}

.flash-link{
position: absolute; top:0px; left:0px;
}
Это наитипичнейшый пример, но иногда требует нечто более сложное. Например, мне нужно было сделать чтобы баннер с активной ссылкой (то есть уже вшитой в код самого флеша), вел на другой адрес.
Размешаем активную область над флеш.: <div class="flash-wrap">
<a class="flash-link" href="#"></a>
<object type="application/x-shockwave-flash" data="flash.swf" width="180" height="220">
<param name="wmode" value="opaque">
<param name="movie" value="flash.swf" />
<param name="quality" value="high" />
</object>
</div>
.flash-wrap{
position: relative;
}

.flash-link{
position: absolute; top:0px; left:0px;
width:180px; /*Размеры флешки*/
height:220px;
background: url('images/0.gif') no-repeat; /*Особенный костыль для всех IE. Если фона нет, то воспринимается ссылка вшитая во флеш, а не наша. Думаю понятно, что 0.gif это прозрачный однопиксельный гиф.*/
}