Все о CSS

Все, что вы хотели спросить о CSS. Простой и полезный справочник.

Google или Facebook

Обновлен мобильный веб-мэшап - Спросите у друзей. Надстройка для поиска Google, которая позволяет задать тот же самый вопрос в Facebook - поисковый запрос будет просто напечатан на стене. Социализация поиска. Кто поможет быстрее?

Мобильный сайт: http://askfriends.linkstore.ru

Можно также воспользоваться следующим QR-кодом:



Можно использовать мэшап в своих мобильных веб-приложениях и прямо передавать в параметрах строку с поисковым запросом. Имя параметра: q Т.е. ссылка выглядит так:

http://askfriends.linkstore.ru?q=запрос

Сенсоры с Wi-Fi

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

Кстати, у этого устройства есть и другое применение. Питается он от батарееек, работает долго и может быть использован как Wi-Fi тег. А к тегу можно добавить сообщения и правила для их активации. Это то, что делает SpotEx.

P.S. а касательно сенсоров с GSM см. GSM розетка

Where Are They Now

Обновлен мобильный сервис WATN (Where Are They Now). Новый подход к обмену информацией о местоположении в мобильных сетях - безопасный способ обмена данными о позиционировании. Это мобильное веб-приложение (HTML5), которое не требует никакой регистрации. Нет, соответственно, и стороннего сервера, который бы хранил пользовательские данные вместе с местоположением.

Вот здесь можно посмотреть презентацию сервиса

Скопировать ссылку на свой телефон можно с помощью приведенного QR-кода



http://watn.linkstore.ru (это мобильный сайт).

Архитектура Spotify

Интересное описание технического устройства Spotify. Музыка там не проигрывается с веба, в основе системы P2P сеть.

Городские форумы

Обновлен Городской форум. Это мобильный веб-мешап, соединяющий места из Foursquare и облачные форумы от Disqus. Площадка для обсуждения мест в городе. Реализовано с помощью HTML5, так что приложение работает и на мобильных телефонах (iPhone, Android, Bada)

http://cforum.linkstore.ru

(это - мобильный сайт).

Скопировать ссылку на свой телефон можно с помощью приведенного QR-кода. Можно также набрать короткий URL http://bit.ly/aFCbjF

P.S. кстати, посмотреть рекомендации из Foursquare можно с помощью следующего сервиса: Гео-браузер.

QR-code магазин

Магазин без кассы. И без большого склада, как можно понять. На товарах - QR-код, который приводит на страницу оплаты. То есть оплата товара в реальном магазине осуществляется так, как будто он электронный. Ну и доставка, соответственно

P.S. спонсор публикации - QR-code maker

Когда много JavaScript

Интересная презентация по архитектуре больших JavaScript приложений:

jQquerysummit - Large-scale JavaScript Application Architecture

View more presentations from Jiby John

AppMobi

Компания AppMobi открыла код своих инструментов для мобильной веб-разработки

Опечатка

P.S. прям как в старом анекдоте: "вместо ошибочно напечатанного сионист Пердюк, следует читать пианист Сердюк"

Распознавание лиц на фотографиях

Если какая-то программа может быть написана на JavaScript, то она будет написана на JavaScript. На inetique.ru новый пример - распознавание лиц на фотографиях. Проще некуда - jQuery plugin

Поиск текста в документах

Интересное сравнение алгоритмов выделения текста из HTML документов. Лидер - boilerpipe.

См. также SnackForty и ReVerb

Новая модель распространения контента

Context-aware browsing - новая модель распространения гиперлокального контента для мобильных абонентов. Презентация с конференции LBS-2011:

LBS-2011: a new model for getting local content

View more presentations from Coldbeans Software

Учебник по JavaScript

Хорошее руководство по JavaScript от Google

Предметные обсуждения

