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

Работа была представлена на конференции 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.

Тэги:  , , , ,

1 комментарий на «FluidHTML: новое слово в верстке»

  1. Pingback: TechCrunch50 2009: самое интересное, обзор проектов

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Spam Protection by WP-SpamFree