Pull to refresh
0
0
Send message

Кастомные социальные кнопки

Reading time5 min
Views74K
Недавно участвовал в разработке одного проекта — фото конкурса. По задумке, рейтинг фото альбомов должен формироваться из суммы всех публикаций в социальных сетях: Facebook, Вконтакте, Twitter. Т.е. общий рейтинг фотоальбома расчитывается:
Рейтинг фотоальбома = кол-во «Share» в Facebook + кол-во «Сохранить» в Вконтакте + кол-во «Retweet» в Twitter

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

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

Итак:
  • количество лайков будем получать от REST сервисов каждой социалки
  • кнопки рисуем свои и обрабатываем событие click

Читать дальше →
Total votes 99: ↑94 and ↓5+89
Comments58

BMW выжигает рекламу в глазах посетителей кинотеатров

Reading time1 min
Views1.1K
Компания BMW начала использовать в немецких кинотеатрах новую технологию рекламы Flash Projection, похожую на «25-й кадр». За экраном ставится трафарет с логотипом BMW, а во время рекламы через него подаётся мощная вспышка света. В результате все зрители, которые смотрят в этот момент на экран, незаметно для себя получают копию бренда на сетчатку глаза. Если закрыть глаза, то буквы BMW становятся видны. Реклама специально сделана таким образом, что после вспышки в конце рекламного ролика зрителей просят закрыть глаза и «помечтать».

Подробнее эта технология объясняется в видеоролике от BMW.
Читать дальше →
Total votes 94: ↑73 and ↓21+52
Comments135

Управляем сайтом при помощи kinect

Reading time1 min
Views774

Kinect приходит в Интернет


Взрывная технология kinect, изначально разработанная как игровой «контроллер без контроллера», все больше и больше проникает в мир — где нет игр!
Многочисленные видео на YouTube, где умельцы из Массачусетского технологического института (MIT) и Evoluce прикрутили #kinect к Win 7, уже никого не удивляют, а всего лишь подтверждают, что совсем немного осталось до того дня, когда Вы, сидя на любимом диване перед плазменной панелью, взмахами руки управляете своим компьютером, выбирая свеженький фильм, постите в twitter новый каламбур или серфите Интернет, читая новостной обзор на вашем любимом ньюс-портале.

Фантастические картины, которые перед нами рисовал Стивен Спилберг в «Особом мнении», уже не так фантастичны и каждый из нас может себя ощутить Томом Крузом, который листает видео руками:


Пока Майкрософт и сообщество бьются над тем, как сделать устройство более чувствительным и удобным, настает период задуматься о его практическом применении и юзабилити совместимости.
Недавно в сеть попало видео о первом (?!) сайте, который оптимизирован под работу с kinect:

Возможно, в будущем, kinect совместимая версия сайта будет таким же обязательным атрибутом сайта, как кросс-браузерность.

Автор — oleg@astwork.ru
Можете поделиться с ним инвайтом и задать вопросы, на которые, я надеюсь, он с удовольствием ответит.
Total votes 52: ↑42 and ↓10+32
Comments45

Срочная зарядка плееров и телефонов

Reading time2 min
Views15K
Что делать, если батарея телефона или плеера почти разрядилась, а возможность зарядить ее появится только через несколько часов (а то и дней)? Пара решений этой проблемы:

Читать дальше →
Total votes 65: ↑46 and ↓19+27
Comments87

Изображаем память с помощью тетрадки в клеточку

Reading time5 min
Views4.5K
Где-то в архивах этого блога можно найти статью про тетрадь в клеточку и ее душевные переживания. Содержание у этой статьи скорее философское, чем прикладное. Но вот сама идея изобразить работу мозга с помощью карандаша и тетради в клеточку показалась мне довольно интересной. Как заметил автор той статьи, работу любой программы можно изобразить на бумаге. Будь то стек вызовов или регистры процессора – их легко можно изобразить с помощью клеточек.

Но это все низкоуровневые процессы. Возможность изобразить их на бумаге скорее теоретическая. На практике от нее мало пользы. Вот если бы можно было с такой же легкостью описывать более высокоуровневые процессы…
Читать дальше →
Total votes 67: ↑55 and ↓12+43
Comments29

Мастерство целевого использования ключевых слов и оптимизации страниц

Reading time8 min
Views7.9K
Пост опубликован по просьбе одного хорошего человека.

