Pull to refresh
59
0
Кирилл Улитин @ulitin

UX & Research Lead

Send message

Интеграция вкусностей jQuery в другие сайты

Reading time4 min
Views2.4K
Есть у меня небольшой проект с user-generated content-ом. Встала задача сделать код кнопки с ссылкой на страничку пользователя, для интеграции в пользовательские блоги и сайты. Но делать скучные кнопки, как у большинства конкурентов, не хотелось. Хотелось, на равне с простыми кнопками и ссылками, сделать что-то особенное, jQuery-евское, с аяксом и анимацией :).

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

Проблемы очевидны:
  1. Необходимо определить, используется ли jQuery и нужный плагин на сайте пользователя. Если нет, то обоих динамически подгрузить. Делать отдельно коды для тех кто использует jQuery на своем сайте и для тех кто нет — не комильфо, а тем более подгружать при любом раскладе (могут возникнуть глюки, особенно у плагинов).
  2. Пережатый jQuery весит около 60 кБ, и в случае подкачки может не успеть полностью загрузиться и инициализироваться до исполнения кода.

В качестве вкусности я использовал плагин fancybox. Он позволяет не только отображать фотографии с lightbox-эффектом, но и любой другой контент в iframe.

Ниже представлен код.
Читать дальше →
Total votes 47: ↑36 and ↓11+25
Comments66

Настройка хостинга heroku.com + custom domain name *для новичков

Reading time2 min
Views28K
Итак, подобного материала я нигде не видел, так что считаю необходимым опубликовать данную информацию. image
  • Регистрируемся на Heroku.com письмо с линком приходит быстро, мне пришло уже через 30 секунд.
  • Далее необходимо установить git, я работал в ОС windows (как устанавливать в linux я думаю знают те, кто его используют), вот версия для win, если использовать портативную версию, то необходимо в интерфейсе командной строки, перейти в директорию (куда распаковали) git, и запустить либо оболочку git-bash.bat (лично мне удобнее с ней работать), либо использовать команды только лишь cmd, git-cmd.bat.
  • Далее, необходимо установить gem heroku командой (sudo) gem install heroku у него есть зависимости с другими гемами, вообще они сами установятся автоматически, ну а если нет, то вот ссылки для них: rest-client, launchy, json.
Читать дальше →
Total votes 51: ↑35 and ↓16+19
Comments23

Что такое анти-паттерны?

Reading time9 min
Views140K
Анти-паттерны — полная противоположность паттернам. Если паттерны проектирования —
это примеры практик хорошего программирования, то есть шаблоны решения определённых задач. То анти-паттерны — их полная противоположность, это — шаблоны ошибок, которые совершаются при решении различных задач. Частью практик хорошего программирования является именно избежание анти-паттернов. Не надо думать, что это такая непонятная теоретическая фигня — это конкретные проблемы, с которыми сталкивался практически каждый разработчик. Кто осведомлен, тот и вооружён! Рассмотрим же несколько расрпотранённых анти-паттернов в программировании.
Да, рассмотрим!
Total votes 157: ↑147 and ↓10+137
Comments103

Удобный регулятор громкости для ПК

Reading time1 min
Views27K
Arduino / Freeduino (в обычном — не Mega варианте) имеет 6 входов АЦП, позволяющих измерять значение напряжения (в диапазоне 0-5В). Скорострельность у него не шибко быстрая, поэтому цифровой осциллограф сделать не получится :). Зато у меня получилось сделать очень простой регулятор громкости для компьютера с тремя ползунками — отдельно Master, отдельно Wave, отдельно MIDI, и разместить его в 5" отсеке компьютера.
imageimage
Под катом небольшое описание, ссылки на исходники, видео, и конкурс «угадай мелодию» :)
Читать дальше →
Total votes 73: ↑66 and ↓7+59
Comments62

Как вовремя узнать, что ваш сервер не работает?

Reading time3 min
Views20K
Случается, что сайты перестают работать. Причины могут быть самые разные: в датацентре «упал» канал, сервер вырубился, кто-то что-то намудрил с базой или файлами на сервере, сисадмин неудачно обновил ПО или переносил аккаунты. Или кое-кто забыл оплатить хостинг.