Обновлен мэшап Мобильный форум. Это еще один генератор мобильных приложений, который позволяет создать мобильную веб-страницу с форумом (используется Disqus API), а также QR-код для представления этой страницы. Размещайте полученный QR-код на каком-то физическом (реальном) объекте - и вот вам отзывы посетителей (пользователей, покупателей) про что угодно. Мобильный форум для реальных объектов (предметов). Для товара, который вы продаете, для столика в кафе и т.д.

Доступ к дискуссии (отзывам) непосредственно с любого мобильного телефона с HTML5 браузером. (iPhone, Android, Bada, Opera 10.1 etc.).

А с помощью Google Analytics можно отслеживать производительность таких страниц.

Другие похожие приложения из нашей коллекции мэшапов:

Geo talk - дискуссии на карте
City forum - городской форум (Places + discussions)
Place card - Facebook like для реальных объектов
QR-code maker - мобилизуйте cвой контент с помощью QR-кодов

Курсы из Гарварда

Учебные курсы открываются в сети с огромной скоростью. Теперь вот Гарвард

См. здесь другие учебные курсы

P.S. вот еще нашелся список из 400+ бесплатных онлайн курсов от ведущих университетов.

Империя добра?

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

Местные новости: гео-поиск

Обновлен мэшап Гео-поиск. Местные новости, которые иллюстрированы местными же фото - просто кликните на интересующую вас точку на карте.

Параметры, которые можно указать базовому URL:

lat - начальная широта места для карты
lng - долгота места
zml - масштаб

Мэшап поддерживает еще и задание языка в поиске. Имя параметра - hl. Например:

http://geo.linkstore.ru?hl=ru
http://geo.linkstore.ru?hl=en и т.д.

Oracle NoSQL

Интересное описание Oracle NoSQL. Особенно в части трактовки CAP теоремы в изложении Oracle.

Кстати, здесь можно найти собственную NoSQL white paper от Oracle

Place Card - кнопка Like для реальных объектов

Обновлен мэшап Place card - простая рекомендательная система на базе Facebook.

Кнопка Like из Facebook может быть размещена, в том числе, и на мобильных веб-страницах. Если эта мобильная страница посвящена какому-то реальному объекту (например, кафе, ресторану, банку, продукту и т.д.), то выражение "Нравится" приобретает вполне конкретный смысл - пользователь (посетитель страницы) сможет видеть, кто из его друзей в социальной сети отметил (рекомендует) этот сервис (товар и т.д.).

Мэшап Place Card позволяет создать мобильную страницу (визитку) для бизнеса и соответствующий QR-код. Этот код может быть размещен в витрине, на двери и т.д. Можно, естественно, разместить QR-код и просто на сайте (например, в разделе Контакты, О компании - мобильная веб-страница может содерждать адрес и другую контактную информацию). Веб-страница, которая открывается при сканировании кода содержит кнопку Like. Можно видеть, отметил-ли кто-нибудь из друзей это место и, в свою очередь, самому рекомендовать его друзьям.

Простая рекомендательная система средствами Facebook.

Работа с SimpleDB

Хороший учебный материал от IBM по работе с SimpleDB. Рассмотрена также интеграция с JPA, а равно как и реализация eventual consistency (итоговой согласованности) в SimpleDB

Real time Hadoop

Интересная презентация с SIGMOD 2011 по применению Hadoop в реальном времени (сообщения Facebook)

/via Hadoop blog

Rule engine для Java

Простая реализация продукционной системы для Java. Продукционная система (на базе Rete) используется в SpotEx

Apache Mahout

Практика машинного обучения с использованием Apache Mahout. В статье рассматриваются вопросы использования системы в облаке (Amazon EC2). Хороший практический материал от IBM.

См. также другие материалы по Apache Mahout

Учебник по jQuery

Открытая книга по JavaScript/jQuery

Модель доставки локального контента

Презентация с конференции в МГУ (Ломоносовские чтения 2011):

Hyper local

View more presentations from Coldbeans Software.

Это относится к сервисам SpotEx и Wi-Fi chat.

Местные новости. Уфа

