FX Poster

Простенькая менюшка для админки

Thu, 17 Jul 2008 23:37:09 GMT

Originally published at Блог FX'а. Please leave any comments there.

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

Вот так она выглядит:

А вот и её код:

#nav, #nav * {
  margin: 0;
  padding: 0;
}

#nav {
  overflow: hidden;
  background-color: #FFFFCC;
  border: 1px solid #73B65A;
  margin: 10px 0;
  zoom: 1;
}

#nav li {
  float: left;
  display: block;
}

#nav li a {
  padding: 2px;
  margin: 0 5px;
  display: block;
  height: 100%;
  color: #000000;
  text-decoration: none;
  border-top: 3px solid #FFFFCC;
  border-bottom: 3px solid #FFFFCC;
  float: left;
}

#nav li a:hover {
  border-bottom: 3px solid #73B65A;
}

<ul id="nav">
  <li><a href="...">Гостевая книга</a></li>
  <li><a href="...">Прайс</a></li>
  <li><a href="...">Login</a></li>
</ul>

Пример.

Авось кому-нибудь пригодится.

PS. Менюха на оригинальность и инновационность не претендует!

Идиотские вопросы

Wed, 16 Jul 2008 17:50:54 GMT

Originally published at Блог FX'а. Please leave any comments there.

Igorekk затеял очередную эстафету среди блоггеров! Лозунг таков:

“Напишите самый идиотский вопрос по программированию, заданный вами за всё время вашего существования на этой планете!”

или просто

“Write one of your stupid fucking questions!”

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

Вопрос был задан моему бывшему шефу, Gansik’у, во время моего изучения ASP. Звучал он приблизительно так: “А как выводить переменные на экран? Или это невозможно?”. Я не помню, о чем думал, задавая этот вопрос (хотя, конечно, вряд ли о том - можно ли выводить переменные), но вопрос был задан именно так. Кстати, ответом на вопрос является метод Response.Write(variable).

Кто будет следующим?

Переехал на Dreamhost

Wed, 16 Jul 2008 10:34:24 GMT

Originally published at Блог FX'а. Please leave any comments there.

Последней каплей на предыдущем хостинге стало то, что я Wordpress обновлял больше часа по FTP. И всё из-за этих самых разрывов. В общем - сбэкапил я оттуда весь контент и бд, перенаправил NS’ы домена на Dreamhost, а сегодня утром поставил WP на новый хостинг, залил базу, попутно переведя её в UTF-8, и теперь наслаждаюсь жизнью.

PS. По-моему теперь блог стал грузиться быстрее.

Samsung YP-P2

Wed, 09 Jul 2008 17:25:58 GMT

Originally published at Блог FX'а. Please leave any comments there.

Обзавелся сабжем (справа).

Доволен. Думал, с сенсорным управлением будут проблемы, но пока таких не наблюдаю. По сравнению с предыдущим плеером - охренительный экран, даже больше чем у меня на телефоне (Nokia E61) - аж 3 дюйма, куча всяких рюшечек типа будильников и калькуляторов, (которые, кстати говоря, ИМХО, нафиг не нужны), поддержка bluetooth, причем как в режиме передачи файлов, так и в режиме “гарнитуры” - плеер можно спарить с телефоном и при поступлении звонка говорить через него (чем я вряд ли буду пользоваться, если честно), проигрывание видео, чтение текстов, игры (в том числе и по блютузу, ага )… И 8гб памяти впридачу.

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

Обзоры плеера можно прочесть на Mobile-Review и на Digitlife.

PS. Покупал потому, что на старом плеере практически полностью сдох дисплей, а я без плеера не могу.

PPS. Телефоны в качестве плееров рассматриваю, но пока что отдельные устройства мне нравяться больше.

Я вернулся :)

Wed, 09 Jul 2008 00:32:13 GMT

Originally published at Блог FX'а. Please leave any comments there.

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

PS. Давно я так не забрасывал компьютер/интернет - приехал, а в Google Reader’е меня ждут ~1500 всяких разных постов… Ужас…

PPS. Всем удачного отдыха. А я потопал работать.

Вопрос линуксятникам :)

Tue, 24 Jun 2008 23:02:01 GMT

Originally published at Блог FX'а. Please leave any comments there.

