Записки программиста - неумёхи

Перезд

noreply@blogger.com (Sm@sH) — Thu, 31 Jan 2008 13:08:00 +0000

Решился таки.
Съезжаю на Wordpress.
Причин тому несколько.
Во-первых, полная свобода действий и в плане дизайна и в плане управления блогом.
Во-вторых, ну полюбился мне wordpress. Очень уж он мне понравился во время недавнего с ним общения.
Имя пока оставил какое есть (дурацкое), но думаю в последствии разживусь чем-нибудь более красивым. Шаблон тоже стандартный (не мой), но буду его постепенно перелопачивать, а перелопачивать есть что.

Ну и на последок самое важное, новый адресс http://maslennikov.mariweb.ru/ - милости прошу в гости.

Tot4top - королевство прелоадеров

noreply@blogger.com (Sm@sH) — Sun, 27 Jan 2008 16:53:00 +0000

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

Вывод один - больше туда не пойду ... пока.

2 приятных обновления

noreply@blogger.com (Sm@sH) — Tue, 22 Jan 2008 15:03:00 +0000

Итак свершилось, товарищи. Даже 2 раза свершилось.

Пункт номер раз - наконец-то, после двухлетней напряженной работы вышла Joomla 1.5. Вот ссылка для всех желающих переехать с более старых версий. Но делать этого сломя голову я бы пока не советовал, уж лучше всё хорошенько потестировать на локальной машине.
Пункт номер два - вышел не менее ожидаемый Zend for Eclipse.

Решил не разделять эти две новости, поскольку обновления для меня состоялись практически одновременно.
Пока не тестировал ни того ни другого, но уверен вещи получились стоящие.

Javascript: :: JQuery 1.2.2

noreply@blogger.com (Sm@sH) — Wed, 16 Jan 2008 07:08:00 +0000

Обновился мой любимый фреймворк JQuery.
Разработчики не поскупились на множество исправлений и улучшений, ха что им и спасибо.

Что нового в библиотеке:

Скорость работы $(DOMElement) улучшена на 300%
Пересмотрена функция документа .ready()

Новая техника определения готовности для IE
Все браузеры теперь ждут загрузки CSS
Новый способ объявления $(document).bind("ready", fn); Старый вариант конечно же работатет $(document).ready();

Добавлены 2 новых события .bind("mouseenter") / .bind("mouseleave").
Теперь можно делать вот так:
```
$("li").bind("mouseenter", function(){
$(this).addClass("hover");
}).bind("mouseleave", function(){
$(this).removeClass("hover");
});
```

Тоже самое для колеса - .bind("mousewheel")

$("div").bind("mousewheel", function(event, delta){
 if ( delta < 0 )
   $(this).append("up");
 else
   $(this).append("down");
});

А также ещё изменения, которые я упустил или не стал переводить всилу слабости моего английского.

Верстка :: оформление даты заметки

noreply@blogger.com (Sm@sH) — Tue, 08 Jan 2008 11:46:00 +0000

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

Если всё делать правильно должно получиться примерно так:

HTML:
Заранее прошу простит меня за оформление кода, но по своей глупости не могу понять как его вставить чтобы редактор не вырезал, ну да ладно ...

div class="date"
div class="month" Январь /div
div class="day" 07 /div
div class="year" 2008 /div
/div

Если вам не нужно показывать какой-либо из блоков - можете смело его удалить.

CSS:



.date {
background: url ('адресс картинки') no-repeat;
height:71px; width:50px;    // подгоняются под размер картинки
line-height:22px;                          // подгоняются под размер картинки
text-align:center;
}
.month {
font: normal 10px "Trebuchet MS";
color:#FFFFFF;
margin: 0px 0px 1px;
padding: 0px;
text-align: center;
width:50px;
}
.day {
font: normal 20px "Trebuchet MS";
color: #ссс;
margin:0px 0px 1px;
text-align:center;
width:50px;
}
.year {
color:#434B4D;
font: normal 10px "Trebuchet MS";
text-align:center;
width:50px;
}

Конечно, много чего (размеры, цвета) нужно подгонять по картинке, ну тут я думаю каждый справится.

PHP :: определение версии браузера