Как создать максимально оптимизированную веб-страницу?



Если вы СЕОшник (SEO оптимизатор), то этот вопрос вы часто слышите. К сожалению, однозначного ответа нет. Но, тем не менее, существует набор полезных приемов, которые помогут приблизиться к ответу на этот вопрос. В данном посте я поделюсь нашими лучшими рекомендациями для достижения «совершенства» оптимизации страницы и расположения ключевых слов. Или, по крайней мере, что-то близкое к этому. Некоторые из наших советов подтверждены данными, результатами исследований и тестирований, другие основаны на интуиции и общем опыте. Как и со всеми СЕО советами, мы рекомендуем постоянное тестирование и оттачивание, ну а данный пост поможет вам начать процесс оптимизации.
Читать дальше →
Total votes 107: ↑80 and ↓27+53
Comments52

Twitter. Инструкция по применению

Reading time6 min
Views48K

Twitter мой всегда со мной, или явные признаки твиттеромании налицо



Твиттер — это сервис для микроблоггинга. С этого начинаются и, как ни странно, этой же фразой заканчиваются большинство статей об этом замечательном сервисе. При этом, мало кто из людей понимает, что собственно такое этот микроблоггинг и Твиттер, с чем его едят и на какую голову все это надеть. Более-менее понятное объяснение о том, что такое Твиттер, я встретила только на Хабре в статье «Интервью с программистами Twitter (видео)».

Мне очень нравится Твиттер, потому что там можно встретить и зафоловить интересных и неординарных людей. Информацию об обновлениях вашей ленты можно получать любым удобным для вас способом: через Web-интерфейс на сайте twitter.com, c помощью многочисленных клиентов для всех операционных систем, уведомлений в Jabber или Skype с помощью соответствующих ботов, по СМС (у меня, к сожалению, эта функция не работает, потому что не удается активировать мой номер, но это не критично, так как вышеперечисленных способов хватает с головой). На работе мне доставляет уведомления Jabber-бот в Meebo, дома любимая птичка — воробушек Twitterrific — приносит самые свежие весточки в клювике; на iPhone’e в дороге можно пользоваться мобильной версией сайта или же замечательным недавно открытым приложением Twinkle. Стоит сказать, что некоторое время назад, к сожалению многих пользователей, администрация Твиттера отключила всеми любимого Jabber-бота. С другой стороны есть хорошая новость: Iconfactory выпустила версию Twitterrific для iPhone, которую я люблю ещё больше десктопной. Если вы хотите узнать, чем он отличается от Twinkle, можете почитать замечательный обзор от Влада Гороховского.

Как говорил Umputun в комментарии к посту об этом сервисе:


В моем понимании, Твиттер — это средство широковещания/броадкастинга своих мыслей и прочей информации, и в тоже время средство приема подобных “твиттерограмм” от тех, от кого хочешь их принимать».


Это наталкивает на мысль, что стоит помнить о своей аудитории: кому вы вещаете, что вы вещаете и почему вы это делаете. Если можете не писать — не пишите. Не можете — вот пара советов и пояснений.

Читать дальше →
Total votes 76: ↑62 and ↓14+48
Comments83

Я разрежу тебя на тайлы. Часть первая

Reading time5 min
Views11K
image Несмотря на все мои попытки к исправление ситуации с технологиями загрузки данных на карту, люди все продолжают и продолжают работать по старинке, загружая либо все данные вьюпорта при малейшем движении карты, либо просто загружая все данные вообще.
Покуда метры направления растеризует маркеры в картинки, строят супер системы группировок и кластеризаций и дрожат над каждым лишним килобайтом в скриптах, давайте я расскажу самый простой, стабильны, и банальный способ сделать жизнь свою, своих пользователей, своих карт и своего сервера чуть прекрасней.
Как будет сказано чуть позже покорение карт состоит из 5ти шагов.
Первый из них это загрузка карты( не все так просто как думается ), а вот второй — это загрузка на эти самые карты данных.
Он то нам и интересен.
Читать дальше →
Total votes 60: ↑43 and ↓17+26
Comments11

15 Вопросов на собеседовании в Google, из-за которых вы можете почувствовать себя глупым

