Backbird — скажи "прощай" алертам или удобная отладка java-script.

Submitted by Ромка on Чт, 16/10/2008 - 12:23

Ромка аватар
Blackbird — отладка Java-script

Нашел очень удобный инструмент для отладки ява-скриптов — библиотеку Blackbird. Её необходимо скачать и подключить к необходимой странице, после чего на странице появится удобная консоль, в которую можно будет выводить отладочные сообщения. Сообщения делятся на типы — debug, info, warning, error, а в консоли предусмотрены фильтры по типам.

Любимый многими разработчиками, в том числе и мной, Firebug обладает значительно более широким функционалом, но у Blackbird есть одно преимущество — он совместим с браузерами Firefox 2+, Inernet Explorer 6+, Opera 9+, Safari 2+ и Google Chrome. Firebug Lite, который также как и Blackbird работает со всеми перечисленными бразуерами, уступает ему по возможностям.

Баг jQuery в Firefox 3 и WebKit

Submitted by Ромка on Вс, 12/10/2008 - 13:19

Ромка аватар

ff-safari-chrom-jquery.jpg

Работая над очередной задачей, столкнулся с проблемой, решить которую помог Гугл. Суть проблемы заключается в том, что в библиотеке jQuery 1.2.6 некорректно работают функции width() и height() в третьем Firefox'е, а также браузерах, работающих на движке WebKitSafari и Google Chrome. Удивительно, но даже в шестом IE, с которым обычно больше всего проблем, этого глюка нет. Природа проблемы осталась мне неясной, но известно, что она проявляется только тогда, когда в html-коде подключены сначала JS-файлы, а затем CSS-файлы и пропадает если сделать наоборот — сначала подключить все CSS-файлы, а затем все JS-файлы. В новом релизе jQuery этот баг обещают исправить.

Tagnetic — холодильник тэгов

Submitted by Ромка on Ср, 08/10/2008 - 00:17

Ромка аватар

tagnetic.jpg В ответ на флэш-скрипт от Ray Tanck, реализующий облако тэгов, стилизованное под доску с магнитами, я написал плагин для jQuery, который создает облако тэгов, стилизованное под холодильник с налепленными на него магнитами :) За графику спасибо моему другу Юре fancy13.

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

Пока реализовал еще не все задумки, но уже есть что показать. При желании с той же страницы можно скачать тестовую версию плагина (магнит "Скачать" на холодильнике) — архив весит 1,2 мегабайта, но в нем находится PSD-исходник холодильника, два "скина" и не запакованный плагин. Конечному пользователю, чтобы увидеть холодильник, придется загрузить примерно 200 килобайт графики и плагин, размером в пару килобайт .

К сожалению, из-за использования IE PNG Fix в шестом IE скрипт заметно тормозит, возможно придется заменить пнг на гифы, для устранения этих тормозов.

В планах создание скина, в виде стены/доски с налепленными на нее бумажками-объявлениями, а также холодильника шириной в 300-400 пикселей.

Upd. Добавил прелоадер, скин шириной 400 пикселов и еще пару мелочей.
Еще обн. Выложил небольшую документацию, уже скоро работа над плагином будет завершена.
Третий упд. Запостил информацию о плагине на Хабре. Теперь придется реализовывать все предложенные там мысли :) Уже сделал пример с перетаскиваемыми магнитами.

Получение заголовков (HTTP-headers) страницы при помощи Java-script

Submitted by Ромка on Пнд, 15/09/2008 - 14:48

Ромка аватар

В журнале Smashing Magazine наткнулся на скрипт (плагин для jQuery), позволяющий автоматически рядом с ссылками указывать размер файла, на который указывает эта ссылка. Оказалось, что этот скрипт в своей работе использует полезный сервис, под названием json-head, который на входе принимает любой URL, а на выходе в формате JSON отдает заголовки, которые получил от сервера.

Анализируя эти заголовки можно на стороне клиента придумать много полезных фишек, кроме указания размера документа, на который ведет ссылка, можно, например, подсвечивать ссылки на недавно обновленные страницы (заголовок "Last-Modified") или нерабочие ссылки (анализ переменной "status_code").

