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

Парсим микроформаты

Микроформаты
Перевод
Микроформаты — это способ внедрения специфических семантических данных в HTML, который мы используем сегодня. Первый вопрос, который задал бы гуру XML: «А зачем применять HTML, если XML позволяет создать ту же самую семантику?» Я не буду перечислять все причины, по которым XML был бы лучшим или худшим выбором для кодирования данных, или же почему микроформатами был выбран HTML в качестве базы. Эта статья будет сосредоточена на том, как работают базовые правила парсинга, и как они отличаются от XML-ных.
Читать дальше →
Всего голосов 28: ↑27 и ↓1 +26
Просмотры3.5K
Комментарии 13

W3Cast #1

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

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

* W3C: соблюдай рекомендации и спи совершенно спокойно
* Микроформаты вкратце
* Валидатор: зачем ты нам нужен и кто ты такой?
* Расширения для разработчиков (эго-тема о Firefox)

— Ведущие: Curlybrace & Dinamyte
— Длительность: 33 минуты
— «Вес» файла: 15МБ

Подписаться по RSS
Всего голосов 43: ↑38 и ↓5 +33
Просмотры232
Комментарии 42

Шпаргалка по микроформатам на русском

Микроформаты
Предлагаю вашему вниманию шпаргалку по микроформатам собственного перевода.
Шпаргалку делал конкретно для себя, без подробного описания, но думаю по примерам должно быть понятно.
Рекомендую смотреть не в обычном блокноте, а в notepad++
В дополнение, включил пустой css с классами. Сам этим css не пользуюсь, но может кому-нибудь пригодиться.
Включает в себя:
  • rel, rev
  • XFN
  • hCard
  • hReview
  • xFolk
  • hAtom
  • hCalendar
  • hResume
  • hAudio

Скачать можно по этой ссылке www.site-creator.info/projects/mf.rar
P.S. Если кто найдет неточность, ошибку или переведет то что еще не переведено — буду только рад.
Материалы для этого, искать тут microformats.org
Всего голосов 51: ↑42 и ↓9 +33
Просмотры1.6K
Комментарии 30

Строим семантический веб с помощью .NET

.NET
Есть такие люди, которым всегда хочется не только бежать впереди паровоза, но и тянуть его за собой. Mads Kristensen, разработчик лучшего на сегодняшний день блог-движка на .NET — один из таких людей. Поэтому он не ждет наступления Web 3.0, а активно этот момент приближает.

Помимо рассказов, как реализовывать поддержку OpenID, что такое весь этот семантический веб, добавления в Blogengine.NET поддержки APML, FOAF, SIOC, XFN, он еще и взял, да и написал библиотечку, с помощью которой можно добавить все эти непонятные модные вещи в свой проект. Правда, библиотечка находится в зачаточной стадии, реализовано еще далеко не все, но в качестве учебного пособия полезна уже сейчас.

Запись в блоге
Страница на CodePlex
Всего голосов 12: ↑9 и ↓3 +6
Просмотры681
Комментарии 2

vCard и упрощение заполнения форм

Чулан
Регистрация на сайте — процесс довольно долгий и напрягающий пользователя. Все стараются ускорить его и сделать максимально простым. Но вводить в данные в поля все равно приходится, и от этого никуда не денешься.

Раздумывая над этим, в один прекрасный вечер, появилась идея, как, с помощью vCard и пары скриптов, можно упростить эту процедуру.
Читать дальше →
Всего голосов 4: ↑3 и ↓1 +2
Просмотры1.7K
Комментарии 12

Вторая встреча в Донецке: Django & Google App Engine. Микроформаты. Мобильные приложения

Я пиарюсь
Несколько моментов, которые всплыли во время общения и могут быть интересны товарищам из других городов, которые хотели бы организовывать подобные встречи:
  • Группа в Google Groups для обсуждений.
  • Голосования по различным вопросам на основе приложения Moderator от Google, которое бегает на Google App Engine.
  • Регистрация на мероприятие при помощи форм из Google Docs.
  • Hashtag в твиттере для систематизации твиттов о мероприятии.
  • Сохранение ссылок обсуждавшихся сайтов на delicious с соответствующим тегом.

Непосредственно анонс субботней донецкой встречи ...
Всего голосов 19: ↑16 и ↓3 +13
Просмотры407
Комментарии 22

«Ой! Пикады — реклама в микроформате»

Я пиарюсь
Пикады Что такое пикада? Пикада (от англ. pic'ture и ad'vertisment) — это реклама в микроформате (22х22 пикселя). В этом маленьком квадратике совмещены графика и небольшое текстовое сообщение. Размещение и оплата пикады производится одним кликом!