noreply@blogger.com (Sm@sH) — Sat, 05 Jan 2008 12:30:00 +0000

Попросил как-то друг написат такой скриптец, который бы определял с какого браузера (обычного или мобильно) зашел человек и перенаправлял на соответствующие страницы.

Почесав свой неумудрённый знаниями мозг, написал примерно следущее:


function check_ver() {

   $browsers = array('Opera', 'MSIE 7.0', 'MSIE 6.0', 'Mozilla/5.0');
   $browsers_mobile = array('Windows CE', 'NetFront', 'Palm OS', 'Blazer', 'Elaine', 'Opera mini');

   $user_agent = $_SERVER['HTTP_USER_AGENT'];

    foreach ($browsers_mobile as $v) {
       if (stristr($user_agent, $v)) return 'mobile';
   }

    foreach ($browsers as $v) {
       if (stristr($user_agent, $v)) return 'normal';
   }

}

if ('normal' == check_ver()) {
   header('location: http://www.yandex.ru');
   exit();
} elseif ('mobile' == check_ver()) {
   header('location: http://www.rambler.ru');
   exit();
}

Массивы $browsers и $browsers_mobile - это соответственно массивы браузеров обычных и моильных, которые в свою очередь можно и нужно расширять.

Скриптец конечно же простейший, но для начала думаю пойдёт.

WEB 2.0: админки современных проектов

noreply@blogger.com (Sm@sH) — Wed, 19 Dec 2007 08:58:00 +0000

Веб 2.0 шагает по стране своими веб 2.0 ногами. Основные принципы современного нового дизайна понятны: строгая семантика вёрстки, минимум цветов, минимум элементов на странице, простые формы, крупные шрифты.

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

По своему опыту замечаю, что если пишу для себя, то никакой надобности в этом нет. Использую старые добрые таблички везде и повсюду. И шрифты делаю поменьше и графику почти не использую.
А вот если сайт потом отдавать другому дяде, чтобы он смог управлять и не мучил меня постоянные вопросами "а как вот это сделать?", приходится админку "осовременивать".

Интересно было бы глянуть как оформляют админки другие люди, ну или хотя бы услышать их мнение.

Wordpress :: количество постов в категории

noreply@blogger.com (Sm@sH) — Thu, 13 Dec 2007 07:29:00 +0000

Вчера в одном из проектов возникла необходимость сделать одну штуку для wordpress.
На главной странице (index.php) идёт циклический вывод постов с указанием категорий к которой они относяться. Так вот стало нужно помимо имени категории выводить ещё и общее количество постов в ней.

Т.е. должно было получиться примерно так:

Заголовок материала - категория 1 (5)

Текст материала

Заголовок материала - категория 2 (2)

Текст материала

Заголовок материала - категория 3 (10)

Текст материала

Ну и поскольку, стандартных методов я не нашёл (хотя вроде усиленно искал) пришлось делать всё самому (спасибо товарищам за консультацию).

Написал я такую функцию

function post_in_cat($mat_id) {
global $wpdb;

$taxonomys = $wpdb->get_results("SELECT * FROM $wpdb->term_relationships WHERE `object_id` = '$mat_id'");
foreach ($taxonomys as $v) { $tmp[] = $v->term_taxonomy_id; }
$taxonomys_str = implode(',', $tmp);

$numposts = $wpdb->get_var("SELECT `count` FROM $wpdb->term_taxonomy WHERE `taxonomy` = 'category' AND `term_taxonomy_id` IN ($taxonomys_str)");
if (0 < $numposts) $numposts = number_format($numposts);

return $numposts;
}

Функцию сохраняете в файл functions.php вашей темы. Сообщаете функции ID материала, в ответ получаете количество материалов в категории в которой он находитя. Да, функция лишена всякого изящества, но главное - РАБОТАЕТ :)

Как использовать
Находим место куда вы хотите вставить количество постов. В моё случае это было после вывода заголовка категории ( the_category(', ') ; ).
И вызываем нашу функцию ( echo post_in_cat($post->ID); )
И будет вам счастье.

З.Ы. Работает в wordpress версии 2.3.1

Разработка :: браузеры

noreply@blogger.com (Sm@sH) — Tue, 11 Dec 2007 14:42:00 +0000