Как вы относитесь к Джоелу Спольски? Что вы можете о нем сказать?

Теорвер

Mon, 23 Jun 2008 09:09:46 GMT

Originally published at Блог FX'а. Please leave any comments there.

Через 2 часа 50 минут состоится экзамен, по которому я вполне могу получить двойку… Страшно, блин…

Shootout: Ruby

Sat, 21 Jun 2008 20:38:17 GMT

Originally published at Блог FX'а. Please leave any comments there.

Думаю, все знакомы с сайтом, предоставляющим возможность сравнить реализации различных языков программирования по скорости и потреблению памяти - Computer Language
Benchmarks Game.

Зашел я туда сегодня… Почему - уже не помню, и обнаружил такую вот картину, которая меня довольно сильно удивила:

Руби на последнем месте… Раньше всё вроде было немного по-другому. Радует, что 1.9.0 будет “немного” быстрее.

Firefox 3: впечатления

Wed, 18 Jun 2008 18:23:56 GMT

Originally published at Блог FX'а. Please leave any comments there.

О нововведениях и улучшениях в новом Firefox можно почитать здесь, а я пока вкратце опишу свои впечатления, не вдаваясь в технические подробности.

Первое, о чем реально хочется сказать, так это о скорости работы FF3. По сравнению со второй версией - просто небо и земля. Всякие memory leaks меня никогда не беспокоили - течет и хрен с ним, всё равно ничего не сделаешь, а памяти и так много, но вот сама скорость работы в FF2 очень огорчала - после открытия пяти вкладок каждый следующая загружающаяся страничка приводило к короткому замыканию зависанию FF на несколько секунд, да и скорость работы JS откровенно говоря не радовала. В FF3 всё это изменилось, причем настолько, что это замечаешь сразу - субьективно, скорость работы с GMail и Google Reader возросла в несколько раз. Впечатляет, однако. Да и открытие новых страничек теперь не приводит к подвисанию. В общем - в этом аспекте новой лисичкой я доволен целиком и полностью.

… А вот, собственно, и всё. Плагины практически все работают так как нужно, только Firebug нужно обновить до версии 1.2 (которая, к тому же, обещает всякие интересные нововведения), все остальные плагины работают и так.

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

Firefox 3.0

Tue, 17 Jun 2008 14:55:16 GMT

Originally published at Блог FX'а. Please leave any comments there.

Windows. Linux. MacOS X.

PS. В Ubuntu, судя по всему, релиз уже давно стоит сам по себе.

PPS. Приехал с моря в ужасном состоянии - продул себе лимфоузел - теперь еле разговариваю и есть практически невозможно - горло болит.

Уехал в Крым на 3 дня

Fri, 13 Jun 2008 15:27:35 GMT

Originally published at Блог FX'а. Please leave any comments there.

Собственно, сабж.

Во вторник рано утром буду.

Шахматы на JavaScript

Thu, 12 Jun 2008 18:40:44 GMT

Originally published at Блог FX'а. Please leave any comments there.

Блог Nihilogic в очередной раз удивил. На этот раз - шахматами на JavaScript в полном 3D с поддержкой управления как клавиатурой, так и мышкой.

Читаем. Играем.

Ruby on Rails 2.1 - What’s new

Wed, 11 Jun 2008 08:01:33 GMT

Originally published at Блог FX'а. Please leave any comments there.

Нет, я не собираюсь перечислять нововведения в новой версии ROR, это уже сделали другие, а я лишь представлю вам их наработки. Встречаем очередную бесплатную книгу по рельсам - “Ruby on Rails 2.1 - What’s new”. В ней, как можно догадаться из названия, описываются (главные?) нововведения в последней версии фреймворка.

Почитать о книге и скачать её можно здесь.

PS. Сам книгу посмотрел… Могу сказать, что тем, кто рельсами не занимается, она будет довольно непонятной. Прочтите что-нибудь другое, например, Agile Development With Rails.

Поиск программного кода

Wed, 11 Jun 2008 07:23:10 GMT

Originally published at Блог FX'а. Please leave any comments there.

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

Читаем.

D-Link DSL-2640U

Mon, 09 Jun 2008 18:35:03 GMT

Originally published at Блог FX'а. Please leave any comments there.

Блин, кто-то знает, где можно приобрести сабж (в Днепропетровске), или нечто подобное от других фирм до 100$?