В большинстве случаев такая ситуация нежелательна, а устранить ее надо как можно скорее. Для этого нужно как можно скорее узнать о случившемся. Но как? Для себя и для наших клиентов мы используем сервисы мониторинга сайтов. О них я сегодня и расскажу.
Читать дальше →
Total votes 86: ↑71 and ↓15+56
Comments71

Первый взгляд: Silverlight 3 – бесплатная книга

Reading time1 min
Views1K
В конце прошлого года мы анонсировали бесплатную книгу на русском языке “Введение в Microsoft Silverlight 2”. Это перевод известной книги Лоуренса Морони и комплексное руководство по данной технологии.

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

На конференции MIX09 было представлено бесплатное дополнений к этой книге с описанием новых возможностей третьей версии. На российской конференции ReMIX09 на прошлой неделе мы анонсировали перевод этого дополнения на русский язык, загрузить которое могут все желающие с сайта мероприятия. Авторизация доступна через OpenID, LiveID или логин/пароль.

Основное внимание уделено таким возможностям, как трехмерные преобразования, работа вне браузера, поддержка видео в формате H.264, работа с пиксельными шейдерами.

Мы надеемся, что данное руководство вместе с книгой по Silverlight 2 позволит всем желающим освоить интересную технологию и подготовиться к выходу финальной версии Silverlight 3.
Total votes 52: ↑33 and ↓19+14
Comments42

Реализация отправки sms-уведомлений

Reading time3 min
Views16K
В виду достаточно большого парка серверов/свитчей/модемов и иного активного оборудования в конторе, была установленная система мониторинга zabbix и успешно использовалась продолжительное время. Zabbix имеет замечательную возможность отправки уведомлений о возникших проблемах.
Для этого был написан скрипт отправки sms сообщений через шлюз email-to-sms оператора связи, ограничение по количеству смс с одного адреса в сутки было обойдено путем ротации исходящих адресов, работало более или мение сносно, но в последнее время смс сообщения через данный шлюз начали доходить с задержкой порядка 10-15 минут, что уже не очень нравилось.
Итак, было решено организовать отправку уведомлений через собственный GSM-терминал, порывшись в прайсах поставщиков и не обнаружив там подходящих по цене и характеристикам GSM модемов весьма огорчился.
И тут вспомнилось что дома валяется старый Siemens CX65 да еще и data-кабель к нему, после подключения телефона и курения доков по отправке sms сообщений пришел к не очень радостному выводу, оказывается siemens не поддерживает отправку sms в текстовом режиме, команда AT+CMGF=1 возвращает error.
Отправка сообщений в данных аппаратах возможна только в режиме PDU, ради спортивного интереса и для размятия мозгов было решено реализовать эту систему, был написан скрипт для перекодировки в PDU формат сообщений и отправки через телефон.
Читать дальше →
Total votes 46: ↑42 and ↓4+38
Comments44

Пять с половиной мифов о SharePoint

Reading time7 min
Views17K
SharePoint MythЧем больше читаю дискуссий про SharePoint, тем больше утверждаюсь во мнении, что самое понятие «SharePoint» несёт с собой пачку мифов и заблуждений. Часть из них живет в головах тех, кто раздумывает о применении этой платформы, часть (и она самая опасная) – у тех, кто только недавно начал создавать сайты на SharePoint. Поскольку вторую часть описывать сложнее (а сегодня еще и пятница), я, будучи жутко ленивым, лучше расскажу о первой.

Итак, мифы. Или заблуждения? Неважно. Описываю в том порядке, который пришел в голову, а не потому, что какой-то миф «страшнее» другого.

Миф 1. SharePoint на самом деле разработан на другой планете и передан Microsoft гуманоидами с одного НЛО, чтобы сломать мозг людям.


Иногда мне кажется, что это правда ;-)
Читать дальше →
Total votes 23: ↑13 and ↓10+3
Comments11

Определение пола по истории навигации, шаг 2й