Как практически любой вменяемый web-разработчик в своей практике пользуюсь браузером Firefox.
Да у него куча косяков. И памяти он жрёт невероятное количество и висит порою и запускается долго, но ни у одного бругого браузера нет такого ОГРОМНОГО количества аддонов.
Сразу скажу, что я не отношусь к той группе людей, которые навешивают на свой браузер все возможные примочки и потом удивляются, почему у них FF 500 мегабайт откушал.
У меня их всего 18 :).

Вот список, отсортированный по мере необходимости и моей к ним привязанности:

Web Developer - среди разработчиков не нуждается в рекомендациях, а остальным он и не нужен
Firebug - тоже самое, только его я использую больше когда имею дело с вёрсткой
ScrapBook - хранилище всего всего. Умеет сохранять страницы полностью или частично не повреждая саму страницу. Позволяет также хранить закладки, имеет настраиваемую структуру каталогов и ещё очень много всего. За два года использования FF без переустановок в аддоне накопилось примерно 200 мегабайт всяческой информации.
Gmail Manager - маленький плагинчик, показывающий состояние вашего почтового ящика (понятно, что ящик должен быть на Gmail). Помогает оперативно реагировать на входящую корреспонденцию.
ColorZilla - пипетка, определяет цвет любого элемента на странице. Умеет ещё много чего.
MeasureIt - линейка, измеряет линейные размеры элементов на странице.
Html Validator - ну с этим понятно. Валидирует страницы, причём достаточно точно.
Download statusbar - заменяет и расшираяет стандартный менеджер закачем. Аккурато прячется на нижней панели и не мозолит глаза.
Flashblock - блокирует flash :) Добавить больше нечего.
Adblock Plus - блокирует всё что захочеться.
LoremIpsum Content Generator - генератор "рыбы". На этапе разработки бывает крайне полезен.
All-in-One-Sidebar - объединяет все всплывающие окошки браузера в один сайдбар, который всегда можно скрыть.
Undo Closed Tabs Button - кнопочка, позволяющая востановить случайно закрытый таб. Поддерживается история ваших путешествий.
FireShot - продвинутая фоткалка экрана. Можно тутже наставить коментариев и пометок. Всё очень красиво и удобно.
Speed Dial - быстрй запуск страниц. Иммитирует speed dial opera. Аддон от которого возможно вскоре откажусь. Что-то медленно странички открываются и особой надобности в нём нет.
Stylish - управление пользовательскими таблицами стилей. Использую исключительно для развлечения.
TorrentBar - поисковик по торрентам.
Torrent Finder Toolbar - другой поисковик по торрентам. Использую два, потомучто ищут в разным местам.

Основной прнцип при расстановке панелей в браузере и рассовываний аддонов - это оставить как можно больше места под страницу.
Посмотреть мой рабочий браузер можно тут.

JavaScript: JQuery

noreply@blogger.com (Sm@sH) — Sun, 09 Dec 2007 10:39:00 +0000

На повестке дня два вопроса. Точнее вопрос из них только один, второе приятная вещь, которой научился недавно.

1. Вопрос про AJAX. Допустим, запрашиваем у скрипта определённое количество информации, которую потом нужно отобразить в виде таблицы. По началу я делал так: получаем данные в скрипте, там же формируем необходимый html код, возвращаем его в javascript и вставляем в нужную таблицу (метод appendTo). Вроде всё работает и всё хорошо.
Чуть погодя возник собственно вопрос - а правильно ли это?
Есть второй способ - получит данные и вернуть его ввиде JSON. После этого силами javascript на лету собирать нужную таблицу и вуаля.
Второй способ мне кажется правильнее и логичнее, но...
Плюс первого - формирование таблицы сервером пройдёт быстрее.
Минусы первого - возрастёт количество передаваемого трафика, что не может не повлиять на общую работу системы.
Плюсы второго - минимум трафика, так как передаются только необходимые данные.
Минусы второго - скорость формирования таблицы с помощью javascript оставляет желать лучшего.
Интересно, как всё же делать правильно? В общем, вопрос остаётся открытым.