Все те же действия можно проделывать и не используя сторонние сервисы, но в таком случае опрос удаленных серверов и анализ заголовков придется реализовать на стороне своего сервера, со всеми вытекающими отсюда достоинствами (независимость от сторонних сервисов и того, включена на стороне клиента поддержка Java-script или нет) и недостатками (в случае большого количества запросов забанят ip вашего сервера, а не ip сервера http://json-head.appspot.com ну и необходимость разработки собственного решения).

Кстати, с помощью этого сервиса, совершенно случайно выяснил, что Гугл работает с использованием веб-сервера собственной разработки — gws, по данным из Википедии на этом ПО работает 9,3% всех сайтов в интернете, то есть Гугл — это и есть почти 10% интернета!

Запустил на сайте новый небольшой сервис "тИЦ и PR одной кнопкой"

Submitted by Ромка on Пнд, 15/09/2008 - 00:28

Ромка аватар

Запустил в тестовом режиме небольшой сервис под названием "тИЦ и PR одной кнопкой", с помощью которого любой желающий может получить кнопку, содержащую информацию о рейтинге своего сайта в двух самых популярных в рунете SEO-пузомерках — Google PR и Яндекс тИЦ. Доступен сервис в виде блока (в правой колонке этого сайта) и в виде отдельной страницы.

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

Киви не умеют летать?

Submitted by Ромка on Сб, 13/09/2008 - 02:01

Ромка аватар
kiwi.jpg Киви (бескры?лы) — нелетающие бескилевые птицы. Тело у киви грушевидной формы, с маленькой головой и короткой шеей. Весят от 1,4 до 4 кг. Киви свойственна наибольшая редукция крыльев среди птиц: они всего 5 см в длину и почти незаметны среди оперения. Тело птицы равномерно покрыто мягкими, серыми или светло-бурыми перьями, больше похожими на шерсть. Хвост отсутствует. Ноги четырёхпалые, короткие, но очень сильные, с острыми когтями; их вес составляет примерно ? веса тела. Скелет не пневматичен, кости тяжёлые.



Сегодня 256 день в году — день программиста

Submitted by Ромка on Пт, 12/09/2008 - 12:59

Ромка аватар

bunny-programmer-small.jpg

Поздравляю программистов и всех неравнодушных с этим праздником. Повезло, что в этом году 256 день оказался пятницей ;)

Автоматическая "газетная" верстка (верстка в несколько колонок)

Submitted by Ромка on Пт, 05/09/2008 - 14:35

Ромка аватар
Наткнулся на еще один очень интересный плагин Columnizer для библиотеки jQuery, который позволяет автоматически форматировать текст в "газетном" стиле, то есть разбивать его на несколько колонок.

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

Lorem ipsum ne justo

Bonorum has. His ut cibo quas tantas, vis ut probo adhuc definiebas, has at meis debet vulputate. No sed velit essent suavitate, in pro decore ceteros temporibus, usu in odio offendit theophrastus. Mel labore indoctum cu, ad soleat admodum delicatissimi sed, mei viris tritani ullamcorper eu. Ut vim simul aperiam.

Eu eleifend repudiandae has. Mea eu ridens aliquam. Nisl aeque sit ut, posse dolor utinam cum in. Ad timeam sapientem eos, et eripuit inermis nam. Eos integre voluptaria ne, iriure concludaturque ut eum.

Vis erant intellegat in. Soleat legere no ius, usu ex laoreet molestie. Sit eu sint inermis. Ea zzril scribentur pro.

Tempor essent appetere

Ius mutat commune expetendis in. Nam et quas sensibus reprimique, vix no erat soluta suavitate. At mel eius dictas latine. Corrumpit inciderint reformidans sed no, no usu omnis utinam noluisse.

Sit et, an ius nihil apeirian. Eu posse tempor iuvaret cum. No diam dolor sea, postea mnesarchum ne ius, vel no utinam ignota dolores. Malis suscipit accusamus his ne, utinam assentior prodesset ea eam, facer partem antiopam et cum.