Reading time2 min
Views319K
15 вопросов от Google
Google снова набирает людей.
Это отличная новость для тысяч начинающих менеджеров и разработчиков ПО, желающих найти спокойную пристань в эти сложные дни.
Теперь плохие новости:
  • Google предпочитает людей из «Лиги Плюща»
  • Им интересны ваши оценки (в институте), даже если вам уже за 30
  • Они ищут людей, которые хотят изменить мир

Хуже того, если вы подходите по всем этим параметрам, вам все равно надо проходить собеседование.
Льюис Пин (Lewis Pin), тренер по поиску работы из Сиэтла, собрал 140 вопросов, которые в Google спрашивали его клиентов.

Сколько шариков для гольфа поместится в школьный автобус?


Сколько шариков для гольфа поместится в школьный автобус?
Позиция: Менеджер проекта

Читать дальше →
Total votes 268: ↑231 and ↓37+194
Comments525

Реактивные веб-сайты. Электронные версии

Reading time1 min
Views741
Видимо, это становится хорошей традицией — раз в год выкладывать книги по клиентской оптимизацией в электронном виде. Будем надеяться, что традиция проживет в наше непростое время хотя бы еще несколько лет :)

К делу: выложена полноценная электронная версия книги «Реактивные веб-сайты» (клиентская оптимизация в алгоритмах и примерах). На данный момент она доступна в двух вариантах.
  1. PDF-версия, полностью аналогичная ушедшему в типографию макету книги. Идеально подходит для чтения на ПК или самиздата.
  2. FB2-версия (формат Fiction Book). Соответствует рукописи, по тексту незначительно отличается от PDF.
  3. FB2-версия (картинки шириной 200, меньше в 4 раза). Спасибо leonidas .
  4. FB2-версия (без картинок, меньше еще в 10 раз). Спасибо leonidas .

Все версии доступны для загрузки здесь. Прямых ссылок не будет, чтобы в десяти местах их не исправлять.
Читать дальше →
Total votes 99: ↑92 and ↓7+85
Comments43

Программирование в таблицах — новая концепция записи условных (и не только) конструкций

Reading time8 min
Views5.4K
Не так давно, в процессе поиска в сети альтернативных подходов к программированию я наткнулся на очень интересное видео. Это 40-минутная презентация с интригующим названием «No Ifs, Ands, or Buts. Uncovering the Simplicity of Conditionals». Автор презентации Джонатан Эдвардс (Jonathan Edwards) рассказывает о новой концепции записи условных конструкций при помощи созданных им схематических таблиц (schematic tables).

Эта тема должна быть интересна всем, кто хоть немного интересуется программированием. Если у вас нет в распоряжении лишних сорока минут или вы не можете посмотреть видео по какой-либо другой причине, предлагаю ознакомиться с моим кратким пересказом презентации Джонатана.
Читать дальше →
Total votes 64: ↑58 and ↓6+52
Comments54

Ах вот ты какой, хаброчеловек

Reading time2 min
Views674
А вообще аватар — это картинка, которая отображается рядом с Вашим ником, когда Вы пишете комментарии. А ещё её видно в Вашем Хабрацентре. Она помогает другим пользователям выделить Вас из серой массы тех, кто пока не закачал аватар себе в профиль.
imageВозникала ли у тебя, %username%, мысль: «а не поставить ли на аватар немного измененного хабрачеловека?». Что приходят в голову первыми? Поднять не левую руку, а правую? Показать fuck? Поднять обе руки?

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

Оказалось, что с воображением на хабре просто замечательно! Всего мною был обнаружен 101 хабрачеловек. Многие из них просто великолепны: )
Читать дальше →
Total votes 258: ↑226 and ↓32+194
Comments91

Всем фанатам TTD подарок — OpenTTD 1.0 beta

Reading time1 min
Views2.4K
imageВот что пишут разработчики:

«В качестве маленького рождественского подарка мы представляем первую бету версии 1.0.0. В эту версию вы можете играть без использования оригинальных файлов из Transport Tycoon Deluxe (конечно, вы можете использовать их, если они вам нравятся больше).

Благодарим всех, кто сделал это возможным.»
Читать дальше →
Total votes 131: ↑128 and ↓3+125
Comments129

Акустические локаторы

Reading time1 min
Views2.9K
Акустическая локация используется для определения местоположения и направления движения тел. В начале XX века был сконстроирован ряд необычных гаджетов, для расширения возможностей человеческого уха, некоторые из которых можно просмотреть под катом.


Сделано чехами в 1920-х г.