«Ой! Пикады» новый перспективный проект в сфере интернет-рекламы и вместе с тем дополнительный способ монетизации сайтов и блогов. Проект предлагает простой и удобный способ купли-продажи рекламы на сайте, стоимость которой очень невысока.

Из-за удивительно простого размещения рекламы, мы решили, что размещение будет сопровождаться именно этим восклицанием: "Ой! Пикады — размещу-ка и я здесь свою пикаду". К тому же, как нам кажется, мы придали эмоций нашему проекту — а это хорошо.

upd.: Добавим еще эмоций :) Разместите пикаду на сайте www.picada.ru на 3 месяца БЕСПЛАТНО! Специальный код для размещения: habrahabr.
Всем, кто принял участие в акции — спасибо! Акция закрылась.
Читать дальше →
Всего голосов 35: ↑18 и ↓17 +1
Просмотры515
Комментарии 35

Вышел Oomph 2.0

Микроформаты
image
Обновился Oomph — набор инструментов для работы с микроформатами и внедрением поддержки микроформатов на свои страницы. Oomph 2.0 разработала та же команда MIX Online, которая создала механизм Gestalt — библиотеку внедрения Python/Ruby в HTML (о нем на хабре).

Посмотреть, что предлагает Oomph можно на этой тестовой странице. В ней реализованы микроформаты hCard, hCalendar, hMedia Audio, hMedia Video, hMedia Image, которые аггрегируются в специально добавленном компоненте, доступ к которому производится через иконку в левом верхнем углу. В компоненте есть возможность посмотреть адресные данные, информацию о событии, увидеть местоположение адреса на карте, посмотреть изображение и экспортировать данные календаря и адреса в адресные книги или календари пользователя.

Что нового во второй версии Oomph:

* полная реализация и поддержка микроформата Value Class Pattern;
* поддержка hMedia;
* элементы управления для быстрой интеграции микроформатов в ASP.NET;
* улучшено представление;
* исправлены немногие баги и произведен рефакторинг кода.

Набор инструментов Oomph доступен с открытыми исходными кодами. По приведенной ссылке можно скачать установщик с инструментами и документацию.
Всего голосов 26: ↑22 и ↓4 +18
Просмотры548
Комментарии 3

Букмарки и Javascript

Чулан
Столкнувшись с задачей, создать на сайте ссылку( или кнопку ) «Добавить в закладки», было найдено не сколько вариантов решения этой задачи. И все вроде хорошие, но каждый чем то мне не угодил.

Читать дальше →
Всего голосов 12: ↑8 и ↓4 +4
Просмотры640
Комментарии 19

Бесплатная CMS Pixie с CSS шаблонами

Чулан

Pixie



Официальный сат
www.getpixie.co.uk

Все возможности:
www.getpixie.co.uk/support/article/features

Демо:
demo.getpixie.co.uk/admin

Быстрая и легкая CMS для портфолио, блогов, сайтов визиток.
Всего голосов 22: ↑14 и ↓8 +6
Просмотры507
Комментарии 19

Элементы семантической паутины

Семантика
Сложность структуры современного информационного общества постоянно растёт. В связи с этим, требования к эффективности алгоритмов обработки информации также увеличиваются. В последнее время наиболее популярными направлениями в этой области являются Data Mining (DM), Knowledge Discovery in Databases (KDD) и Machine Learning (ML). Все они предоставляют теоретическую и методологическую базу для изучения, анализа и понимания огромных объёмов данных.
Однако этих методов не достаточно, если сама структура данных будет настолько плохо пригодной для машинного анализа, как исторически сложилось на сегодняшний момент в Internet.
Для решения данной проблемы предпринята глобальная инициатива реорганизации структуры данных Internet в целях преобразования его в Семантическую Паутину предоставляющую возможности по эффективному поиску и анализу данных как человеком так и программным агентам.
В этой статье рассмотрены основные технологии позволяющие реализовать Semantic WEB.

Читать далее..
Всего голосов 63: ↑57 и ↓6 +51
Просмотры12.4K
Комментарии 31

Семантическая паутина — что мы можем делать уже сейчас

Семантика
Буквально только что в топе проскочила замечательная статья "Элементы семантической паутины". Начал писать на нее ответ, но он получился слишком большим, поэтому выделяю его в отдельный топик.

Итак, большинство комментариев делится на две категории: «Да ну, рядовому юзеру семантическая разметка информации непонятна, недоступна, и соответственно, он не будет ей заниматься» и «Да ладно, все будет хорошо, как-нибудь добредем то этого светлого будущего».

Я считаю, что правы и те, и те, и у нас, у тех, кто считает «семантическую паутину» желанным будущим, есть возможности ускорить его приход.
Если интересно - прошу под кат
Всего голосов 54: ↑47 и ↓7 +40
Просмотры4.2K
Комментарии 27

