live.miripiruni.org

Ян Хиксон рассказывает и показывает как использовать теги video и canvas, что такое postMessage() и localStorage, как использовать продвинутые элементы форм (такие как <input type="date"/>, например) и прочие фитчи. Must see: HTML 5 demos from September 2008. Там же есть HTML-примеры.

Тогда бы я обязательно подправил стили для главной страницы:

h1 img{font:4.3em "Arial Narrow",serif}

Чтобы, пока картинка с новым логотипом грузится или отключена совсем, все мальчики и девочки видели альтернативный текст не гарнитурой serif (как это происходит сейчас), а гарнитурой, максимально похожей на ту, что используется в лого.

Левая часть с Arial Narrow, правая — с serif.

Жаль, что псевдокласс :first-letter можно применять только к блочным элементам. А так хорошо смотрелась бы красная буква «Я» в альтернативном тексте.

Мелочь, но приятно.

В архивах W3С я обнаружил несколько связанных гиппертекстовых документов датированных 3 ноября 1992 года. У этих документов доволько занятная разметка. А на этой странице описываются теги используемые в HTML. Кстати, википедия утверждает, что первый сайт был создан 6 августа 1991.

Никогда не понимал: с чего вдруг некоторые веб-разработчики пишут разметку для вложенных списков таким образом:

<ul>
    <li>1</li>
    <li>2</li>
    <ul>
        <li>2.1</li>
        <li>2.2</li>
    </ul>
    <li>3</li>
</ul>

Очевидно, что список может содержать только элементы списка, но не сам список непосредственно. То есть нужно писать:

<ul>
    <li>1</li>
    <li>2</li>
    <li>
        <ul>
            <li>2.1</li>
            <li>2.2</li>
        </ul>
    </li>
    <li>3</li>
</ul>

Сегодня опять наткнутся на еще один «пример», только на этот раз не где-то, а на сайте IBM.com в разделе developerWorks, где объясняют азы XSLT. А я потом удивляюсь: «откуда такое количество некорректно размеченных вложенных списков?» И вот с этих мелочей потом начинается такая «котовасия»…

Привет! У меня в вам вопрос: сколько времени вы тратите на типовые операции при верстке? Например, часто дизайнеры рисуют блок с сервисной навигацией, в которой обычно один и тот же набор иконок. Отличаются такие менюшки только внешним видом, да и то не сильно. Если вам часто приходится верстать такие навигации, то как вы поступаете? Вот мой метод. Попробуйте посмотреть с отключенными картинками и CSS.

Преимущества такого способа

1. Доступность навигации при серфе без картинок и без CSS.
2. Красивая семантически логичная разметка
3. Легкое редактирование иконок (они объединены в один gif файл)

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

Но вот такого я никак не ожидал… Вот те на…

Если вы не присутствовали на РИТ 2008, но ваша деятельность связана с CSS, HTML, и веб-разработкой — рекомендую посмотреть выступления разработчика Internet Explorer 8.

Алексей Могилевский — Презентация IE8

Доклад Алексея Могилевского на тему: «CSS — как делаются стандарты».

Доклад Алексея Могилевского на тему: «CSS — как делаются стандарты». (продолжение)

CSS — Let’s Make Love and Listen to Death From Above!

Вчера оргкомитет конкурса WebHiTech одобрил мою заявку на участие. Теперь мой сайт live.miripiruni.org выдвинут в номинации «лучшее использование технологий».

WebHiTech — очень актуальный конкурс. Думаю, сайты, принадлежащие к русскоязычной части сети, должны быть более качественными и более доступными. А это напрямую зависит от профессионализма разработчиков этих сайтов. И я как разработчик не мог не заметить подобное мероприятие, ведь для меня вся его прелесть — в обмене опытом. Каждый сможет взять столько сколько захочет.

Зачем все это?

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

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

Еще не поздно присоединиться

• Выдвижение работ на конкурс — с 3 апреля по 25 сентября 2008 года включительно.
• Определение финалистов и призеров силами жюри — октябрь 2008 года.
• Награждение победителей — ноябрь 2008 года, предположительно, в рамках одной из тематических профессиональных конференций. О месте и времени проведения торжественной церемонии награждения будет объявлено дополнительно.

Желаю всем номинантам удачи!