Блог NunDesign

О Google Api пишут давно, но как-то мало наблюдаю, чтобы его использовали. Вместе с тем если покопаться, можно найти много простых, но интересных готовых решений для веб-мастеров; к примеру, посмотрим на варианты Google AJAX Feed API, с помощью которых можно у себя на сайте без каких либо сложностей формировать ленты читаемых блогов друзей в разных форматах, прям Google Reader на своём собственном сайте. Для начала следует получить свой API key, уникальный ключ (бесплатно). Для каждого сайта веб-мастера должен быть свой ключ, т.е. у одного веб-мастера может быть несколько ключей. Так же полезно начать с изучения доступной документации, разобрать предложенные готовые примеры. Я для эксперимента выбрала один пример - FeedControl, который позволяет сформировать ленточку фидов блогов, которые я читаю и подписана (подписка в Оперной RSS читалке, которая называется “Каналы новостей”). Пример моей тестовой ленты можно посмотреть здесь.

Сформировать такую ленту проще простого: нужно в хидер, прежде всего, добавить ссылку на скрипт с указанием полученного вами API ключа:

<script type="text/javascript" src="http://www.google.com/jsapi?key="YOUR-KEY"></script>

Здесь вместо YOUR-KEY вы ставите тот самый полученный код. Дальше, если на странице с документацией (ссылка выше) в что-то недопоняли со скриптом, можете воспользоваться визардом для построения ленты. Будут предложены простой вертикальный, динамический вертикальный и горизонтальный варианты. Я выбрала динамический вертикальный, у которого в первом блоке листается поочерёдно пост с аннотацией из всех указанных далее в скрипте лент, а графический маркер указывает, какой пост из какой ленты сейчас динамически высветился в верхнем блоке. Для того, что бы юзер мог сам указывать нужные ленты, ему отдаётся кусочек JavaScript`a, можно сказать, юзерский такой кусочек, с простеньким кодом, в котором он может плодить ленты, задавать титлы для лент, в простом случае из каждой ленты будут выгребаться четыре ссылки на последние четыре добавленных в блог поста. Для моей тестовой ленты юзерский кусок скрипта выглядит так:
(more…)

Конференция для украинских веб-разработчиков, которую и здесь в том числе анонсировала ещё осенью, всё-таки состоится! Теперь она - UA Web 2008, пройдёт в Киеве, 27-28 марта, в Президент Отеле. Одна из целей организаторов - собрать в одном месте и перезнакомить профессионалов этой отрасли всего за 900 гривен с участника. Сейчас сформированы три секции - “Клиент”, “Серверное программирование и базы данных” и некие “другие темы” (там будут доклады про НЛП и аутотренинг, советы, как стать успешным фрилансером, или вот ещё — “Использование скрытых психофизических возможностей веб-разработчиков для успешного создания и внедрения современных Интернет-проектов” и не знаю даже как можно было бы меня убедить пойти на эту третью секцию), меня же очень-преочень интересует первая секция, каждый первый доклад. Настолько интересует, что я, скорее всего, буду. Регистрация у меня уже есть, осталось оплатить. Кстати, на сегодняшний (!) день подано 939 заявок на участие и получение материалов.

Подробнее о программе конференции вы можете узнать здесь; я у себя дублировать всю программу не буду, хотя бы потому, что опубликован не конечный вариант — ожидаются ещё доклады и докладчики, поэтому на сайте конференции вы, вероятно, всегда получите последнюю версию программы. Но не могу не поделиться программой на ту самую первую, клиентскую секцию: (more…)

Опять рюшечки для блога: добавила несколько плагинов: Popularity Contest, Show Top Commentators… Этому блогу ещё и года нет, и всё казалось, что подобные рюшечки - ещё рано, мало контента, мало комментариев. Не из чего выбирать популярные записи. Но плагины понравились, особенно “Popularity Contest” - на бэкэнде даёт таблички со статистикой по записям, которая как бы и так известна и доступна, но не так наглядна. Статистика по популярным записям предсказуема (для меня), конечно, но пусть будет список, доступный всем посетителям. “Топ комментаторов” - это реверанс в сторону моих друзей, которые читают блог, поддерживают своими отзывами и, конечно, комментариями (Спасибо!). Списков в сайдбаре (в правой колонке) образовалось 10 штук - вот что делает с нами любовь ко вторичной навигации!

Есть один незатейлевый дизайнерский приём - в подобных ситуациях, когда нужно показать, что все эти списки предоставляют разные группы данных (или данные по разным фильтрам) - менять им маркеры; всего-то визуально — иконочка-козявочка, но поле-е-езная.
Маркеры в списках можно использовать из стандартных нумерованных-ненумерованных типов (для ненумерованных это circle, disc и square), но и создавать свои, уникальные иконки для списков; используют два самых простых способа, с помощью таблиц стилей:

1. обнулять стандартный тип маркера css свойством list-style-type:none; и после задавать свою картинку для маркера свойством list-style-image: url();
2. опять же обнулять стандартный тип маркера + обнулять поля и отступы у тега списка и задавать неповторяющуюся фоновую картинку для элемента списка. Вот этот вариант я и выбрала для блога. Версия движка WP стоит последняя, и панели в сайдбаре блога собираются соответственно wp widget`ом. Если не лезть в код слишком глубоко - каждому блоку в сайдбаре добавляется (через пробел) два класса, например, для списка категорий - class="widget widget_categories", для списка последних записей - class="widget widget_recent_entries", для последних добавленных комментариев - class="widget widget_recent_comments". Не мудрствуя лукаво добавляем в таблицу стилей блога дополнительные записи для описания этих классов:

