Share via


Микроформаты для Visual Studio: hCard и hCalendar

На запуске Visual Studio 2010 мне довелось рассказывать про ряд новинок Visual Studio 2010 для веб-разработчика и, среди прочего, про сниппеты для HTML и JavaScript.

mf-white[1]

Важным моментом при этом является возможность расширения сниппетов собственными решениями. В качестве примера я приводил сниппеты для микроформатов , которые можно легко добавить в VS2010.

 

В приложении к данному посту вы сможете найти сниппеты для Visual Studio для vcard_add hCard и cal hCalendar.

 

hCard

hCard — специальный микроформат для контактов.

Соответствующий сниппет для VS после регистрации (менеджер сниппетов вызывается из меню Tools или по ctrl+K, ctrl+B) будет доступен по шоркату hcard:

image

Вставляемый код микроформата hCard выглядит следующим образом:

image

По умолчанию стоит контейнер “div”, но его можно быстро сменить на “ul-li”, заменив два div в начале вставленного кода.

На выходе можно быстро получить карточку с контактами в стандартном формате (остается только стилизовать средствами CSS):

image

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

 

hCalendar

hCalendar — специальный микроформат для событий (мероприятия, встречи и т.п.).

Соответствующий сниппет для VS после регистрации будет доступен по шоркату hcalendar:

image

Вставляемый код выглядит следующим образом:

image

Аналогично hcard можно быстро заменить контейнеры div на любые другие по желанию. На выходе можно быстро получить html-код с описанием мероприятия:

image

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

VS2010 Microformats. hCard. hCalendar. v0.1.zip