13 ноября 2010 г.

jQuery 1.4.4

Вчера вышла самая последняя версия jQuery, очередной maintenance-релиз. Из интересного:

  • методы .width() и .height() теперь возвращают правильные значение для скрытых элементов (раньше возвращали 0);
  • добавлен новый метод .fadeToggle();
  • исправлено более 20 багов, в том числе регрессии из 1.4.3

По традиции мы обновили шпаргалку и для удобства вынесли её на короткий домен http://jqapi.ru

Кроме того, работают ссылки вида jqapi.ru/название_метода, например http://jqapi.ru/fadeToggle.

Пост в блоге jQuery

Google Developer Day 2010

Google Developer Day 2010 12 ноября мы, @coagulant и @piu_mosso, посетили Google Developer Day 2010. Организация мероприятия по сравнению с прошлым годом улучшилась: всем хватило мест, не было толкучки на регистрации.

На вводной презентации были обозначены основные направления развития веб: веб-приложения (с применением технологий HTML5), облачные вычисления (App Engine) и мобильный веб (Android). Этим направлениям были посвящены 3 из четырёх секций.

Chrome и HTML 5


На секции Chrome и HTML 5 мы посетили все доклады: «Пишем для веба с Native Client» от Брэда Чена, «Расширения Google Chrome» от Пола Кинлана, «Практический HTML5» от Джереми Орлова, «Инструменты Chrome для разработчиков» от Павла Фельдмана, «Веб-приложения в Chrome WebStore» от Пола Кинлана и «Авторизация в WWW» от Стивена Базила.

Презентация Native Client была интересной и перспективной, но по-прежнему технология выглядит очень сырой. Несмотря на то, что игры под Unity3d запускаются прямо в браузере, этот браузер пока только Google Chrome, к сожалению. Когда дойдёт до стандартизации и повсеместного внедрения пока неясно.

Из всех докладов наиболее полезным оказался «Инструменты Chrome для разработчиков». Павел Фельдман рассказал о том, что появится в новом релизе инструментов. Изменится интерфейс работы с сетью. Chrome предоставляет интересные средства отладки и профилирования JS, в том числе изменение на лету. Это то, что уже сейчас есть в canary сборке.

К сожалению, разговоры о HTML5 (вступление и «Практический HTML5») ограничились традиционным перечислением основных фич и демонстрацией красочных примеров. Если вы знакомы с HTML5, то практически ничего нового узнать вам не удалось бы.

Доклад «Авторизация в WWW» представлял собой объяснение, как же работают OpenID и OAuth. Ничего из того. что нельзя прочитать о данных технологиях. Расстроил синхронный перевод, который только мешал вникать в хитросплетения обменов токенами.

Другие секции


Mano Marks рассказал про fusion tables и новшества map api v3. Из интересного: maps api крупнейший и самый популярный API, styled maps это не только цветовые схемы «вырви глаз», он и возможность удобно отсечь лишнее, fusion tables - рай для неразработчика, которому надо по-быстрому сделать карту из экселя :) Fusion tables активно развивается, там много разных визаулизаций, не только картографические.

Общие впечатления


В целом, что касается расширений и приложений для Google Chrome, был дан импульс: разрабатывайте web-приложения. Google Chrome позоляет упростить процесс их монетизации. Также Google призывает увеличить функциональность браузера расширениями с использованием «родных» технологий HTML, CSS и JS.

На вопрос «HTML5 или Native?» был дан ответ на последней презентации секции Android: пишите и то и другое. И это очень правильно: веб-приложения дают возможность создавать решения сразу для большого числа платформ, моментально обновлять их у всех пользователей — они нужны для «захвата рынка». Потом уже можно вложиться в разработку родного приложения и под андроид и под iOS и другие, с родным для платформы интерфейсом и более плотной интеграцией с железом и фичами платформы.

Секция HTML5 и Chrome могла быть гораздо более гиковской, с более глубоким погружение в тему, именно этого мы ждали от выступлений (201).

22 октября 2010 г.

Шпаргалка по jQuery 1.4.3