От модема нужно:

4-х портовый свитч
Wi-Fi

Symfony Projects Deployment

Sat, 07 Jun 2008 18:55:20 GMT

Originally published at Блог FX'а. Please leave any comments there.

Обратились ко мне сегодня с этим вопросом… Сходу придумал 3 способа развертывания проектов, использующих Symfony на хостинг.

Устанавливаем Symfony, используя PEAR

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

Единственный недостаток этого способа - при копировании проекта на хостинг прийдется вручную изменять пути к Symfony в файле config/config.php.

Устанавливаем Symfony, используя копирование

Собственно, не все почему-то догадываются об этом способе установки фреймворка на сервер. Можно просто взять, скачать “чистую” Symfony и скопировать её на сервер, либо даже можно скопировать уже работающую версию фреймворка с вашей рабочей машины.

Естественно, проблемы такие же, как и в предыдущем случае - при deployment’е прийдется прописывать пути к Symfony в config/config.php. И еще одно - вы лишаетесь возможности удобного обновления Symfony.

Устанавливаем Symfony, используя “заморозку”

Судя по всему, Definitive Guide to Symfony читали не все (или читали не всё), так как там этот вариант рассматривается. Суть в том, чтобы получить полностью работающий проект, не имеющих внешних зависимостей, т.е. вся библиотека Symfony будет включена в проект. Достигается это всё с помощью комманды:

$ symfony freeze

Которая скопирует весь фреймворк в директорию lib/symfony и сам изменит config/config.php. Таким образом вам останется лишь скопировать ваш проект на хостинг.

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

PS. Для того, чтобы “разморозить” проект, выполните:

$ symfony unfreeze

PPS. Если кто-нибудь знает, как правильно установить PEAR на masterhost’е - отпишитесь, тут человек спрашивал, а я с этим хостером никогда не работал.

Кодеки

Sat, 07 Jun 2008 16:03:47 GMT

Originally published at Блог FX'а. Please leave any comments there.

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

DivX
XviD
AC3Filter

Собственно, абсолютно все (не абсолютное большинство, а именно все) фильмы, которые проходили через меня игрались этими кодеками просто замечательно.

Но в последнее время встречаются всякие видеофайлы, которые эти кодеки воспроизвести не могут. В том числе среди них файлы форматов H.264, Theora и… пока вроде всё.

После некоторых раздумий на тему, что с этим всем делать, решил обратиться к читателям - что делать:

Поискать кодеки для вышеперечисленных двух форматов, добавить их в свой “набор” и забыть до того момента, пока не попадется еще какое-нибудь видео с неизвестным форматом?
Воспользоваться кодек-паком. Если да - то каким (сейчас пока поставил CCCP, пока работает, ничего не сломал)?

Вариант - не смотреть видео не рассматривается.

jQuery 1.2.6 Release Notes

Tue, 03 Jun 2008 17:44:31 GMT

Originally published at Блог FX'а. Please leave any comments there.

После релиза jQuery 1.2.6 долгое время раздел Release Notes пустовал. Сегодня вот заметил, что его наконец заполнили.

Из улучшений:

Глобальное ускорение
- работа с событиями ускорена более чем в два раза
- селекторы ускорены на 13%
- .offset() ускорен на 21%
- работа с CSS (.css()) ускорена на четверть
Кое-что улучшено, кое-что добавлено, вроде в API ничего не изменено

Вышел jQuery UI 1.5 RC1

Mon, 02 Jun 2008 21:24:43 GMT

Originally published at Блог FX'а. Please leave any comments there.

Как сообщает нам наш официальный источник - вышел первый релиз-кандидат jQuery UI - набора виджетов и визуальных эффектов для известного в узких кругах JS-фреймворка jQuery.

Как утверждает источник, RC1 довольно стабилен, а точнее - это самая стабильная версия из тех, которые вообще выпускались. Так что - спешите обновляться.

Ах да, чуть не забыл - в некоторых местах поменялось API (в draggable и resizable модулях так точно поменялось), так что будьте всё же осторожны и предусмотрительны.

Используем Google AJAX Libraries API

Thu, 29 May 2008 00:41:15 GMT

Originally published at Блог FX'а. Please leave any comments there.

Авось, кто-то еще не догадался…

