My Opinion » WEB

Яндекс nofollow

Jman — Thu, 06 May 2010 19:43:57 +0000

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

ps я уже убрал

Aptana прекращает поддержку PHP :(

Jman — Sun, 08 Nov 2009 16:49:08 +0000

Aptana Inc. решила отказатся от разаработки своего редактора PHP (там же и дебагер) в пользу PDT. Это конечно очень растраивает, и вроде идут путём улучшения продукта, исправляются ошибки,с которыми мучаешся по пол года. Но не могу я понять, опчему отказыватся от фич, которые так долго радовали. Я практически не разрабатываю на PHP, по факту мне нужен был редактор с подсветкой синтаксиса и кодассистом, но чтобы максимально интегрировалось с общей системой. Общая подсветка, сниппеты, настроенное автодополнение. А теперь мы, устанавливая плагины Aptana и PDT, получаем два XML, два HTML, два CSS и два JS редактора. ЗАЧЕМ?

JAXER, PHP, кто следуюющий? Может ещё им отказатся javascript, ведь есть spket. Пока вижу один выход — собирать свой набор плагинов.

PS зато теперь Aptana стала безплатной

Fixed fancybox

Jman — Sat, 31 Oct 2009 07:23:42 +0000

Из-за того что мне нехватает времени написать свою галерею, пользуюсь в последнее время Fancybox, для тех кто не знаком — плагин jQuery для фотогалереи, очередной клон lightbox. Как у всего в этом мире есть приемущества и есть недостатки.
Основные приемущества — это конечно же настройки. Не надо передавать в скрипт никаких картинок, как в lightbox. Большая часть оформления через css. Приведу основные настройки.

padding: Позволяет задать отступ от картинки, по дефолту стоит 10px, нужно менять если меняете стили отображения рамочки
imageScale (true/false): машатабировать изображение чтоб поместилось в окно или нет
zoomOpacity (true/false): Анимировать прозрачность всплвыющего блока при анимации или нет
zoomSpeedIn, zoomSpeedOut, zoomSpeedChange: Скорость анимации в милисикундах (если 0 анимации нет) при открытии, закрытии и переключении картинки
easingIn, easingOut, easingChange: Управление плавностью, и ефектами анимации (нужен плагин jquery.easing)
frameWidth, frameHeight: ширина и высота фрейма (если открываем флеш, iframe, html)
overlayShow (true/false): отображать подложку (по умолчанию не отображается)
overlayOpacity (от 0 до 1): Прозрачность подложки
hideOnContentClick (true/false): Прятать FancyBox, при клике на откртый блок
centerOnScroll (true/false): Центровать картинку при скроле окна
itemArray ([массив]): Задать свой массив элементов
callbackOnStart, callbackOnShow, callbackOnClose: Вызов произвольной callback-функции по определённому событию — при старте , при отображениии, и при закрытии

Последнее особенно полезная настройка.
Но и проблем у него придостаточно, даже как для неискушённого пользователя-разработчика. Я укажу те что я смог исправить.

первое попроще, но и столкнутся проще — неправильно отображается рамка если задан отступ через настройку padding
при завершении работы fancybox, скрипт снимает обработчики событий scroll resize keydown

Кусок кода в котором заключается первая проблема

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

if (pad > 0) {
width += pad * 2;
height += pad * 2;

$("#fancy_content").css({
'top' : pad + 'px',
'right' : pad + 'px',
'bottom' : pad + 'px',
'left' : pad + 'px',
'width' : 'auto',
'height' : 'auto'
});

if (isIE) {
$("#fancy_content")[0].style.setExpression('height', '(this.parentNode.clientHeight - 20)');
$("#fancy_content")[0].style.setExpression('width', '(this.parentNode.clientWidth - 20)');
}

} else {
$("#fancy_content").css({
'top' : 0,
'right' : 0,
'bottom' : 0,
'left' : 0,
'width' : '100%',
'height' : '100%'
});
}

Тут долго разбиратся и ненадо, если установлен padding то заполяем css атриуты 'top', 'right', 'bottom', 'left' значением отступа (padding), ширину и высоту ставим auto, такое значение MSIE6 не любит, поэтом для него отдельное правило, в котором и заключена ошибка.
По умолчанию padding = 10, в блоке для ие выставляется высота и ширина равная высоте и ширине родительского блока минус отсуп умноженный на 2, тоесть 20. Блин а если мы задали свой padding то пофиг получается . Исравляется легко, заменяем код для MSIE

1
2
3
4

if (isIE) {
$("#fancy_content")[0].style.setExpression('height', '(this.parentNode.clientHeight - ' + pad * 2 + ')');
$("#fancy_content")[0].style.setExpression('width', '(this.parentNode.clientWidth - ' + pad * 2 + ')');
}

Вторая проблема возникла из-за способа которым автор устанавливает и удаляет обработчик событий. Просто и ненавящиво

1
2
3
4

//установил событие
$(window).bind("resize scroll", $.fn.fancybox.scrollBox);
//снял событие
$(window).unbind("resize scroll");

Очень мило со сторны скрипта, разбиндить resize и scroll которые которые назначены на окно. Удаляются все обработчики, и те что назначены фансибоксом и те что назначены другими плагинами или в ручную. Для того чтобы добится совместимости с скриптами правильней было бы сделать вот так

1
2
3
4

//установил событие
$(window).bind("resize scroll", $.fn.fancybox.scrollBox);
//снял событие
$(window).unbind("resize scroll", $.fn.fancybox.scrollBox);

Благо есть обработчик = хендлер. Но есть ещё одна проблема с обработкой события — обработка нажатия клавиш клавиатуры.

1
2
3
4
5
6
7
8
9
10
11
12
13
14

$(document).keydown(function(e) {
if (e.keyCode == 27) {
$.fn.fancybox.close();
$(document).unbind("keydown");
} else if(e.keyCode == 37 && opts.itemCurrent != 0) {
opts.itemCurrent--;
_change_item();
$(document).unbind("keydown");
} else if(e.keyCode == 39 && opts.itemCurrent != (opts.itemArray.length - 1)) {
opts.itemCurrent++;
_change_item();
$(document).unbind("keydown");
}
});

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

$(document).keydown(keyHandler(event));
function keyHandler(e){
if (e.keyCode == 27) {
$.fn.fancybox.close();
$(document).unbind("keydown", keyHandler);
} else if(e.keyCode == 37 && opts.itemCurrent != 0) {
opts.itemCurrent--;
_change_item();
$(document).unbind("keydown", keyHandler);
} else if(e.keyCode == 39 && opts.itemCurrent != (opts.itemArray.length - 1)) {
opts.itemCurrent++;
_change_item();
$(document).unbind("keydown", keyHandler);
}
}

И второй способ, который выбрал я (незнаю какой лучше) использует одну фичу в jQuery событиях - неймспейсы, вуаля:

1
2
3
4
5
6
7
8
9
10
11
12
13
14

$(document).bind("keydown.fancybox", function(e) {
if (e.keyCode == 27) {
$.fn.fancybox.close();
$(document).unbind("keydown.fancybox");
} else if(e.keyCode == 37 && opts.itemCurrent != 0) {
opts.itemCurrent--;
_change_item();
$(document).unbind("keydown.fancybox");
} else if(e.keyCode == 39 && opts.itemCurrent != (opts.itemArray.length - 1)) {
opts.itemCurrent++;
_change_item();
$(document).unbind("keydown.fancybox");
}
});

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

Сайт проекта jQuery
Сайт проекта fancybox

Eclipse 3.5 Galileo

Jman — Thu, 06 Aug 2009 12:00:52 +0000

Наконец-то дошли руки обновить Eclipse и заодно все плагины. Как оказалось процедура это не такая безболезненная. Ядро не может обновить само себя, и поэтому приходится все плагины приходится по новому устанавливать. Хорошо хоть настройки импортируется вместе с проектами, единственный минус, но наверное это мой провтык — послетали пароли к ftp. За то теперь кастомизировать свой родной Perspective можно до не узнаваемости, убрать всё лишнее. Aptana тоже немного порадовала — добавила в бесплатную редакцию редактор json (хотя ничего полезного - просто подсветка), наконец-то исправила баг в автоформатировании CSS, обновился firefox XUL и теперь можно просматривать вёрстку в предпросмотре в соотвествии с 3 фаерфоксом, поменялся сам принцып установки компонентов, теперь можно исключить из установки не нужные компоненты, например JAXER и CLOUD (которые я раньше вырезал руками), и можно выборочно устанавливать поддержку Ajax фреймворков .
Ещё я отказался от использования Open Office и перешёл на IBM Lotus Symphony, который кстати тоже построен на Eclipse и использует старый движок OO 1.1. Symphony может открывать документы 2007 MS офиса, а сохранять может в doc, odt, sxw и pdf, а что ещё для щастья надо?

Социальный репозитарий для фрагментов кода

Jman — Thu, 22 Jan 2009 21:15:44 +0000

Надоело постоянно таскать с собой на флешке файл или кучу файлов, в которые складываются все интересные кусочки кода найденные на просторах интернета? Возможно вы пользуетесь для этого блокнотом или документами google? Но там вам нехватает подсветки синтаксиса? А хотелось бы вам посмотреть на чужие подборки снипетов? Тогда ресурс который я недавно открыл для себя, для вас окажется тоже находкой.
snipplr.com — огромный репозитарий где можно найти куски кода для решения всевозможных задач. Изобретаете велосипед? Воспользуйтесь поиском, ведь возможно кто-то его уже изобрёл за вас. Список языков просто огромен. Есть дерево тегов. Я бы сказал что snipplr напоминает мне социальную сеть для языков программирования.
Есть плагин для Eclipse, и теперь вы можете публиковать ваши фрагменты или искать чужие прямо в вашей любимой IDE. Для WordPress тоже плагин найдётся
Кстати как заявили авторы проекта — им надоело хранить все часто используемые снипеты на компьютерах, поскольку у них отнимало много времени на поиск нужного фрагмента, по этому они и создали этот проект. Одним словом рекомендую.

Смена среды

Jman — Tue, 13 Jan 2009 23:18:00 +0000

На данный момент я под завязку загружен на основной работе, нет времени даже делать что-то своё, я уж молчу о фрилансе. Наступил критический момент, когда приходится работать сразу с несколькими проектами. И тут я понял что мне начинает не хватать ресурсов и возможностей Notepadd++. Ведь кроме простого редактирования, мне приходится разбираться от какого проекта какой css или js. А чем грозит факт, когда заливаешь один файл стилей на фтп другого проекта я думаю расказывать не стоит. Плюс проблема больших проектов — CSS-файлы на тысячи строк. Ещё начал очень сильно тормозить FTP клиент, я предполагаю что или забивается кеш, или он просто мучается читать большой конфиг (40 подключений). И в один прекрасный момент я решил, что пора менять среду разработки, если, кончено, такое название приминимо для среды верстальщика (который по тихоньку скатывается в сторону Javascript программера).
Основные требования какие я озвучил для себя:

Наличие FTP клиента с возможностью править файлы на сервере
Подсветка HTML, XML, PHP, JS, CSS
Менеджер проектов
И как бы это глупо не звучало... софт должен быть бесплатным

Особо долго я не искал, выбор пал на Aptana Studio. Немножко поработав, понял что все навороты мне явно не нужны, да и муслолили глаза предложения платных фич. Подумав, решил поставить чистый Eclipse, и посавить на него Aptana как плагин, выбрав только то что нужно, и удалить не нужное.
Хорошим руководством для знакомства с IDE Eclipse оказался скринкаст от artlebedev — Eclipse: знакомство, плагины
Я конечно толоком не освоился, потому что времени нет разбиратся, надо работать. Впринципе за пару часов я нашёл всё что мне нужно, и уже сделал в нём три проекта. Работать можно
На сегодня пока всё. Думаю я ещё вернусь к расказам о моём знакомстве с Eclipse и интересных плагинах

PS Интересно, если оставлять урлы на русском, это вылазит где-то боком?

В свободное от работы время

Jman — Tue, 11 Nov 2008 08:12:14 +0000

Наконец-то добрался вчера до хабра (для тех кто незнает, что это такое - это такой мифический ресурс, социальная сеть IT технологий. На самом деле его несуществует. "НЛО прилитело и оставило эту надпись сдесь"). Чтение принесло мне как позитивное так и негативное. Начнем с ху...го с плохого, что я узнал... однажды мне попалась книжка по javascript, (слава богу в .pdf) в ней описывались какието жестокие вещи: манипуляции с фреймами, сострокой состояния (ипа... бегущая строка) и куча фишек которые работают только в IE6, при этом о поддержке других браузеров сказано минимум, про DOM почти ничего... Я ужаснулся, но оправдал автора тем, что наверное книжка писалась и издавалась в те далекие времена, когда существовало только два браузера... Так НЕТ, книжка издана в 2005. Плюнул, и удалил книжку, запомнив автора в свой мозговой черный список - Вадим Дунаев. Так к чему это я? Вчера на хабре я попал на статью, в которой описывались "прелести" написаные в другой книге, ну а общего у них одно - автор Вадим Дунаев. Для тех кто не боится за свое психическое здоровье или разрыва мозга - тот может узнать что это за монстр веб-дизайна и веб-програминга, посетив его сайт. Кто боится, может почитать рецензию на хабре.
Кто-то конечно будет смеятся, но меня это убило... Блин и кто-то же учится по таким книжкам. Я бы за такое ставил бы издательство полным составом к стене, а автора придавал бы пыткам, которые ООН признало особо-жестокими.
Ладно хватит о плохом. Порадовало как всегда, поделки умельцев веб-девелопмента. Нашел замечательный плагин для wordpress, который сопостовляет ник с акаунтами на хабре и жж, ник и мыло с аками на граватаре.Офсайт OpenAvatar.ru. Из плюсов, если стоит граватар, то можно просто активировать плагин и деактивировать граватаровский. (еще не проверял, ни сегодня или завтра проверим). Между хабравской и граватаровской авой приоритет имет аватара хабра.(незнаю минус ли это или плюс). Радует, что на хабре, когда я регестрировался, мой ник был свободен.
На сегодня все.

(Всё это я написал ещё 11 ноября, но опубликовать забыл )

Запускаю новый проектик

Jman — Sun, 02 Nov 2008 21:27:11 +0000

Решил попробовать себя в роли вебмастера, и запустить сайт на далёкую для меня тематику — автомобиль. Не знаю, что из этого получится, но очень хочется чтобы хотя бы основную идею я реализовал (пусть процентов на 80)... даже если в итоге буду пользоваться только я. Всех карт раскрывать пока не буду, может и не получится ничего.
Скажу, что уже есть:

В голове сформировалась основная идея
Куплен домен
Есть немного "хостинга" потренироваться

Нифига не определился с CMS, хотя есть даже идея писать что-то своё... наращивать по чуть-чуть. Хотя может элементарно не хватить знаний.
В принципе для начала мне даже и админка не нужна.
Для чего:

Практика очень хороший учитель, поэтому вывод — учимся программировать (или буду дальше учить PHP, который хоть чуть-чуть знаю, или всё таки начну читать книжку по Perl, и .... дочитаю её до конца)
Про машины знаю мало, будет повод больше читать... и буду делиться мыслями
Заработок оставляем на второй план, но точно не без него, скорее всего контекст.

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

PS Кстати, дизайн тоже попробую нарисовать сам. Если получится, будет первая работа в портфолио... если нет, то по крайней мере есть к кому обратиться.

На Google Analytics появился какой-то новый функционал: "Настройки - Сегменты с расширенными настройками" и "Пользовательские отчеты". Что это такое, пока не разбирался, но GA сегодня из-за этого (ИМХО) сильно тормозит

Шпаргалки по jQuery

Jman — Sat, 25 Oct 2008 12:08:25 +0000

Нашел у себя в папках интресные шпаргалки, откуда скачал не помню... надеюсь автор не обидется, если я выложу их у себя.jQuery1.2.cheatsheet.v1.0.pdf
Вообще в последенее время заинтересовался я этим фреймворком, возможно в скором времени займусь более глубоким изучением Javascript, чтобы можно было обходится без лишних библиотек, где много функционала не надо.

Темы для wordpress на русском

Jman — Sun, 05 Oct 2008 19:18:40 +0000

Теперь и я палю тему
Вообще я ярый противник того, когда народ жестоко палит темы, которые некоторым приносят неплохой доход, для меня, это всё равно, что орать у меня тут куча бабок, и я незнаю что сними делать. И я бы тоже не стал, но уж больно мне обидно стало за обычного пользователя-блогера. Хотя, врядли, тот кто ищет бесплатные русские темы для WordPress, попадёт на эту страницу, но хотя бы тема будет известна.
С чего всё начиналось: захотелось мне посмотреть как реализована тема для WordPress c 3 колонками с поддержкой виджетов (да, я планирую перейти на три колонки ). Спросил у Google — "темы для WordPress", сильно в ссылки не вчитываясь прокликал первую пятёрку. Попался интересный сайт, линк на них давать не буду, не буду ребятам малину портить, хотя кто захочет, сам может найти. Чем он мне понравился? Лаконичный и простой дизайн, сайт нас встречает жутким СЕО текстом (для тех кто не в теме, текст красивый для поисковых машин, а не для человека ). Поскольку я верстальщик то ctrl+u в том месте где сео-текст показало мне картину ещё ужаснее. Словами не передать


    
        
           Здесь собраны лучшие русские темы и шаблоны для wordpress. Наши темы для wordpress регулярно обновляются и корректируются. Наш сайт «Темы для wordpress на русском» рад приветствовать Вас, надеемся,
         что вы найдете достойную тему для своего блога на самом лучшем движке – wordpress!

Ага, и эти люди предлагают вам бесплатно перевести вашу тему (если им понравится). Таблица в место контейнера у параграфа, отступы с помощью трёх неразрывных пробелов — о ужас. Ну да ладно, народ переводить темы (хотя что там переводить-то не пойму) ставит в футере на себя ссылку, наращивает тиц (1200) и PR (5), и радостно зарабатывает. Ссылок на сайт хватает, топ гугла. Я бы завтра и забыл бы уже про этот сайт, если бы во время разбора страницы index.php я бы не нашёл очень интересные строки

Любого, кто сталкивался с программированием, должно было смутить такое, как base64_decode("куча_безсвязных_символов"). Как сказал один мой знакомый, это явно делает что-то не очень хорошее. По смыслу верстки, я понял что оно выводит какое-то интересное двоеточие. Что при запуске и было доказано, оно выводит двоеточие которое является ссылкой.

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

Понятное дело, если захотите узнать, какой сайт такое промышляет можете либо спросить у Google или выполнить php функцию