Вышла новая версия jQuery, поэтому мы обновили свою шпаргалку. Все изменения в API в ней отражены, их немного. Вот, что поменялось в этом релизе:

  • библиотека проходит тесты JSLint, с небольшими оговорками (это для соблюдения coding standards внутри команды jQuery);
  • модульность, компоненты теперь независимы (удобно для тестирования, можно подгружать независимо);
  • переписан модуль css, получение стилей через .css() стало быстрей;
  • можно писать плагины для функций animate и css, добавляя свои атрибуты (например, $('#myDiv').css('rotate', 90)),  пример;
  • атрибуты тегов вида data-yourattr автоматически доступны через метод .data('yourattr') (это активно используется в мобильном фреймворе jquery);
  • методы .closest(), .filter(), .is() и .find() стали очень быстро работать в современных браузерах (за счёт нативных селекторов);
  • чтобы отменить событие по умолчанию и остановить "всплытие" события вместо .bind("click", function(){return false}) можно писать .bind(“click”, false);
  • все методы типа .click(fn) теперь могут получать объект данных в качестве дополнительного аргумента (раньше так умел только метод .bind();
  • полезная функция для проверки настоящего типа объекта jQuery.type (обходит тонконсти и нюансы опреатора typeof javascript);
  • и ещё немного по мелочи.

Пользуйтесь на здоровье:

Обычная версия (179кб)
Сжатая версия (26 gzipped или 76кб)
На CDN Google 

21 июня 2010 г.

Банкоматор вконтакте

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

Страница приложения

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

Напоминаем, что вы можете встроить Банкоматор к себе на сайт, например, если хотите показывать своим посетителям, где можно найти ближайший терминал оплаты Киви или банкомат Сбербанка.

Если вы хотите в виджете увидеть меню с банками, то можно просто добавить параметр ?hidefilters=0, например:
<iframe src="http://bankomator.ru/?hidefilters=0#lat=55.760022&lng=37.604236&z=12&banks=5" width="600" height="500">

9 июня 2010 г.

«Хостинг» приглашений от Future Colors «Event 007»

logo
Future Colors представляет новый проект Event 007, благодаря которому любой желающий может создать web-страницу с приглашением на какое-либо мероприятие (будь то, например, концерт или встреча), получить ссылку на эту страницу и разослать её друзьям.

Преимущество нашего проекта состоит в простоте публикации: для этого не нужна регистрация, вам нужно лишь заполнить простую форму. К приглашению можно прикрепить флаер (или любое другое изображение), а также карту (с возможностью корректировать положение точки) согласно адресу.

Вот пример, как может выглядеть приглашение:

event


19 мая 2010 г.

DevConf::report()

Это самый краткий из наших отчётов. 17 мая мы посетили DevConf, «конференцию профессиональных веб-разработчиков», в которую вошли целых 5 потоков: PHPConf, Perl, Python, Ruby и ASP.NET.

Вот где мы (@coagulant, @piu_mosso, @DmitryVadimich) успели побывать:

  • Илья Альшанетский очень доступно рассказал о том, как надо оптимизировать программы, и как этого делать не надо. Неплохая презентация.
  • Сходил на «Расширение механизма импорта в Питоне», было вполне интересно.
  • Из-за порушенного расписания не успел на доклад про переход badoo.com на PHP5, а жаль.
  • В ожидании презентации по Рельсам послушал немного про ASP.NET 4 - было скучновато. Интеллисенс конечно крут, но остальное не впечатлило.
  • Дождался доклада Йехуды Каца о новинках в третьих рельсах. Отличая подача инфы, заинтересовался, планирую почитать про руби и RoR на досуге.
  • Презентация демонов на PHP с libevent была плохой. Скучал.
  • Хорошая презентация Redis'а вызвала аппетит к этому продукту.
  • Обед был особенно уныл, а купить что-либо другое вообще было невозможно.
  • Выступление про новинки в девятом постгресе было ничего так. Надо изучить что-то за рамками традиционного мускуля, постгрес самое то.
  • Затем очень насыщенная, живая презентация Евгения Климова о хранилищах данных. Классификация, особенности, известные "грабли". Ждём слайдов.
  • Cразу ушёл с REST, тоска. Вместо этого отправился к Монти. Я бы лучше послушал не про историю, а про технические аспекты MariaDb.
  • «+ и - Джанго» превратились в только минусы со слабой аргументацией типа «мне не нравится».
  • Показательная презентация "плюшек" PHP 5.3 на примерах новых доктрины, симфони и зенда. Захотелось сразу же попробовать новые вкусности.
В итоге конференция скорее понравилась не понравилась, ожидания были куда больше. Надеемся, в следующий раз будет ещё интересней.

Мы также заглянули на один мастер-классов, а именно @v0r0b поучавствовал 18 числа в сессии Вадима Крючкова (который говорил о libevent) про опыт построения распределённой команды разработки. К сожалению, скучно, неинформативно, зря потратили время.

Илья, Дима, Тёма

14 мая 2010 г.

Клоны Спокойно.ру

Уже прошло чуть больше года, как мы запустили свой проект spokoino.ru. В самом начале мы определили несколько концептуальных моментов, на которых сконцентрировались при разработке:
  • инструкторов на сайте должно быть много;
  • по большому количеству инструкторов должен быть удобный поиск;
  • для инструкторов должна быть сделана простая регистрация.
Вроде бы очевидные вещи, но на тот момент аналогов не существовало, если не считать проект superdriver.ru, о котором мы узнали уже после запуска.

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

Клонов набралось много, мы решили собрать их все и устроить небольшой хит-парад.

4 мая 2010 г.

Презентация Django

Вот ещё одна презентация от нашей команды, которая прошла на прошлой неделе. Артём рассказал нам о том, почему так крут python-фреймворк Django.



30 апреля 2010 г.

Презентация jQuery

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

23 апреля 2010 г.

Как встроить Банкоматор к себе на сайт?

Новости от нашего проекта Банкоматор:

  • мы добавили ещё три крупных банка (это Росбанк, Уралсиб и Газпром);

  • появилась возможность встраивать Банкоматор на ваш сайт

  • геолокация для Яндекс.Карт (для браузеров, которые поддерживают эту фичу)

  • теперь видно, сколько автоматов у банка, если подвести мышку к его названию;

  • починили несколько минорных ошибок, на которые жаловались наши пользователи.



На следующей неделе ожидается появление новой порции банкоматов и некоторых новых фич. Следите за новостями.

Как же встроить Банкоматор к себе на сайт?


Очень легко. Надо зайти на сайт, открыть нужный фрагмент карты, выбрать в фильтре тот банк, что вам нужен и просто скопировать URL из адресной строки в тег <iframe> на вашем сайте.


Например, вот так можно поместить у себя на сайте карту Райффайзена:


<iframe src="http://bankomator.ru/#lat=55.760022&lng=37.604236&z=12&banks=5" width="600" height="500">

7 апреля 2010 г.

Банкоматор перешёл на технологию Яндекс.Карты.HotSpots

У нас несколько новостей:

«Банкоматор» теперь также и на Яндекс.Картах! До сегодняшнего дня проект работал только на Google Maps, которые теперь существуют в качестве альтернативы (версия для iPhone работает только на них). Теперь вы можете искать банкоматы и терминалы на любой карте по вкусу :-))