Самый простой способ использования своих скриптов совместно с Google AJAX Libraries API:

google.load("jquery", "1");

google.setOnLoadCallback(function() {
  $('<script type="text/javascript" src="_url_вашего_скрипта_"></script>').appendTo('head');
  $('<script type="text/javascript" src="_url_вашего_другого_скрипта_"></script>').appendTo('head');
  // ...
});

Аналогичным образом подключаются, например, плагины для jQuery.

Google AJAX Libraries API

Tue, 27 May 2008 19:23:59 GMT

Originally published at Блог FX'а. Please leave any comments there.

Собственно, сабж.

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

Польза от того, что я пропишу <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> состоит только в том, что я буду получать соответствующий файл с серверов Google. При наличии нормального хостинга и установки правильных заголовков, ИМХО, эта польза минимальна.
При использовании варианта выше я теряю возможность автоматически обновлять версию фреймворка (это возможно только с использованием загрузки файлов через google.load()).
Если же использовать google.load() - непонятно, что мне делать с, например, плагинами от jQuery, ведь сам фреймворк должен быть загружен раньше, чем плагины, а как этого добиться в общем случае - непонятно.
Единственная реальная польза - если несколько проектов используют один и тот же JS-файл - то у пользователя он, соответственно, будет загружен один раз. Правда, пока количество сайтов, использующих JS-фреймворки с серверов Google очень мало, и принципиально оно в ближайшем будущем вряд ли возрастет.

И напоследок - многие говорят - “скорость”, “быстро загрузиться JS” и т.д. Это всё, конечно, хорошо, но зачем вам JS, который загрузиться очень быстро, если у вас сам сайт (хостинг) тормозит?..

Road to Ruby

Tue, 27 May 2008 00:25:44 GMT

Originally published at Блог FX'а. Please leave any comments there.

Доступна для свободного скачивания книга “Road To Ruby”, предназначенная преимущественно для тех, кто имеет опыт программирования на C#, Java и C++. Подробности и ссылку для скачивания можно получить здесь (для скачивания нужно будет зарегистрироваться на сайте internet.com).

Кто не хочет регистрироваться - может скачать книгу у меня.

А вы пользуетесь картами памяти?

Tue, 27 May 2008 00:09:57 GMT

Originally published at Блог FX'а. Please leave any comments there.

Впервые я о картах памяти услышал на Exception #07, на докладе о том, как лень может быть полезна. В последнее время периодически вижу словосочетание “mind map” в Google Reader‘е… Попробовать, что ли… Действительно они помогают разобраться в различных ситуациях, или старый дедовский способ - “когда нихрена непонятно - доставай тетрадь/блокнот и ручку - и садись писать” - всё же эффективнее?

PS. Осталось две недели до сессии. Нихрена не успеваю делать. Приходится меньше времени уделять работе.

Мысли о Unobtrusive Javascript

Sat, 24 May 2008 09:50:20 GMT

Originally published at Блог FX'а. Please leave any comments there.

Кросспост моего поста про unobtrusive javascript на хабрахабр вызвал целую кучу критики:

Пока дождешься DOMContentLoaded и, соответственно, применения связей событий - пройдет куча времени
“Ссылки вида <a href=”javascript:saw(111)”> мне нравятся больше”
Производительность инлайн-вставок JS будет выше
и т.д.

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

Unobtrusive JavaScript

Fri, 23 May 2008 03:04:07 GMT

Originally published at Блог FX'а. Please leave any comments there.

Цель статьи - показать, что из себя представляет “ненавязчивый JavaScript”, для чего он нужен, и чем он лучше “навязчивого” JavaScript. В рунете я подобных статей не встречал (может они и есть, но мне на глаза не попадались и немного погуглив, я тоже ничего не нашел), а как показывает практика - очень многие не знают, что это такое и как этим пользоваться.

Что такое Unobtrusive JavaScript

Unobtrusive JavaScript - это техника программирования на языке JavaScript, которая состоит из следующих принципов:

разделения структуры (HTML) / оформления (CSS) и поведения (JavaScript)
использование JavaScript для повышения удобства использования уже рабочего приложения
применения техники Graceful degradation - если браузер не поддерживает те или иные функции, которые мы добавляем в приложение с помощью JavaScript - приложение всё равно остается рабочим

