Статьи

SIFR и HTML-оверлеи

Вот пара забавных новых игрушек, которые появились за последние 24 часа. Во-первых, Майк Дэвидсон, Шон Инман и Томас Джогин выпустили sIFR , новый взгляд на печально известную технологию замены вспышки IFR Шона Инмана. Замена Flash — это умный метод, основанный на семантическом HTML, при котором части текста заменяются (с использованием JavaScript) эквивалентом Flash с использованием специального шрифта, встроенного в файл Flash. sIFR улучшен по сравнению с предыдущими версиями, гарантируя, что замененный файл Flash учитывает точный размер заголовка (‘s’ для Scalable). Его также можно применять к любому элементу на странице, а не только к заголовкам.

Хотя этот метод отлично подходит для придания остроты заголовкам, я бы рекомендовал избегать его использования для больших кусков основного текста. Хотя отрисованный Flash-текст теперь можно копировать и вставлять, он по-прежнему отстает от обычного текста HTML по ряду причин в отношении доступности и удобства использования — например, при изменении размера текста в формате sIFR с помощью обычных элементов управления размера шрифта в браузере это не повлияет, пока вся страница обновляется. Это не значит, что техника не должна игнорироваться: это изумительный кусок работы и прекрасный пример объединения HTML, JavaScript и Flash для улучшения дизайна страницы без снижения семантической ценности базовой разметки.

Игрушка номер два — HTMLoverlays , гениальный хак от Daniel Glazman из Mozilla Composer / Nvu Fame , основанный на идее Лорана Жуано . Оверлеи — это вдохновляющая особенность языка XUL в Mozilla, которая позволяет трансплантировать дополнительные элементы в документ XUL путем объединения двух документов — что-то вроде XSLT, но с гораздо более простым синтаксисом. HTMLoverlays — это небольшой JavaScript, который предоставляет те же функциональные возможности для современных браузеров (IE / Windows, Safari и Mozilla) для использования с документами HTML. В итоге получается что-то вроде клиентского включения — вы определяете базовую структуру документа, а затем связываете его с оверлейным файлом, используя элемент в заголовке документа. Если это не имеет никакого смысла, просмотр источника на примере Дэниела должен прояснить ситуацию.

Приятно видеть, как продолжается новая волна JavaScript-инноваций.