2. Как я уже говорил, это не вопрос, а просто приятность, обнаруженная мною у JQuery.
Создавая объект на лету, часто приходиться задавать ему большое количество дополнительных параметров (класс, идентификатор, имя, оформление, ...).
Так вот, в JQuery можно создавать цепочки команд, применяя их к одному объекту. На примере будет всё понятно.
Можно делать так:
var object = document.createElement('div');
$(object).addClass('block');
$(object).attr('id', 'block_id');
$(object).text('#')
$(object).appendTo($(tr));
А можно так:
var object = document.createElement('div');
$(object).addClass('block').attr('id', 'block_id').text('#').appendTo($(tr));
Согласитесь, что получилось значительно короче и удобнее.

Ссылка по теме: обсуждение на хабре

Кодинг :: Zend Eclipse Beta 2

noreply@blogger.com (Sm@sH) — Sun, 02 Dec 2007 18:17:00 +0000

Вышла вторая бета отлчной среды разработки Zend. Говорят, что пофиксена огромная туча багов - хорошо, что поленился скачать первую бету.
Ну что ж потестируем.
З.Ы. Ссылки для скачивания: для виндов, для линукса

ActionScript :: удивительная штука

noreply@blogger.com (Sm@sH) — Sun, 02 Dec 2007 13:37:00 +0000

Итак, ActionScript - это ещё один из скриптовых языков, с которыми волею судеб мне пришлось столкнуться.
И вы знаете - не разочаровался.
Как в принципе и с любым другим языком, моё знакомство с ним началось с нарывания горы мануала и собирания списка полезных ресурсов.

Вот что мне удалось найти:
0. www.flash-mx.ru/help/ - Flash MX 2004 ActionScript Language Reference на русском - обязательно иметь под рукой всем начинающим или раздобыть где-нибудь скачиваемый вариант.
1. www.flasher.ru - огромнейшая куча всего на свете о флеше и actionscript, как неотъемлемой его составляющей. Правда лучше там начинающему ничего не спрашивать, поскольку скорее всего на ваш вопрос уже отвечали и вы будете посланы к великому старчу Гуглу, а топик закроют.
2. www.intuit.ru - материала много, но он неизбежно устаревает и не обновляется, но для начала сойдёт.
3. www.actionscript.com.ua - комментировать не буду, по имени сразу видно о чём и кто.
4. www.etcs.ru - в основном о флеше, но регулярно и про AS упоминают.
5. www.flash-ripper.com - Флэш Потрошитель - хороший ресурс с кучей всяких полезностей.
5.5. Введение в ActionScript 2.0 для пользователей ActionScript 1.0:

Естественно, это не всё, множество материала я надёргал с огромного количества ресурсов, сейчас уже и не вспомню с каких.
Думаю списочек будет полезен начинающим и естественно будет расти.
На сём откланиваюсь.

Кодинг: про комментирование кода

noreply@blogger.com (Sm@sH) — Wed, 28 Nov 2007 08:48:00 +0000

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

Например, так:
$file = fopen("file.txt"); // Функция получает указатель на файл

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

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

Было раньше: $file = fopen("file.txt"); // Функция получает указатель на файл
Пишу сейчас:
// Функция получает указатель на файл
$file = fopen("file.txt");

Причём делаю я это совершенно бессознательно, наверное, так глазу приятнее.

In the begining или как всё начиналось

noreply@blogger.com (Sm@sH) — Tue, 27 Nov 2007 18:00:00 +0000

Долго собирался с мыслю, взвешивал все за и против и вот решился. Начинаю вести свой блог.

Зачем? Вопрос очень интересный.
Заработать я на нем не собираюсь (хотя чем чёрт не шутит). Буду писать в него всё что посчитаю интересным, забавным, полезным.
Может комунибудь и пригодится.
О чём буду писать? Вопрос не менее интересный.
Обо всём.

Поскольку моя профессиональная деятельности связана с программированием (веб-программированием), то и подавляющая часть заметок будет именно о нём.
На данном этапе мне интересны и мною активно изучаются вездесущий PHP, Java Script, Action Script, ну и возлевитающие вещи.
Сразу оговорюсь, что опыт мой не особо велик, поэтому некоторые вещи могут показать вам слишком простыми. За что сразу же приношу свои извинения.

На этом думаю вступление можно и закончить. Но это только вступление...