.widget ul {margin:0px; padding:0px;}
.widget ul li {padding-left:20px;}
.widget_recent_entries ul li {background: transparent url(/wp-content/themes/default/images/ico-post.gif) no-repeat 0 0;}
.widget_recent_comments ul li {background: transparent url(/wp-content/themes/default/images/ico-comment.gif) no-repeat 0 0;}
.widget_categories ul li {background: transparent url(/wp-content/themes/default/images/ico-categories.gif) no-repeat 0 0; text-transform:uppercase;}

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

Вообще с этим виджетом интересно - к примеру, у него есть один из элементов - RSS (на самом деле этот элемент можно плодить, этих “списков” может быть в сайдбаре несколько). Тогда, если, к примеру, у человека по каким-то причинам ведётся несколько блогов, с помощью этого элемента можно включать блоки с последними записями (количество записей задаётся), и получать такие списки, как, к примеру, в харьковском тестовом блоге Nundesign: посмотрите в сайдбаре (правая зелёная колонка) блок “Последнее из блога NunDesign:” как раз выводятся 10 последних записей отсюда, из главного блога. Но так можно включать не только свои перекрёстные блоги, но и формировать простенькие миниинформеры для любых инфопроектов, которые отдают rss, или даже - продавать таким образом рекламное место. К примеру, на месяц. Это ведь очень удобно делать через виджет - и редактировать урлы, и контролировать количество записей, 10 - дороже, а последние пять, к примеру - в самый раз за недорого.

А ещё что-то не могу сообразить, как разделить виджет на два, чтобы можно было делать раздельные панели. И выводить на одной панели - одни виджет-элементы, на другой - другие; и как можно добавлять свои элементы в виджет - те же вставки для “популярных записей” и “рейтинга комментаторов”?

Ещё подключила Google XML Sitemaps, но его раньше не было не из-за того, что я считала, что блогу рано - просто упустила, недоглядела. Заодно наконец-то включила запись о карте сайта на блоге на Гугловских инструментах для веб-мастеров, Yahoo`вских и MS Live`вских.