Probo debet quaestio an eos, no mel assum iracundia delicatissimi, rebum facete utroque sed ex. Eu melius invidunt repudiandae vix, eu paulo reformidans deterruisset duo, solum voluptaria efficiantur ea mel. Qui summo zzril alienum et. Eu est ferri iuvaret, mazim epicurei sententiae ut cum, modo reque intellegat ex vix. Vim eu tibique accusamus, quot electram at qui.

Ex iisque eleifend periculis has. Sit aeterno virtute partiendo ei, eam nonumy bonorum adolescens ad. Ut nec suas vocent ornatus, cetero legendos constituam mea ea, pri cu delenit iracundia. Mundi decore nec te.

Soleat civibus in pri

In petentium erroribus percipitur per. Takimata accommodare ius ut, eam no postulant urbanitas. Qui ei tantas consectetuer, quis dictas euripidis duo ei. Quaeque democritum concludaturque has ne.

Blandit insolens constituto vix an. Has diam wisi in, eum unum repudiare no. Sit at virtute rationibus, qui vitae explicari cu. Vim ne singulis voluptatum, sed puto accusata salutandi ei. Ad mel civibus adversarium.

Per ne solum vivendo, fabulas dolorem vivendo in pro. Nec duis ignota cotidieque no, an per possit nostrum. Pro detraxit definitionem eu. Vivendo officiis no nam, eu has reque maiestatis percipitur, dolore reprimique accommodare cum ad. No utinam voluptua oportere pri, augue sonet dicant ei sea.

Sit et, an ius nihil apeirian. Eu posse tempor iuvaret cum. No diam dolor sea, postea mnesarchum ne ius, vel no utinam ignota dolores. Malis suscipit accusamus his ne, utinam assentior prodesset ea eam, facer partem antiopam et cum.

Перетаскивание строк таблицы. Table drag and drop — плагин для jQuery

Submitted by Ромка on Пнд, 01/09/2008 - 23:31

Ромка аватар
В своем модуле "Адаптивное меню" я использовал очень удобный плагин для библиотеки jQuery, который позволяет сортировать ячейки таблиц, перетаскивая их мышью. Сейчас я хочу подробнее рассказать о возможностях этого плагина.

Для работы необходимо скачать последнюю версию библиотеки jQuery, последнюю версию плагина Table DnD. Также можно ознакомиться с официальной документацией к плагину.

Свойства "Table drag and drop"

После подключения, плагин добавляет к функционалу jQuery возможность использовать функцию tableDnD(), принимающую следующие параметры :
  • onDragStyle — CSS-стиль перетаскиваемой строки;
  • onDropStyle — стиль строки, после того как ее перетащили;
  • onDragClass — по сути то же что и onDragStyle, но вместо стилей указывается класс, содержащий необходимые стили;
  • onDrop — функция, выполняемая после того как строчку "бросили";
  • onDragStart — функция, выполняемая после того как строчку начали перетаскивать;
  • dragHandle — здесь определяется класс ячейки, за которую можно будет перетаскивать строчку. Если параметр не определен, то хватать строку можно будет за любую ячейку;
  • scrollAmount — число пикселей, на которое проскроллится страница, в случае если во время перетаскивания курсор дойдет до верхней или нижней границы страницы.

Простой пример работы

1 One some text
2 Two some text
3 Three some text
4 Four some text
5 Five some text
6 Six some text

Рассуждение на тему «Сколько стоит сайт?»

Submitted by Ромка on Сб, 30/08/2008 - 23:42

Ромка аватар

Что такое сайт?

Прежде чем принять решение о разработке сайта необходимо понять одну важную вещь. Сайт — это инструмент. Инструмент, позволяющий достичь поставленную цель. В девяноста процентах случаев такой целью является привлечение клиентов к существующему бизнесу (услуге, товару). Для достижения цели инструмент должен исправно работать в руках грамотного специалиста.

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

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

В контексте веб-программирования разработчиками инструмента являются — менеджер, дизайнер, верстальщик и программист. Людьми использующими этот инструмент — SEO-специалист и контент-менеджер (маркетолог, копирайтер). Сэкономив на услугах одного из этих специалистов, заказчик рискует или получить неисправный инструмент, или доверить этот инструмент неопытному работнику, в руках которого он не сможет принести необходимую пользу.

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

Страницы

Subscribe to Ромка!eu RSS