Обновлен мэшап Городские новости. Все местное: видео, фото, новости, твиттеряне. YouTube + Twitter + Yandex + Flickr.

Из новых городов добавлена Уфа.

Программирование для iPhone

Учебный курс из Стенфорда - программирование для iPad и iPhone

P.S. см. здесь о других учебных курсах по программированию

Мобильный портал

Обновлен мобильный портал

http://m.linkstore.ru

(это - мобильный сайт). В последней версии обновлен список сервисов. Например, добавлен новый сервис Ask Friends.

Скопировать ссылку на свой телефон можно с помощью приведенного QR-кода. Можно также набрать короткий URL http://bit.ly/dc14q (экономия - 2 символа :)

P.S. кстати, сделать свой портал можно с помощью сервиса Мобильные страницы.

Уму непостижимо

Ошибке с поддержкой SMS URI на платформе Android пошел второй год. Решения так и нет. Как пишут в комментариях, it boggles the mind.

Эксперименты с HTML5

Обновлена страница примеров и экспериментов с HTML5 на inetique.ru

Абавазрение 15.11.2011

Некоторые интересные ссылки:

1. Шутки от Google Translate. Попробуйте перевести "Уважаемый Дмитрий". Именно в кавычках нужно указать.

2. Венчурных капиталистов хотят засудить за кражу идеи. И такое бывает.

3. Еще одна полезная коллекция HTML5 инструментов для мобильной веб-разработки

4. Интересные примеры к учебному курсу по анализу социальных сетей

5. Коллекция бесплатно доступных книг по программированию.

Помощь зала

Обновлен мобильный веб-мэшап - Спросите у друзей. Надстройка для поиска Google, которая позволяет задать тот же самый вопрос в Facebook - поисковый запрос будет просто напечатан на стене. Социализация поиска. Кто поможет быстрее?

Мобильный сайт: http://askfriends.linkstore.ru

Можно также воспользоваться следующим QR-кодом:

Виртуальная SIM-карта

Apple запатентовал идею виртуальных SIM-карт. Еще один гвоздь в операторский гроб.

Мне казалось, что Nokia была первой компанией, которая высказала крамольную мысль - а зачем нам SIM-card? Телефоны стали достаточно интеллектуальны, идентификацию могут поддерживать сами и т.д. Я помню, это дискутировалось на 3GSM World. Операторы были, мягко говоря, вне себя.

Политическая жизнь

Феерическое via Новосибирск в сети:

плакат со словами "Против жуликов и воров" сняли с формулировкой "агитация против Единой России"

Wi-Fi direct

Технология Wi-Fi direct обеспечивает непосредственное взаимодействие Wi-Fi устройств друг с другом. И это не обязательно точка-точка. Группа устройств может присоединиться к одному хосту. При этом наличия какой-то общей Wi-Fi поддержки (сети) не требуется. Соединяющиеся устройства сформируют свою сеть.

Вот примеры программирования Wi-Fi direct для Android 4. Вот еще интересная среда для создания Wi-Fi direct сервисов - Qwarq.

Мы планируем добавить поддержку Wi-Fi direct в SpotEx.

Apache Tika 1.0

Вышла первая версия Apache Tika. Java пакет для выделения текста и метаданных из документов. Понимает следующие форматы документов:

HTML
XML
Microsoft Office documents (OLE2 and OOXML)
OpenDocument Formats
PDF
ePub
RTF
Java class files and archives
Compressed and packaged files
Outlook and mbox mailboxes
Text associated with audio files
Text associated with Image and video files

Навигация без GPS

Интересная идея - MapEverywhere

Еще об учебных курсах

Интересная идея - любой желающий может разместить свои платные или бесплатные курсы. И учить. Udemy.com

HTML5 canvas

Пример работы с графическим контекстом в HTML5. Как создавать новые графические объекты, как выбирать существующие, как их перемещеть по экрану. Практически - базовые элементы для любого игрового пакета. - веб-технологии на inetique.ru