А вот с ЖЖшным плагином LiveJournal Crossposter - пришлось отметить ту опцию, которую одно время отключала, потом обратно включала по просьбе френдов, по одной простой причине, о которой писала и раньше, да ответа тогда никто не подсказал. Уж не знаю в чём причина на самом деле но методом долгих и упорных экспериментов было обнаружено, что если в настройках плагина выбрана опция по-умолчанию ” Link back to WordPress”, то глюков с кросспостом в ЖЖ не замечается, если же дефолтовая заменена на “Use an lj-cut” (что означает, что в тех ситуациях, когда для длинных постов я использую скрытие части текста с помощью more, то при кросспосте в ЖЖ публикуется полный текст блога, и скрывается обычным ЖЖ-шным lj-cut`ом), то в случае, если пост нужно отредактировать - он отправляется в ЖЖ как новый пост, а не происходит редактирования старого. Так что эту опцию я вернула в дефолтовое состояние, извиняюсь перед теми, кому обещала в ЖЖ-шном дневнике полностью публиковать записи.

Тут не совсем понятно - в жж все записи всё равно постятся “только для френдов”, но, поскольку туда я захожу не часто, обнаружила, что появилось много френдов, которые, наверное, меня читают, вернее, хотели бы, но не могут из-за того, что записи friends only. Вчера написала открытую запись о том, что, мол, народ, который не зафренжен, объявитесь, я зафренжу, но только скажите, что вы не боты и не спамеры (а вот вывели ещё такой тип ботов - челоботы, чаще всего это или совсем начинающие владельцы своих блогов, или продажные комментаторы, которые постят комменты за ссылки, эта услуга, если я не ошибаюсь, до сих пор стоит 10 баксов за 1000 комментариев, хороший заработок для студентов)… Но пока… Молчат пока именно невзаимные френды. Может, они и в самом деле не настоящие? Или подождать, отозвутся ещё?

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

Из простейшей (на первый взгляд) странице с редактированием профайла юзверя только что убила четыре (!) избыточные одноячеечные таблицы. Одна обрамляющая контент, одна - для блока с общими данными юзера, одна - для Change Password если юзер кликнул сменить пароль и одна - на Confirmation, если всё прошло успешно. На четвёртой не сдержалась, подзываю программера, мол, шо за дела? Мы же договаривались - ты вообще никакую вёрстку на странице не делаешь, кидаешь свои контролы в линейном порядке, я сама разрулю, как они должны ОТОБРАЖАТЬСЯ! А он мне отвечает… я, говорит, и не добавлял никакую разметку… оно, говорит, само. Он в студии, в режиме дизайн за один клик просто добавляет целый блок (размеченную форму) для, к примеру, смены пароля - со всеми необходимыми тегами, айдишниками и прочими атрибутами. Охренительная экономия времени! И вот при таких вот автоматизированных для ускорения работы программера действиях и добавляется, автоматически же, “контейнер” в виде одноячеечной таблицы, обрамляющей этот блок.

Спрашиваю - а что, у нас программеры уже напрочь ручками код перестали писать? Или вся работа верстальщика должна заключаться в том, чтобы каждую страницу при доработке сначала долго вычищать от избыточного кода, самодобавляющегося при пользовании программистами режимом “дизайн”, от самопрописавшихся атрибутов width и height, которые появляются, когда программер в том же блин режиме “дизайн” случайно где-то что-то дёрнет? Или - ещё хуже, когда программист, утомившись программировать, вместо того, чтобы пойти чайку попить садится, и начинает “оформлять” созданные им только что формы.

И вот я вышкаливаю пару талантливых юных верстальщиков. Ругаю за ошибки при анализе сетки. Если позволяет проект - заставляю перевёрстывать, объясняю, что вёрстка веб-страниц - это как раз та отрасль, где уместно применять свои способности к анализу. Потому что на самом деле это так, прежде чем вырезать из эскиза первую картинку, прежде чем написать первую строчку кода, первый контейнер, имеет смысл потратить время на то, чтобы понять макет, продумать для него его модульную структуру; и если на недовёрстанной ещё первой странице макета появляется необходимость какому-то классу переназначить правила с помощью ! important - значит, недопроанализировал, значит - всё заново (ага, и как раз пару дней назад такое было) перевёрстывать, благо есть возможность. В отличие, к примеру, от тех ситуаций, когда приходит сюда давно свёрстанный проект на доработку программерам, и спустя месяц вспоминают про дизайн (ой-ё, Таня, тут бы поправить бы), и ты прекрасно понимаешь, что поправить “честно” не выйдет. Или вместо 30 минут надо затребовать 3-4 дня на перемакетирование и перевёрстку всего этого разросшегося уже проекта, или - переназначение доменных правил, увы. Но если есть возможность - давайте продумывать макет изначально так, чтобы не было необходимости во всех этих important`ах.

И вот они, такие продвинутые верстальщики, откроют свой проект через какое-то время, когда уже динамика, посмотрят на код страниц… На все эти самодобавившиеся и саморасплодившиеся таблицы. На разъехавшиеся контейнеры из-за самопрописавшихся в их содержимом ширин и высот. И спросят меня - Таня, а к чему был весь этот предварительный цирк с логичной и валидной вёрсткой? И я не буду знать, что им ответить. Или - как мне сегодня программер посоветовал - посоветую им так же написать гневное письмо Биллу Гейтсу, или разработчикам Visual Studio, чтобы они укротили свой сервис с такими полезными автоматическими решениями. И режим “design” в Visual Studio прибили нафиг, навсегда. О. И Visual Studio тоже прибить, и тоже навсегда. Пусть на Java переучиваются, ибо нефиг.

Что-то неладное в нашем королевстве с начала этой недели… С раннего утра на улице удивлял странный, не из реальной жизни туман, в офисе половина моих дизайнеров дружно заболела, а я (тоже лучше бы дома осталась) сижу смотрю списки багов и ошибок; пытаюсь понять, что не так и как правильно. Отложив офисные баги на более подходящее время (когда вся команда соберётся), занялась разведкой NunDesign`ерских ошибок. К примеру, берём этот блог; вспоминаем про полезный тулз Яндекс.Вебмастер, заходим в профиль блога и видим… “Число ошибок: 624″ - нифига се… это много, надо что-то делать.

I. Больше всего (237 из 624) ошибок типа “Передано неверное количество данных”, что переводится как “Длина переданных данных не соответствует заявленной длине, т. е. передача данных завершается до или продолжается после получения заявленного количества данных.”

Смотрим на ошибочные страницы, и выясняется, что в списке - все страницы, урлы на которые генерятся динамически вторичной навигацией. Т.е.:

• Урлы из архива, к примеру /2008/02/, /2007/04/- они формируются по правилу привязки к дате в формате “главная”+”год”+”месяц”. В списке ошибочных - все “даты”, когда публиковались посты в блоге.
• Вторичная навигация по категориям. Урлы в формате /category/design/, “главная”+”термин категория”+”имя категории”.
• Теги (появились в пред- и последней версии WP, не плагин, родные движковые), типа /tag/analytics/, - “главная”+”слово tag”+”имя тега”.
• Все комбинации этих вариантов с пейджингом если есть: /page/14/, /category/tools/page/2/, т.е к форматам предыдущим добавляется + “слово page”+”номер страницы”
• но есть и никакие не вторичные, вполне законные страницы, написанные, сформированные и загружаемые по постоянному адресу, к примеру /tools/2007/05/my-wordpress-tamagotchi/. Т.е. подозрение на то, что чем-то не нравится вторичная навигация по типу WPвской - отметаются.

Смотрим дальше. (more…)

Опять ищется (купить) то, чего по нашим региональным харьковским магазинам-поставщикам нет — Sarp Zaurus SL-3200. Опять - потому что пол года назад я его уже искала и не нашла, не купила, а надобность в оном не исчезла. Люди или пожимают плечами, или удивлённо пучат глаза. Некоторое время на рынке вообще было с ними тихо, сейчас вроде появились, слухи доходят, на ebay.com есть, на типа российском партнёре bay.ru нашла (lдаже в корзину положила, но вот что дальше делать - не представляю; у них, видимо, не предусмотрена доставка в дальние регионы, и в интерфейсе на этапе “Заказ - Оформление” можно выбрать в качестве доставки только два адреса - ихний московский или ихний же питерский). Да и вообще странный какой-то сайт, достаточно посмотреть, как выглядит “описание” этой модели — а игрушка-то не десять баксов стоит, если уж платят люди такие деньги, то можно было бы и о чистоте прилавка позаботиться, имхо.

Ещё на тематических форумах встретила несколько объявлений в конце 2007-го (но с комментариями “в слоте SD карточка не фиксируется” или “я им поигрался, но не долго - всего несколько месяцев, 6-7″, или “только с дополнительными электрическими трансформаторами”, или… в общем, здесь есть варианты) — т.е. оценить удалённо степень БУ-шности, а тем более оплатить не пощупав предварительно ручками не солидно (а разброс цен на ненулёвые шарп заурусы ой-ёй-ёй какой). Т.е. если бы я была где-то в Москве - проблема бы не была нерешаемая - встретились, пощупались, посчитались, но мне он нужен здесь, в Харькове, на Украине.

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

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

Привет уважаемым веб-разработчикам!

Кто-нибудь когда-нибудь тюнил WP под IIS`ом? Я вот в процессссссе. Обычный мультиавторский WP под обычный IIS. Первое, куда меня понесло - это настраивать пермалинки - Ха! Не смешите мои розовые тапочки! Какой .htaccess, какой mod rewrite?? (more…)

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

С другой стороны - на листочках (ежедневниках, записных книжках) вести учёт всего ITшного производства - это просто измывательство над самими IT-специалистами (про всех не скажу, но я из оффлайновых писательных тулзов последнее время более-менее часто использую только краски-карандаши-гелевые ручки для зарисовок и рисунков), которые изрядно отвыкли от того, чтобы прописью, руками что-то писать, и это - в то время, когда клава под руками практически всегда. А конспектировать приходится обязательно. И когда от специалиста требуют какого-то периодического подведения итогов, тогда-то и становится явно видна великая польза от сих конспектов. (more…)

Вот такой вот симпатичный коммуникатор подарили мне сегодня крошечный, тоненький и лёгонкий (в ТХ написано, что он 99,9х58х13,9 и весит 112 грамм с аккомулятором). Крошечный же 2,8″ ЖК сенсорный экранчик.
Процессор - Ti`s OMAP 850б 201 MГц
Память - ПЗУ 128 и DDR 64 метра
Операционка - Windows Mobile (6-я Pro).
2Mпиксельная камера.
Управляется кнопкой-джойстиком, внизу там на картинке большая, стилусом (о, отлично, запасной в поставке) и просто пальцем по сенсорной панели (называется такое управление TouchFLO^TM). Из очаровательного в таком управлении - так называемый “сенсорный куб” - на как будто плоскостях как будто трёхмерного куба расположени пиктограммы для запуска разделов управления, программ, избранных контактов и всего-всего. Нужно только приловчиться к движению открытия сенсорного куба от иконки-логотипа - дальше просто. Для поворота куба - вправо-влево. Закрыть куб - в обратном порядке сверху вниз.

Возможность подключений - Bluetooth 2.0, Wi-Fi IEEE 802.11b/g, USB (вот сейчас синхронизирую с домашней машиной, музычкой затариваю, контактами). Первый же залитый видеоролик “Дато Худжадзе - Махинджи Вар” (.avi) проигрываться виндовзмобильным Windows Media® Player`ом отказался. Порекомендованный знатокамиTCPMP, как только вышел из беты, тут же стал очень платным… Да и вообще - это вам не шарп заурус, который я искала, и не нашла, пару месяцев назад, под которых опенсорсного софта как грязи под любые нужды - каждая козявочка платная.
Ну ничего. Поиграемся, посмотрим на подарочек. Может и польза с него какая-то будет.

(more…)

Сегодня захожу на toodoo, а там новенькая функциональность! Сайты, которые я “читаю” (их там что-то типа 56) + “мои сайты” объеденили в подраздельчик “Интернет”, добавился раздел “Клубы” и “Журналы“. Клубы - это как я понимаю - сообщества (на языке соц.сетей) или группы. “Журналы” - это некое подобие блога (формальное название раздела, по мнению разработчиков - “digest” - кажется, ещё более удачно отвечает сути раздела), потому что публикацию в журнале можно обсуждать (выбор - публиковать “для друзей” или “в клуб”).

Опубликовала первую ссылку в “Журнале” - Тестирую “Мой Журнал”. Я так понимаю, что увидят её только те toodoo пользователи, которые мало того, что “мои друзья” на этом сервисе, но и - чудом зашли на сервис в именно этот раздел. Там они увидят все журнальные записи от своих друзей (note: “На этой странице показываются ссылки которые отметили ваши друзья - чтобы обсудить их, а еще те ссылки, которые отметили вы.“).Так, в моём дайджесте я сейчас вижу две публикации - Виктора Захарченко о бывшем сотруднике и моя тестовая о тесте журнала. Интересно, с какого момента пользователи начнут активно использовать этот интерфейс для раскрутки своих проектов, для публикации ссылки на каждый блогопост с предложением “типа обсудить”, как скоро затребуют в интерфейсе же функциональную ссылку “это спам!” и какое предсказывается поведение для фильтрации (защиты) от спама или от хронически неинтересных ссылок? Если я правильно понимаю, на сегодняшний день единственная возможность не видеть в своём журнале подобных “ссылок” - это “отфрендить” человечка из списка друзей, правильно? В общем - попользуем-посмотрим. Если у кого-то есть аккаунт на toodoo - заходите, потестирум. Я там - здесь, а мой этот блог - здесь.

Да, клуб. Можно создать свой клуб “по интересам”, приглашать туда друзей и знакомых. Вряд ли буду затеваться с этим - ну, разве что в том случае, если для человеческой расы отменят необходимый и обязательный сон или увеличат сутки раза в полтора минимум. Поэтому пользуемся тем, что уже есть и куда уже пригласили. Я участник клуба “toodoo.code” - сообщество, созданное для обсуждений тем “Вопросы по toodoo.api, созданию виджетов и плагинов. А также по созданию кастомизированых цветовых схем для виджетов, интеграции toodoo.api, отладке, совместимости и прочим темам, касающимся программирования.”
Среди участников клуба - в первую очередь (это понятно) - toodoo`шные разработчики, в частности, я там по приглашению уважаемого Sol`а, кроме того в этом же клубе много знакомых имён - руководителей или ведущих разработчиков крупных рунетовских проектов. Михаил Цыганов - о его bobrdobr` бете я писала буквально вчера; Сергей Зайцев - ну, про Интернетные штучки знают даже самые ленивые интернетчики; Никита Истомин - я даже в этом блоге несколько раз уже писала о его “рыжем сайте“, MaulNet (кстати Даниил в своём блоге тоже пишет о клубах, к примеру, о “клуб News2“, собирается создать клубы по seo, поисковикам); мои друзья по блогосфере - Денис Болтиков (привет, Денис! Желаю тебе побольше постов “о разработке крупных проектов, стартапах, ведению и раскрутке блогов, интернет-маркетинге.“, всё-таки такие методы блогопродвижения и блоговойны - это игрушки, имхо)…

В целом идея с новыми сервисами чудо как хороша, я рада, что сервис развивается на глазах, не расстраивают ребята, и забросить не хочется, и не забыть о них, как о многих прочих, умнички!