Вторая новость — сегодня опубликован API модуля хотспотов для Яндекс.Карт. Технология Hotspots позволяет показывать на карте сразу много меток, не испытывая при этом проблем с производительностью в браузере. Размещение большого количества меток обычным способом приводит к тормозам, поэтому до недавнего времени мы отображали на Банкоматоре не более 100 объектов одновременно. Принцип работы хотспотов прост: серверная утилита на основе информации о карте, представленной в виде YMapsML-файла, генерирует набор картинок (тайлов) и скриптов. Картинки образуют собой дополнительный графический слой, накладываемый на карту Яндекса, а для обеспечения интерактивности используется информационный слой (он содержит логику работы с метками).

Наш проект участвовал в тестировании новой технологии и одним из первых применил её. Благодаря технологии Hotspots, выбирая банк или платёжную систему, пользователь увидит на карте все объекты сразу. Сразу после перевода сайта на Zend Framework мы задумались над расширением географии проекта и над постепенным добавлением терминалов и банкоматов всей страны. Так как наиболее полные карты России у Яндекса, мы решили интегрировать их карты к нам на сайт. Вдохновившись открывающимися перспективами развития Yandex Maps API, мы написали небольшую абстракцию, которая позволила нам легко работать с обоими сервисами карт практически одинаковым образом. После того, как Яндекс предложил нам поучаствовать в тестировании нового способа отображения меток на карте, мы решили сразу же внедрить его, так как он более удобен и нагляден. Надеемся, вы оцените все преимущества новой технологии.