Pub-Sub модели для M2M

Интересная модель: MQ сервисы для M2M приложений. За проектом стоит IBM. С другой стороны пытаются завести свои наработки из MQ Series.
Но это в любом случае интересное начинание. Что ETSI, что OMA в своих материалах так и остались на уровне SOAP и все пытаются реанимировать Parlay X. А здесь реально "программистские" модели предлагаются.

Коллекция мэшапов

Обновлена коллекция мэшапов. Большой набор приложений: Twitter, Google+, Google Maps, Facebook, LBS, QR-коды, мобильные HTML5 приложения, поиск и др.

Amazon S3 своими руками

Open Source альтернатива Amazon S3 - Nimbus. Вот здесь есть сравнение их подхода с традиционной архитектурой систем хранения.

Измерение времени загрузки веб-страниц

Практический пример - как использовать HTML5 Navigation and Timing API. Стандартный интерфейс в HTML5, который позволяет получать различные временные метки для процесса обработки страницы в браузере. В частности, измерять время загрузки.

Таким приемом пользуется, например, Google Analytics

Спросите у друзей

Мобильный веб-мэшап - Спросите у друзей. Надстройка для поиска Google, которая позволяет задать тот же самый вопрос в Facebook - поисковый запрос будет просто напечатан на стене. Кто поможет быстрее?

Мобильный сайт: http://askfriends.linkstore.ru

Можно также воспользоваться следующим QR-кодом:

Бочка для сайтов

И еще раз об эффекте do a barrel roll. Как сделать вращение для произвольного сайта. Это простой трюк с CSS3

QR-code maker

Обновлен мэшап QR-code generator. Простой способ мобилизации произвольного контента, на уровне copy/paste.

Просто скопируйте текст и сервис создаст как мобильную веб-страницу, так и соответствующий QR-код. При создании мобильной страницы сервис автоматически превратит встреченные в тексте URL и email адреса в соответствующие гипер-ссылки.
Можно также добавить файл для загрузки в мобильном вебе, перекодировать ссылки с помощью транскодера (позволяет просматривать обычные веб-страницы с помощью мобильных браузеров).
В последней версии добавлена возможность автоматически превратить номера телефонов в тексте в click-to-call ссылки, а также автоматически добавлять HTML5 audio player для ссылок на mp3 (ogg, wav) файлы.

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

Также есть возможность добавлять обсуждения (форумы) к мобильной странице, остлеживать посещаемость своих мобильных страниц с помощью Google Analytics, добавлять к странице социальные кнопки Facebook Like и Google+1

P.S. схожие мэшапы, которые собственно и инспирировали добавление форумов - Городские форумы и Мобильный форум

Ответный удар

Империя наносит ответный удар. Motorola Mobility (т.е. Google) выиграла патентный спор у Apple в Германии. Теоретически может запретить продажу яблочных телефонов.

P.S. современная телекоммуникационная компания - это юридическая фирма с антенной наверху ...

WHOIS для Twitter

Обновлен мэшап Info from Twitter. Для произвольного аккаунта в Twitter осуществляет поиск других ресурсов, связанных с данным пользователем (используя Google Social API). Хороший способ, например, узнать кто ваш новый читатель в Twitter или, наоборот, кого вы читаете. Попробуйте, вы будете удивлены некоторым найденным ссылкам.

Авторизации в Twitter (и даже наличие собственного аккаунта) не требуется. Просто укажите имя пользователя на странице мэшапа или сразу задайте его в параметрах запроса:

http://tinfo.linkstore.ru?u=имя_в_twitter

P.S. Можно также воспользоваться соответствующим букмарклетом.

P.P.S. A еще посмотрите Whois для Facebook

Машинное обучение

Коллекция полезных ссылок:

10-701/15-781, Spring 2011 Carnegie Mellon University Machine Learning.
The Elements of Statistical Learning (free pdf book)
Information Theory, Inference, and Learning Algorithms (free pdf book)
Videos from Autumn School 2006: Machine Learning over Text and Images