Reading time2 min
Views4.5K
Добрый день.
Сперва ссылка: угадываем пол посетителя.

По истории навигации с помощью js можно определить пол посетитеся, об этом уже писали. Вкратце — создаем с помощью js ссылки и смотрим, какого они цвета, а по этому определяем, посещенные они или нет. Затем объединяем полученную информацию с демографическими данными о посещенных сайтах.

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

Если кто-то захочет сделать у себя, то выкладываю наработки: там серверное приложение django, js-файл, дамп собранной базы данных. Лицензия, если где-то не указано, — MIT. Без джанги все тоже легко можно использовать.

Читать дальше →
Total votes 55: ↑50 and ↓5+45
Comments51

Версия 0.4 — Stable Release Candidate

Reading time4 min
Views626
Web Optimizer Веб Оптимизатор (Web Optimizer) — приложение для автоматизации всех действий по клиентской оптимизации — достиг версии 0.4. Список поддерживаемых систем ширится и растет с каждым днем: Drupal 5 и 6, Joomla 1.0 и 1.5, Joostina, Wordpress 2.7, PHP-Nuke, LiveStreet, vBulletin 3.8 и так далее.

Подробное руководство по установке (немного устарело уже, правда)
Загрузить версию 0.4.0
Загрузить мини-установщик
Помочь проекту материально
Читать дальше →
Total votes 43: ↑39 and ↓4+35
Comments39

Popup с затухающим фоном с помощью jQuery

Reading time8 min
Views43K
imageМногие из нас сталкивались с всплывающими окнами, когда при этом постепенно потухает фон. Взгляд пользователя невольно фокусируется только на той части экрана, где что-то требуется от этого самого пользователя. Достаточно полезно, не правда ли?

Конечно же, не претендую на какую-то новизну, и данная заметка будет больше полезна начинающим с jQuery (коим и сам являюсь), чем людям, имеющим существенный опыт с данным javascript фреймворком.

под катом пример и описание
Total votes 83: ↑63 and ↓20+43
Comments71

Top лучших flash-студий России 2008

Reading time1 min
Views950
Вчера 18 декабря флэш журнал Bomb Shock подвел итоги второго всероссийского голосования
«Top лучших flash-студий России 2008». Голосовать за участников рейтинга могли все желающие. Целью массового опроса организаторы рейтинга обозначают следующим образом: «показать ключевых, наиболее известных и активных игроков рынка flash-технологий. Собрать наиболее полную базу компаний участвующих в развитие данного сегмента.» Дело безусловно благое!

Привожу краткие результаты:
1. Deluxe Interactive www.deluxe-interactive.com
2. Red Keds www.redkeds.com
3. Plastic Arts www.plasticarts.ru
4. Flash Cafe www.flashcafe.ru
5. Defa www.defa.ru
6. Park www.parkstudio.ru
7. Антимульт www.antimult.ru
8. Brand Studio www.brandstudio.ru
9. Creative People www.cpeople.ru
10. Бюро Пирогова www.pirogov.ru

Всего в рейтинг вошли 32 дизайн студии.
Интересно, что Дизайн Студия Артемия Лебедева в 10-ку не вошла и занимает только 12 место.
Также очень жаль, что у бронзовых призеров не работает сайт и нет возможности посмотреть их работы за прошедший год…

Посмотреть весь список участников за 2008 год и за 2007 год.

Жаль только сам журнал Bomb Shock уже давно не выходит…
Total votes 10: ↑8 and ↓2+6
Comments18

Hyper Island

Reading time2 min
Views4.8K
Есть такое учебное заведение Hyper Island — http://www.hyperisland.se/.
Очень странно, что на Хабре нет ни единого поста про эту школу. Я уверен, что многие в России её знаю, но было бы хорошо, чтобы узнали про эту школу и все остальные.

image
Читать дальше →
Total votes 42: ↑38 and ↓4+34
Comments44

Вводный курс по Drupal

