Заказчик прислал 14-мегабайтный PSD-файл, содержащий макет всего одной вебстраницы. Открыв его, обнаружил изрядный бардак в структуре: куча из скрытых слоёв, групп, поименованных абы как, каких-то продублированных несколько раз одинаковых слоёв и т.п. С грехом пополам разобрался, что к чему, сверстал. А потом выяснилось, что кое-что было забыто (я просто не смог увидеть это «кое-что»).

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

UPD: Хабралюди, не превращайте, пожалуйста, комментарии в арену для священных войн.

Ну почему, чёрт возьми, такая красивая внешняя оболочка имеет такое полупрофессиональное содержимое?

Штуки вроде

<div class=«blog_headline»>Заголовок</div>

удручают меня, как верстальщика.

Зачем все эти

<p style=«clear: left;»></p>

?

А это?

Хабралюди, поправьте меня, если я не прав. Дело вот в чём: ищу и не могу найти в своём профайле прямую ссылку «Написать». Приходится ползти в один из тех блогов, которые я читаю, и там уже кликать по этой самой ссылке.

Почему бы не добавить ссылку «Написать» прямо на страницу профайла?

Стив Ганц (Steve Ganz), старший разрабочик LinkedIn, заявил о том, что разработчики сети LinkedIn внедрили микроформат hResume в профайлах всех пользователей (примерно 9 миллионов человек).

Пользователи Firefox 2 с расширением Operator уже сейчас могут воочию убедиться в вышесказанном: достаточно зайти на страницу вашего аккаунта в LinkedIn, и далее по пути My Profile —> Public Profile.

Хабрапочта. Вы получаете письмо примерно следующего содержания: «Пользователь Имярек приглашает вас присоединиться к своему 1-му кругу друзей на Хабрахабре. Ниже текст запроса, который оставил Имярек:»

Вы позволяете добавить вас в список его друзей и поступаете с ним также. А потом не можете напрямую ответить ему на его послание т.к. кнопка «Ответить» отсутствует.

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

Что скажете?

Алекс Фааборг (Alex Faaborg, один из разработчиков Mozilla), заявил о том, что браузерам будущего суждено стать своего рода информационными брокерами, собирающими и передающими семантически размеченную информацию сторонним приложениям (как сетевым, так и размещённым на вашем компьютере). Этот принцип, возможно, будет реализован уже в Firefox 3.



Эту задачу планируется решать в том числе и путём дальнейшего внедрения поддержки микроформатов.

Ссылки по теме

1. Mozilla Does Microformats: Firefox 3 as Information Broker
2. Microformats — Part 2: The Fundamental Types
3. Follow the Data (запись в блоге ещё одного «мозилловца»)

Начав публикацию материалов о микроформатах, я столкнулся с тем, что люди не вполне понимали их назначение (сказывается недостаток информации на русском языке). Размещённый под катом перевод призван внести ясность в головы тех, кто интересуется микроформатами. Харизматичная американка Молли Хольцшлаг наглядно рассказала о том, что, как и зачем. Всё действительно просто.

И с наступающим Новым годом вас, дорогие друзья! Надеюсь, что в 2007 году Рунет не окажется за бортом µf-движения :-)

Когда речь заходит о сайтах, использующих микроформаты, чаще всего звучат названия западных крупных проектов (Flickr, Technorati и т.п.), но и Рунету есть что показать. Известный многим сайт «Мой Круг» также содержит микроформатированный контент. Если у вас есть Firefox c установленным расширением Operator, то вам достаточно заглянуть в профайл любого из пользователей сайта. Загляните, например, к Роману Иванову, ну или ко мне — сами увидите.

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

Как сообщает мой японский резидент, в Токио продаются наушники для iPod, которые светятся и мигают неоновым, розовым или зеленым светом в соответствии с играющей музыкой. Смотрите сами (видео).

Раздел «Люди», левая колонка, список тех, кто недавно (вот только что) был (или есть) на сайте. Первой строчкой — вы сами. Думаю, большинство из тех, кто просматривает этот перечень, понимают и без лишнего уведомления, что они в данный момент находятся на сайте. :-)

Может быть стоит убрать эту фичу за ненадобностью?

Спасибо за внимание.

Брайан Сьюда опубликовал свежую версию шпаргалки по микроформатам (76 килобайтов, PDF), а Энди Маббит сделал нечто подобное, но в Wiki официального сайта сообщества.

Ну а я пока начну готовить очередную статью.

Добрый человек Wolfgang Bartelme создал набор пиктограмм для микроформатов.

Вот так, например, выглядят пиктограммы основных микроформатов:
.

На сайте доступны исходники для уже готовой графики и джентельменский набор разработчика пиктограмм для микроформатов (psd- и ai-файлы).

Под хабракатом я разместил обзорное описание микроформата rel-license, призванного указать для контента или его части ту лицензию, под которой этот контент распространяется (Creative Commons 2.0, Apache 2.0 license, GNU General Public License и т.п.).

Элементов заголовков, если уж быть точным. Очень неудбно размечать заголовки элементами B или STRONG. Нелогично, непривычно. Имело бы смысл разрешить использовать в текстах статей (не в комментариях!) заголовки младших уровней.

Я вот о чём:

В абзаце «Перейдя по www.webdirections.org/contact-web-direct…">ссылке, вы можете посмотреть, как это работает — X2V извлекает hCard, встроенный в сайт Web Directions, конвертирует его в vCard, и даёт вам скачать и загрузить полученный файл в вашу адресную книгу.» после публикации неверно отпарсилась ссылка. Синтакис в HTML соблюдён. Ссылка не совсем обычная, но и не вредная для людей :-). Оч. прошу как-то поправить.

P.S. В личной почте ссылку точно так же корёжит.

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

Микроформат rel-tag используют в качестве формата для разметки тагов такие сайты, как LiveJournal, ODEO, Eventful, однако и простые смертные могут легко создавать такого рода контент у себя, используя следующий инструментарий:

Как стало известно, «яблочный» почтовый сервис dotMac Webmail с недавних пор поддерживает микроформат hCard.

Если говорить о крупных компаниях, то помимо Apple к настоящему времени поддержку микроформатов обеспечивают четыре дочерних сервиса Yahoo!, а именно: Tech, Local, Flickr, и Upcoming.

Дополнительная информация.