Кроме того, мы полностью обновили базу по терминалам и банкоматам, теперь она самая полная и актуальная.

Ну и напоследок — у Банкоматора теперь есть твиттер. Там мы будем принимать от вас пожелания и сообщения об ошибках, а также обещаем писать о нововведениях проекта.

bankopost

9 марта 2010 г.

Шпаргалка по API jQuery 1.4.2

jquery_1_4_cheat_sheet
14 января мы представили шпаргалку по jQuery 1.4. C тех пор уже успели выйти версии 1.4.1 и 1.4.2, добавились новые функции и мы обновили нашу шпаргалку. Также учли некоторые из пожеланий пользователей. Что нового:

  • Добавлены новые функции;
  • При наведении на имя метода или свойства всплывает подсказка.

Напоминаем, шпаргалку можно:

  1. Смотреть в online-варианте с ссылками на описание каждой функции на сайте официальной документации



     
  2. Распечатать в PDF-варианте или PNG-варианте, которые также были обновлены.

26 февраля 2010 г.

Когда не стоит отговаривать

За последние три года лично я потерял трех друзей. Трех коллег. Все трое были привлечены лично мной в компанию, где я работал.

Первый ушел программистом в Яндекс. Группа поиска.

Второй, спустя полтора-два года, доделав необходимые дела, ушел...программистом в Яндекс!

И третьего, дизайнера, буквально на днях, забрали...в Яндекс, представляете?!

Проблема даже не в том, что мы остались без ценных кадров. Проблема в том, что мы даже не пытались их отговаривать. Будь это любая другая компания, мы бы наверняка постарались сохранить сотрудников. Но с таким очевидным счастьем, как Яндекс, трудно конкурировать. Он воспринимается как идеал. И, отговаривая, ты тем самым врешь, преследуя свои интересы,  теряя последнее хорошее к себе отношение. Поэтому, к сожалению, это как раз тот случай, когда не стоит отговаривать вообще.

Мы желаем всем ушедшим в Яндекс сотрудникам обрести себя и воплотить все идеи в жизнь, а наши двери всегда для вас открыты, что бы ни случилось.

Яндекс! Возьмите нас к себе в качестве hr-службы. Получается, мы кузница кадров для вас. Сами того не желая.

Тенденция говорит о том, что лет за 10 все наши к вам переберутся. Посмотрим, время покажет.

А пока что, Гарик, Сережа и Хим, удачи вам еще раз. Давайте, чуваки, перетягивайте нас к себе :)

P.S. Да, вполне логично, что теперь у нас открыта вакансия дизайнера\иллюстратора\проектировщика интерфейсов.

Присылайте свое портфолио на info@futurecolors.ru, а также от вас хотелось бы в качестве тестового задания услышать предложения по оптимизации интерфейса spokoino.ru, возможно, даже, какие-то наброски.

14 января 2010 г.

Шпаргалка по API jQuery 1.4

jquery_1_4_cheat_sheet

Сегодня (14 января) — дата релиза новой версии популярного JavaScript-фреймворка jQuery. К этому событию мы подготовили свою шпаргалку по API новой версии (1.4), которой хотим со всеми поделиться.

Шпаргалка существует в двух вариантах:

  1. On-line вариант с ссылками на описание каждой функции на сайте новой документации

  2. PDF-вариант для распечатки


11 января 2010 г.

Вёрстка шмеля


Вот так мы в студии верстаем.