Reading time1 min
Views12K
Многие начинающие работать с Drupal, говорят что система очень сложная, что в Joomla все проще. Так вот, специально для начинающих осваивать эту CMS хабрый пользователь Infanty составил не большую инструкцию на 75 страниц с большим количеством скриншотов.Краткое содержание:
  1. Установка пакета программ — Денвер
  2. Установка CMS Drupal
  3. Перевод языка CMS Drupal и её модулей на язык отличный от английского языка
  4. Установка модуля редактора текстов
  5. Создание сайта визитки
  6. Создание портала на Drupal
Так же кратко рассматриваются вопросы переноса с локального компьютера на сервер, обновление модулей и самого движка Drupal, оптимизация работы сайта и оптимизация под поисковые системы. В общем — весь джентельменский набор в одном файле. Инструкция в самом деле очень подробная, но находится в стадии формирования, поэтому ваши отзывы и критика будут очень полезны. Автор материала планирует написание и перевод еще нескольких интересных статей по Drupal, за что я лично ему весьма благодарен.Скачать Вводный курс по Drupal
Total votes 51: ↑38 and ↓13+25
Comments22

Установка Web Optimizer

Reading time4 min
Views1K
Web Optimizer (Веб Оптимизатор) — приложение, автоматизирующее все действия по клиентской оптимизации для произвольного сайта. На данный момент оно существует в виде отдельного приложения (которое нужно самостоятельно установить на сайт). В качестве базы для Web Optimizer использовался PHP Speedy (который также существует в виде дополнения для Wordpress, Joomla и Drupal).

Давайте рассмотрим, каким образом можно установить Web Optimizer.

Шаг 1: загрузка архива


Загрузка архива
Читать дальше →
Total votes 59: ↑57 and ↓2+55
Comments46

Хабраотчет #2 с MIX 09 из Лас Вегаса про то что происходит в коридорах конференции

Reading time2 min
Views2.6K
Я очень рад, что хабралюди тепло встретили первую часть моего репортажа. Сейчас будет пост не совсем характерный для Хабра, но это только на первый взгляд.

image
Мне приходилось бывать на различных конференциях — на научных и не очень. Но я никогда бы не подумал, что конференцию можно провести в Лас Вегасе — в столице блекджека и прочих радостей. Мне виделись пьяные участники конференции, которые сбегают с докладов играть в рулетку.

image
Но на MIX все оказалось довольно прилично и организованно. Три этажа гиков и дизайнеров, по 6-8 докладов одновременно. Все это работает как часы и все трезвые. :)
Читать дальше →
Total votes 63: ↑57 and ↓6+51
Comments43

Доширак: Проект первый. Что такое Конфитюр и с чем его едят?

Reading time1 min
Views1.1K
image

Три месяца назад мы объявили об уходе в свободное плавание, пообещав сделать за полгода три проекта. Сегодня мы хотим представить на Хабрахабре первый из наших проектов.
Читать дальше →
Total votes 110: ↑91 and ↓19+72
Comments98

Лучшие стартапы Августа. Полгода спустя.

Reading time4 min
Views1K


В августе sazAM опубликовал 10 самых интересных стартапов августа. Как же они продолжили свое развитие?
Заранее напишу, что рейтинг составлялся на основе личного мнения.
Места, какие заняли проекты в рейтинге проставлены на основании их нынешних достижений, так же в скобках проставлены места на момент открытия проектов ( Август ).

Читать дальше →
Total votes 72: ↑61 and ↓11+50
Comments46

Лучшие стартапы января

Reading time6 min
Views1.3K
image
Январь получился богатым на интересные проекты. Как в кино, фильмы вышедшие в Январе, как правило претендуют на Оскар, так и в стартапах, некоторые проекты вышедшие в Январе точно будут претендовать на попадание в десятку по итогам года. Тут вам и проект Бондарчука, в который собираются вложить 8 миллионов долларов, и перерождение chat.ru и инновационное для рунета интернет-телевидение.

Читать дальше →
Total votes 64: ↑55 and ↓9+46
Comments67

Information

Rating
Does not participate
Location
Санкт-Петербург и область, Россия
Works in
Date of birth
Registered
Activity