Читать дальше →
Total votes 168: ↑146 and ↓22+124
Comments86

Теперь Google Analytics работает Асинхронно

Reading time3 min
Views5.4K
Новый код выглядит вот так:
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXX-X']);
_gaq.push(['_trackPageview']);

(function() {
 var ga = document.createElement('script');
 ga.src = ('https:' == document.location.protocol ? 'https://ssl' :
   'http://www') + '.google-analytics.com/ga.js';
 ga.setAttribute('async', 'true');
 document.documentElement.firstChild.appendChild(ga);
})();

Это значит, что гугл.аналитикс больше не замедлит загрузку вашего сайта :)
UPD: То есть, он скачивал свой 24кб ga.js во время загрузки страницы, теперь он это может делать после…
Но после первой загрузки, он обычно закэширован и на всех остальных сайтах используется один и тот же :)

Материалы по теме:
Под катом бонус, код для русских поисковиков
Total votes 85: ↑73 and ↓12+61
Comments83

Оптимизация Javascript с помощью Google Closure Compiler

Reading time1 min
Views47K
image
Google открыла исходные коды нескольких инструментов, которые использовались их сотрудниками при разработке таких проектов как Google Docs, Google Maps и GMail.

В числе этих инструментов имеется достаточно интересная штука, называемая Google Closure Compiler. Данная утилита минимизирует и оптимизирует javascript-код, за счет чего он начинает работать и загружаться быстрее.
Читать дальше →
Total votes 89: ↑85 and ↓4+81
Comments67

Резервное копирование он-лайн

Reading time3 min
Views5.9K
Некоторое время назад я представил себе, что вся моя коллекция музыки, которую я раскладывал по папочкам, а также куча отснятых и милых душе фотографий вдруг пропадут с умершим винчестером. После этого пришлось срочно озаботиться поиском годного сервиса он-лайн бэкапа. Требования для себя сформировал такие:
  1. Неограниченное место
  2. Кроссплатформенность
  3. Возможность использования нескольких компьютеров
  4. Желательно невысокая стоимость

Этим требованиям удовлетворяли множество сервисов, но не один полностью. Итак, расскажу немного о трех, которые больше всего привлекли.

Читать дальше →
Total votes 23: ↑21 and ↓2+19
Comments22

Удобный Backup

Reading time1 min
Views1.8K
Как известно, в Asus Eee и других нетбуках нет сидирома, а посему а делать загрузочную флешку от Acronis'а как-то не улыбается.
Но есть два простых способа сделать образ диска.
Оба способа требуют загрузки любой Linux-системы (с флешки) и прав суперпользователя для исполнения (то бишь sudo для Ubuntu и su для всех остальных)

1. > dd if=/dev/sda1 of=/media/disk/backup.bck

2. > cat /dev/sda1 | gzip > /media/disk/backup.bck.gz

В примерах /dev/sda1 — резервируемый раздел, а /media/disk/ — флешка.
Соответственно, второй способ несколько удобнее за счет сжатия. А первый — заметно быстрее.

Восстановление: в первом случае поменять местами аргументы, а во втором — использовать команду zcat.

Идеи почерпнуты в блоге Telegamochka и комментарии Moose_kazan там же. Проверены на моем MSI Wind.
Total votes 21: ↑12 and ↓9+3
Comments10

Самые заметные фильмы 2009 года

Reading time1 min
Views1.3K
«1 год, 342 фильма, 12 месяцев работы, 7 минут...» — вот так незатейливо начинает рассказ о своём ролике его автор Kees van Dijkhuizen. Если Вы хотите вспомнить все стоящие фильмы 2009 года — этот материал однозначно для Вас. Рекомендую обратить внимание на качество монтажа.

Total votes 81: ↑65 and ↓16+49
Comments79

Как определить «Где я?» в приложениях на Windows Mobile

Reading time16 min
Views4.8K
Каким образом реализуются приложения, зависящие от местоположения сегодня? Как правило, на ум сразу приходит использование GPS-устройств, которые способны предоставлять координаты текущего местоположения. Однако, GPS устройства есть далеко не везде и не всегда. Давайте попробуем разобраться как реализовать более богатый способ определения текущего местоположения.
Читать дальше →
Total votes 51: ↑44 and ↓7+37
Comments65
1
23 ...

Information

Rating
Does not participate
Date of birth
Registered
Activity