QR-code на марке

Простая и полезная вещь - QR-код непосредственно на почтовой марке. С помощью кода (марки) можно отслеживать состояние отправления:

Отсюда.

Представьте такое на Почте России ...

P.S. другие применения QR-кодов см. в QR-code FAQ and How-to

Машинное обучение на практике

Интересный пример использования машинного обучения для оценки действий посетителей сайта.

Google Maps Mania.ru - 49

Появились новые записи, и пришло время выпустить очередное обновление для списка русскоязычных проектов (систем), выполненных на базе Google Maps.

Как обычно, символом * отмечены новые поступления со времени публикации предыдущей версии списка. Историю вопроса можно изучить здесь.

Ну а последняя версия доступна на странице Google Maps Mania.RU

Местные новости. Челябинск

Обновлен мэшап Городские новости. Все местное: видео, фото, новости, твиттеряне. YouTube + Twitter + Yandex + Flickr.

Из новых городов добавлен Челябинск.

Практическое использование Redis

Хорошая статья по практическому использованию Redis. Это база данных для хранения пар (ключ, значение). In-memory хэш. Вот здесь есть еще о Redis

Google Roll эффект

CSS3 трюк по мотивам Google's barrel roll: http://linkstore.ru/roll.htm

Что Facebook дал вашему сайту

Любителям статистики. Или продвижения. Обновлен мэшап FBstat, который показывает статистику Facebook для заданного URL (сколько раз ссылкой поделились, количество лайков, комментариев и переходов). Попробуйте. Интересно, что даже для сайтов, которые вроде бы отмечают в Facebook, количество переходов по ссылкам очень маленькое ...

P.S. из родственных мэшапов см. Социальные ссылки (социальный граф для сайтов)

Зачем нужны check-in?

Хорошая презентация - как убедить пользователей отмечаться в мобильных сервисах:

The Power of foursquare: 7 Innovative Ways to Get Your Customers to Check In Wherever They Are

View more presentations from Carmine Gallo

P.S. спонсор публикации - Places for Facebook - your customized check-ins

Граф здоровья

Интересная идея - Health Graph. Социальный граф для физического состояния.

Социальный граф и социальные ссылки для сайтов

Обновлен мэшап Social links. Для произвольного сайта позволяет посмотреть, какие из его материалов отмечались в социальных сетях (Facebook, Twitter), а также найти другие сайты, связанные с данным. Использование:

a) показ ссылок в социальных сетях
http://social.linkstore.ru?url_для_опроса

Например:

http://social.linkstore.ru?liveinternet.ru
http://social.linkstore.ru?livejournal.com
http://social.linkstore.ru?vedomosti.ru

б) поиск родственных сайтов
http://social.linkstore.ru?u=url_для_опроса

Например:

http://social.linkstore.ru?u=http://gazeta.ru
http://social.linkstore.ru?u=newsru.com

Для удобства можно воспользоваться соответствующим букмарклетом из нашей коллекции

P.S. Это ссылки, автоматически собираемые социальными сетями. А "ручные" ссылки можно увидеть на табло linkstore.ru :-)

Самые местные новости

Обновлен сервис SpotEx. Обновлены описание, веб-сервис и мобильное приложение для Android.

SpotEx (Spot Expert) представляет собой новое решение для распространения гипер-локальных данных среди мобильных абонентов. Например, показать все предложения/купоны/скидки в торговом центре, новости в кампусе, местные новости на улице и т.д.

Технически - это экспертная система на идеях WiFi proximity: что и как кому показывать в зависимости от близости к заданным точкам доступа. Вот здесь можно еще почитать про SpotEx.

P.S. Ну и картинка нашлась по теме:

Вот они здесь и группируются согласно описанным правилам ...

JavaScript платформа

Платформа для создания и хостинга бизнес-приложений на JavaScript - Wakanda. Интересно