Зачем?

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

Как?

Легче всего показать это на примере. За ним далеко идти не нужно - возьмем всеми любимый Хабрахабр:

<div class="text_comments"> 

  <div class="comment_item" style="margin-left: 0px;">

    <div class="service_text_comments_holder">
      <a href="http://fxposter.habrahabr.ru/" class="comments_nickname">fxposter</a>
      ...
    </div>

    <div class="comment_text">...</div>

    <div class="comments_reply">
      <div class="reply_word_holder" id="reply_link866650">(<a href="javascript:saw(866650);">ответить</a>)</div>

        <div style="display: none" id="reply866650">
        <!-- форма отправки комментария -->
      </div>

    </div>
  </div>
</div>

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

Что плохо в этом фрагменте кода?

JavaScript идет вперемешку с HTML (<a href="javascript:saw(866650);">ответить</a>)
У людей с отключенным JavaScript’ом ответить на комментарий не получится в принципе

Как его можно улучшить?

Вынести “навешивание” событий в отдельный файл
Сделать так, чтобы при отключенном JavaScript’е пользователь перебрасывался на отдельную страницу, где бы он мог ответить на выбранный комментарий

Сказано - сделано. Преобразуем HTML к следующему виду:

<div class="text_comments"> 

  <div class="comment_item" style="margin-left: 0px;">

    <div class="service_text_comments_holder">
      <a href="http://fxposter.habrahabr.ru/" class="comments_nickname">fxposter</a>
      ...
    </div>

    <div class="comment_text">...</div>

    <div class="comments_reply">
      <div class="reply_word_holder" id="reply_link866650">(<a href="reply.php?comment_id=866650" class="show_reply_form" id="show_reply_form_866650">ответить</a>)</div>

        <div style="display: none" id="reply866650">
        <!-- форма отправки комментария -->
      </div>

    </div>
  </div>
</div>

Как видите - я изменил тег <a> (присвоил ему “нормальный” href, добавил id и class). Теперь при нажатии на ссылку “ответить” пользователя будет перебрасывать на страницу ответа на выбранный вопрос. Этим я выполнил второй пункт в списке улучшений. Теперь давайте взглянем на первый пункт: для того, чтобы у пользователей, у которых включен JavaScript вместо редиректа выполнялось открытие формы под самим комментарием мне нужно выбрать все элементы с классом “show_reply_form” и каждому из них назначить на событие onclick функцию, которая бы “открывала” соответствующую форму.

Напишем соответствующую функцию:

function showForm(event) {
  var id = parseInt(this.id.replace('show_reply_form_', ''));
  saw(id);
  return false;
}

Она берет this.id (т.е. id текущего обьекта), убирает из него “фразу” “show_reply_form_“, тем самым получая номер элемента, который нам нужно открыть и вызывает функцию saw, которая присутствовала изначально в HTML-коде. Для того, чтобы не произошел редирект после клика на ссылку - функция возвращает false.

Осталось только связать эту функцию с нашими ссылками.

В jQuery это делается так:

$('.show_reply_form').click(showForm);

В PrototypeJS - так:

$$('.show_reply_form').each(function(element) {
  element.onclick = showForm;
});

После присвоения нашей функции элементу - this.id станет относится к id этого элемента (да, это “магия JavaScript” ).

Весь JavaScript-код теперь можно вынести в отдельный файл:

function showForm(event) {
  var id = parseInt(this.id.replace('show_reply_form_', ''));
  saw(id);
  return false;
}

window.onload = function(event) {
  $$('.show_reply_form').each(function(element) {
    element.onclick = showForm;
  });
}

Здесь мы вызываем “связывание” наших ссылок с функцией показа формы при событии window.onload (при загрузке страницы).

Таким образом я выполнил и первый пункт в списке улучшений.

Выводы

На мой взгляд, такое использование JavaScript, а именно - вынос всех функций на JS в отдельный файл и связывание этих функций с элементами страницы с помощью различных событий (здесь мы видели события window.onload и element.onclick) - это на данный момент - единственно правильное использование JavaScript.

Дерзайте, господа.

PS. Я прекрасно знаю, что можно использовать событие не window.onload, а DOMContentLoaded. Но я считаю, что для примера понятнее будет всё же использование window.onload.