Микроформаты АИР — бархатная революция на рынке интернет-решений

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

Для того, чтобы сделать эту возможность реальной нужно собрать все проекты студий в одном месте, а для этого нужен крайне простой и удобный формат.
Читать дальше →
Всего голосов 33: ↑26 и ↓7 +19
Просмотры529
Комментарии 52

OMF — микроформат для email. Опыт использования в сервисе чатов

Микроформаты
imageСовсем недавно компания Mail.ru разработала открытый стандарт OMF.

Open Mail Format (OMF) — это открытый стандарт разметки почтовых уведомлений. OMF позволяет вам улучшить представление ваших писем в интерфейсе почты Mail.Ru, повышая их эффективность и конверсию.
Ознакомиться с опытом использования...
Всего голосов 70: ↑56 и ↓14 +42
Просмотры2.9K
Комментарии 47

Сниппеты кулинарных сайтов теперь с фото

Блог компании Яндекс
Некоторое время назад мы предложили владельцам кулинарных сайтов возможность улучшать свои сниппеты. Для того, чтобы это сделать, необходимо передать данные о страницах с рецептами в структурированном виде, в формате XML или hRecipe. Предложенные нами форматы содержат достаточно большое число полей для разнообразных параметров рецептов. В первой версии сниппетов использовались не все из них. Тем не менее, мы планировали и планируем расширять использование этих данных. И сегодня демонстрируем это в прямом смысле наглядно.

Теперь для сайтов, на которых рецепты представлены в виде пошаговых иллюстрированных инструкций, в результатах поиска могут появиться вот такие сниппеты с фотографиями «шагов» и результата:



Владельцы всех сайтов, которые передают нам поля, описывающие фотографии, могут уже сегодня увидеть такие сниппеты для своих страниц. Они показываются, когда пользователь явно указывает, что хочет найти именно рецепты с фотографиями, например, вот так: [рецепт трюфелей фото]

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

У нас еще много планов. Следите за новостями.

Любители вкусной еды и команда Яндекс.Вебмастера
Всего голосов 60: ↑51 и ↓9 +42
Просмотры4.5K
Комментарии 4

«Оптимизация» внешнего вида сайта в результатах поиска Яндекса

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

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

А как сайт выглядит в поиске? Захочет ли пользователь вообще на него перейти? Очевидно, что на решение пользователя может повлиять в том числе внешний вид сниппета.

Читать дальше →
Всего голосов 71: ↑63 и ↓8 +55
Просмотры16.1K
Комментарии 13

Валидатор микроразметки — новый инструмент в Яндекс.Вебмастере

Микроформаты
В этом году много запусков и нововведений для вебмастеров было посвящено содержимому сайта и различным способам акцентировать это содержимое в результатах поиска Яндекса или в соответствующих поисковых сервисах (Яндекс.Авто, Яндекс.Недвижимость и др.). Данные о содержимом сайта можно передать различными способами. Одним из способов является разметка HTML-кода страницы микроформатами.

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

Сейчас мы поддерживаем четыре вида микроформатов:
  • hCard — формат разметки контактной информации (адресов, телефонов и т.д.);
  • hRecipe — формат для описания кулинарных рецептов;
  • hReview —  формат разметки отзывов;
  • hProduct —  формат разметки товаров; сейчас используется в партнерской программе «Отзывы об автомобилях» для разметки информации об автомобилях.
Также мы поддерживаем microdata – международный стандарт семантической разметки, позволяющий с помощью атрибутов описать смысл информации, содержащейся в HTML-коде страниц. Такие атрибуты позволяют роботам-обработчикам находить и извлекать нужные данные. В настоящий момент в Яндексе микроданные  используются для разметки словарных и энциклопедических статей, терминов и определений.Подробнее узнать о том, какие данные можно передать Яндексу, смотрите на странице «Передача данных о содержимом сайта». А о микроформатах и микроданных читайте в Помощи.

Также мы рассказывали о семантической разметке и использовании микроформатов на июльском Яндекс.Субботнике. Послушать выступление и посмотреть текст доклада вы можете здесь.
Всего голосов 54: ↑54 и ↓0 +54
Просмотры2.6K
Комментарии 21

До свидания, <time>

Микроформаты
Редактор спецификаций HTML5 Йен Хиксон решил исключить из HTML5 элемент <time>. Тем, кто сейчас применяет <time>, а это такие сайты как Github, Reddit и WordPress (дефолтная тема WordPress с 2,6 млн инсталляций), и разработчикам браузера Opera, придётся поменять <time> на <data> или надеяться, что Хиксон передумает.
Читать дальше →
Всего голосов 39: ↑34 и ↓5 +29
Просмотры1.2K
Комментарии 17