Открыть список
Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

WebCards — новейшее расширение Firefox для работы с микроформатами

Микроформаты
С тех пор, как микроформатами заинтересовались разработчики расширений для Mozilla Firefox, были созданы два заметных расширения: Tails и Operator.

Прогресс не стоит на месте — на свет появилась бета-версия расширения WebCards, отличающегося новым подходом к тому, как именно пользователи могут взаимодействовать с микроформатированным контентом.

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

Читать дальше →
Всего голосов 27: ↑25 и ↓2 +23
Просмотры719
Комментарии 43

Мнение одного из создателей CSS

Микроформаты
Håkon Lie
Håkon Lie, некогда с Бертом Босом (Bert Bos) создавший CSS, ныне работает CTO в Opera Software.

В своей недавней статье для CNET Håkon затронул ситуацию с двумя форматами для офисных документов: OpenDocument format (ODF) и Office Open XML (разработан в недрах Microsoft). Последовательно разбирая ситуацию, Håkon отмечает, что ему не по душе обе спецификации: ни 700 страниц ODF, ни 6000 страниц OOXML. Есть другой путь развития:

Вполне возможно создать новый формат поверх широко внедрённых HTML и CSS. Дополнительная семантика (например, формулы) может быть помещена внутрь атрибутов так, как это делается в микроформатах. CSS 3 позволяет реализовать новые возможности (например, выноски, колонтитулы).


и далее:

Дабы показать, что это возможно, я и Берт Бос опубликовали книгу, оформленную посредством HTML и CSS. Значимой оcобенностью этого подхода является тот факт, что документы могут быть просмотрены в большинстве браузеров.


via
Всего голосов 28: ↑28 и ↓0 +28
Просмотры1.3K
Комментарии 21

OpenID и hCard: интересный симбиоз

Микроформаты
Иван Сагалаев реализовал интереснейшую штуку. Я не могу не рассказать о ней хотя бы и вкратце. Итак, в чём суть дела:

Обычно обладатели OpenID действуют в следующих условиях:

