FluidHTML: новое слово в верстке

сентября 16, 2009 in Идеи, Инновации 1 Comment

Работа была представлена на конференции TechCrunch50 позавчера. У разработчиков явно присутствуют амбиции создателей нового стандарта в верстке, впрочем, это не случайно – работа того стоит.

В основе разработки лежит простой замысел -  сделать так, чтобы человек, знающий HTML, мог с легкостью “верстать” флеш-сайты. Попутно были также решены проблемы индексирования поисковиком флеш-страниц и навигация в браузере с помощью кнопки Back, которая вообще говоря, недоступна для флеша. Для иллюстрации сгодится их собственный сайт, который является сайтом на флеше, но ведет себя с точки зрения навигации и поисковых систем как HTML-сайт.

Ну ладно, это было введение, а смысл и видео под катом:

FluidHTML представляет собой язык разметки, расширение HTML. Выглядит разметка привычно, например, вот так:

<div border=”null” onClick=”fs:switchLogoDemo(2,’pages/demos/mediaplayer/’,550);” background=”{rgb:0,alpha:0}” coord=”{x:500,y:0, w:370, h:230}” />

или вот так

<div class=”infoBox” background=”{rgb:0xEEEEEE,alpha:0}” coord=”{x:390,y:20,w:300,h:200}” type=”html” selectable=”true” autoSize=”false” id=”~logoDemoText2″>

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

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

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

CSS, Flash, Flex, FluidHTML, html