1. У них есть свой OpenID — это по сути некий персональный URL (например http://username.livejournal.com или http://username.moikrug.ru, или какая-то другая страница).
2. Они залогиниваются на сайтах, поддерживающих OpenID, указав заветный URL (см. выше)
3. Залогинившись, люди могут совершать некие действия на сайте (чаще всего оставлять комментарии и т.п.), причём система, не зная их имени, будет именовать их в соответствии с OpenID.

Сагалаев предложил внедрить в страницу с OpenID микроформат hCard с тем, чтобы при залогинивании помимо собственно OpenID система могла получить ещё и имя с фамилией, просто проанализировав страницу и вытащив оттуда необходимую информацию («крюками» для вытаскивания как раз и служат соответствующие классы микроформата hCard).

Уже сейчас можно всё опробовать, указав в качестве OpenID страницу вашего профиля в «Моём Круге» — она содержит hCard.

Рекомендую ознакомиться с полным авторским описанием всего вышеизложенного.
Всего голосов 40: ↑40 и ↓0 +40
Просмотры1.1K
Комментарии 39

Вторая встреча WSG-Russia

Микроформаты
17 апреля в рамках конференции РИТ-2007 состоится вторая встреча участников российского крыла Web Standards Group (WSG).

Встреча соберёт веб-стандартистов из нескольких городов России и начнёт традицию регулярных открытых WSG-митингов. В ходе выступлений и дискуссий будут затронуты вопросы внедрения веб-стандартов в практику разработки сайтов, показаны интересные примеры использования
микроформатов, AJAX и затронута тема семантической вёрстки. Среди участников ожидаются докладчики секции «Клиентское программирование», разработчики и российские евангелисты веб-стандартов и микроформатов.

Встреча пройдет в зале 4, в 12:30, 17 апреля.
Всего голосов 25: ↑21 и ↓4 +17
Просмотры532
Комментарии 3

Семинар «Семантическая вёрстка» 18 мая, Москва

Разработка веб-сайтов
18 мая в конференц-зале «Экстрополис» пройдёт семинар под названием «Семантическая вёрстка», который продолжит серию обучающих семинаров под эгидой прошедшей в апреле конференции РИТ-2007. Проведут семинар докладчики секции «Клиентское программирование»:
  • Вадим Макеев (ваш покорный слуга, он же pepelsbey, автор блога http://pepelsbey.net, автор доклада «CSS-менеджмент» на РИТ-2007, участник WSG-Russia)
  • Алексей Рыбаков (он же flack, автор блога http://flack.ru, автор нашумевшего доклада «Тестирование верстки» на РИТ-2007, участник WSG-Russia)
Читать дальше →
Всего голосов 33: ↑27 и ↓6 +21
Просмотры1.7K
Комментарии 33

Экспортируем микроформат в мобильный телефон

Микроформаты
Экспорт микроформатированного контента из браузера в Bluetooth-устройство (мобильный телефон). Просто. Очень просто.

Реализовано посредством специального расширения для Firefox. Минутный ролик, записанный Джереми Кейтом, смотрите под катом.

Читать дальше →
Всего голосов 18: ↑16 и ↓2 +14
Просмотры1.4K
Комментарии 10

Избранные вопросы и ответы на них

Микроформаты
Решил собрать воедино некоторые из тех вопросов, что мне задавали на недавних конференциях РИТ 2007, PHPConf 2007, и в онлайне. Отвечу ещё раз.

Читать дальше →
Всего голосов 35: ↑34 и ↓1 +33
Просмотры3.3K
Комментарии 36

Микроформаты в профиле хабрапользователя

Микроформаты
Сделал тестовую страницу. Под катом описание моих действий.
ВНИМАНИЕ! Я дописываю и дополняю описание вот прямо сейчас, когда вы это читаете, так что не удивляйтесь появлению новых абзацев.

Читать дальше →
Всего голосов 28: ↑26 и ↓2 +24
Просмотры1.1K
Комментарии 40

Визуализация XFN (teaser)

Чулан
Небольшой тизер:

services.alphaworks.ibm.com/manyeyes/view/S7ipIHsOtha6i3-ZJvKJH2-

Визуализация XFN; точка входа — сайт Тантека Челика. Глубина обработки — 5. Подглюкивает, где-то 5% страниц ни в какую не обрабатываются. Пишу сюда, но скоро будет большая статья в моём блоге про подобную обработку.

Заодно ещё обрабатывает rel-tag и hCard (на представленной карте не показывается).

Под капотом — 200 строк XSLT и полсотни на Python.

+ Tidy, libxml2.
Всего голосов 6: ↑4 и ↓2 +2
Просмотры447
Комментарии 5

Пример использования микроформатов на «живом» проекте

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

Микроформат. Что же это такое? В принципе, на этот вопрос было дано уже много ответов, причем звучали как абсолютно противоположные, так и дополняющие друг друга. Например, как правильно ответить на вопрос: для кого больше предназначены микроформаты, для людей или для машин? И ответ на этот вопрос будет ключом к пониманию сущности микроформатов.

Мне кажется, что ответ на поставленный выше вопрос напрямую зависит от текущей ситуации в области web-технологий. Уверен, в будущем чтение и анализ микроформатов будет полностью прерогативой машин. Пользователю же будет полезен лишь конечный результат, продукт их деятельности. К сожалению, сейчас основная масса рядовых пользователей пока даже не знает о существовании микроформатов, не говоря о получении от них пользы.

Детали смотрите далее...
Всего голосов 30: ↑27 и ↓3 +24
Просмотры2.6K
Комментарии 27

Google Maps: добавлена поддержка микроформата hCard

Микроформаты
Разработчики Google Maps сообщили в своём блоге о том, что отныне в выдаче Google Maps будет присутствовать информация, размеченная микроформатом hCard. Это сделано для удобства извлечения данных об адресе и контактной информации. Бонус сумеют оценить как пользователи Firefox (расширения Operator или Tails), так и пользователи IE и Safari (букмарклеты). Там же смотрите пример кода для работы с API.
Всего голосов 19: ↑17 и ↓2 +15
Просмотры1.3K
Комментарии 3

Трансформер для микроформатов. (mf -> XML и JSON)

Микроформаты
Буквально сегодня официально объявлено о запуске сетевого сервиса «Optimus», позволяющего брать микроформатированный контент с любого URL, и преобразовывать его в XML или JSON.

Optimus позволяет извлекать данные в форматах hCalendar, hCard, hAtom, hResume, hReview, xFolkentry, adr, geo, xfn, votelinks, rel-nofollow, rel-tag, rel-license.

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

P.S. Сервис разработан с участием Дмитрия Барановского (DmitryBaranovskiy) — хорошего парня и талантливого разработчика, ныне живущего в Австралии.
P.P.S. Клавиатура Лебедева не служила прототипом для названия сервиса. Optimus — персонаж из аниме (со слов разработчиков).
P.P.P.S. Замечены проблемы с кириллическими кодировками. Их решают.
Всего голосов 20: ↑16 и ↓4 +12
Просмотры845
Комментарии 25

Новый плагин Safari для работы с микроформатами

Микроформаты
Мечты Джона Хикса (John Hicks) и многих других пользователей Mac OS X стали реальностью — теперь работа с правильными страницами, размеченными микроформатами возможна и в браузере Safari:

Плагин для работы с микроформатами для Safari

Плагин для работы с микроформатами для Safari

Добавляйте новые события, размеченные при помощи hCalendar в iCal и новые контактные данные, размеченные при помощи hCard в Адресную книгу всего в два клика!

via Microformatique
Всего голосов 19: ↑17 и ↓2 +15
Просмотры606
Комментарии 9

Yahoo Search будет индексировать микроформаты

Микроформаты
В качестве очередного шага на пути к созданию открытой поисковой платформы, компания Yahoo объявила о поддержке микроформатов и других семантических веб-стандартов. Таким образом, разработчики могут смело внедрять в HTML-код данные hCard, hCalendar, hReview, hAtom и XFN, а также создавать структурированные фиды на RDF и eRDF. Поисковый робот Yahoo будет корректно распознавать перечисленные микроформаты и добавлять информацию в общую базу.

Многие продвинутые сайты, такие как LinkedIn, уже давно используют микроформаты, но у рядовых разработчиков до сих пор не было мощного стимула для использования структурной разметки. Поддержка микроформатов со стороны поисковых систем может стать таким стимулом.

Было:

Будет:

Читать дальше →
Всего голосов 29: ↑28 и ↓1 +27
Просмотры1K
Комментарии 23

Микроформаты в Википедии

Краудсорсинг
Речь пойдёт об hCard и hCalendar (англ.). Об использовании других микроформатов тоже можно говорить долго, но не в этот раз.

Сам топик частично анонс того, что появилось, частично попытка спросить совета, куда стоит или не стоит дальше двигаться.

Так вот, рассмотрим возможность использования hCard в Википедии на примере статьи о Джонни Деппе.
Если вычистить всё лишнее, то на данный момент нужный нам кусок кода выглядит так (на самом деле, структура несколько отличается, но нас подобная модель устроит; ссылки для упрощения показаны викикодом):
Читать дальше →
Всего голосов 22: ↑19 и ↓3 +16
Просмотры355
Комментарии 18

Cognition

Чулан
Давно (со времени, как написал xfn-spider) не смотрел, как там в интернете с микроформатами. За это время появился отличный Optimus — XSLT для извлечения микроформатов, а также Cognition, который парсит не только микроформаты, но и RDF-данные (и даже с GRDDL). Cognition очень хорош.
Всего голосов 3: ↑2 и ↓1 +1
Просмотры211
Комментарии 1

Практический HTML: улучшаем семантику ссылок

Микроформаты
Перевод

Примечание: ниже перевод статьи «Boost Your Hyperlink Power». В ней освещается использование атрибутов rel и rev, а также некоторые микроформаты.



Часть HTML-тегов и атрибуты мы используем каждый день в свой работе. Заголовки, параграфы, списки и картинки являются основой разметки каждого веб-разработчика. Но наиболее распространенным элементом, наверное, будет ссылка — простой тег, который связывает воедино все страницы, создавая ту самую беспорядочную структуру, которую мы называем Всемирная Сеть Интернет (WWW).



Ссылка как она есть



Весь потенциал ссылок заключается в атрибуте href, сокращение от hypertext reference. Он создает одностороннюю связь текущей страницы с другим ресурсом, обычно другой такой же страницей в интернете:



   <a href="http://allinthehead.com/">


Атрибут href находится в открывающем теге a, между открывающим и закрывающим тегами находится текст для описания ссылки:



   <a href="http://allinthehead.com/">Drew McLellan</a>


«Ну и что», — скажите вы. — «Это я все и так знаю», — и будете абсолютно правы! Но у ссылки есть еще кое-что, кроме атрибута href.


Читать дальше →
Всего голосов 43: ↑41 и ↓2 +39
Просмотры7.7K
Комментарии 44