Что нам готовит Firefox 1.5

Итак, вышла бета версия (Beta 1) браузера Firefox 1.5. За последнее время это самый впечатляющий релиз из всех. В браузер встроен новый генератор страниц Gecko 1.8, в который включено множество интересных функций. Новое в этой версии:

SVG Canvas Колонки CSS3 JavaScript 1.6

Рассмотрим каждую функцию поближе.

SVG

Все эти годы проект Mozilla SVG project потихонечку развивался, но до недавнего времени вам приходилось скачивать полностью отдельный релиз Мозиллы, чтобы посмотреть, как там все работает. Версия 1.5 - первая версия Firefox, в состав которой включен Mozilla SVG project, благодаря чему перед веб-разработчиками открывается целый новый мир векторной графики. Для начала посмотрите страницы с примерами на сайте Croczilla, непременно поиграйте с интерактивными примерами, что приведены внизу страницы. Подробности о поддержке SVG в Мозилле читайте не страницах "Mozilla Developer Centre"

Canvas

Элемент дает доступ к современному API для рисования двумерных объектов на стороне клиента. В будущем обещают поддержку и трехмерной графики. API был придуман в компании Apple для ее элементов приложения Dashboard. Затем API был описан в спецификации с целью стимулировать разработку совместимых реализаций в других браузерах.

Потенциал элемента огромен. Пока примеры еще очень примитивные, интерактивная демонстрация Дарена Фишера (Darin Fisher) дает представление о том, что нас ждет в будущем. Приложение Canvas shell является удобным инструментом для работы с API. На сайте developer.mozilla.org уже выложены первые страницы замечательного учебника по Canvas. А вот эта демонстрация (изначально она создавалась для Safari 1.3) также производит неизгладимое впечатление.

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

Колонки CSS3

Веб разработчики давно мечтали о возможности создавать гибкие многоколоночные страницы (которые сейчас создаются на сайте Herald Tribune с помощью ужасно сложного JavaScript-а) - среди прочих достоинств эта функция позволяла форматировать текст с шириной строки, комфортной для чтения. Модуль CSS3 Multi-column layout позволяет это делать, а движок Gecko 1.8 реализует отчасти эту спецификацию в виде свойств -moz-column-count, -moz-column-width и -moz-column-gap префикса -moz-, что разрешено спецификацией W3C для расширений CSS, специфичных для какого-либо браузера. На то, как работают колонки, вы можете посмотреть на страницах блога Роберта О'Каллахана (Robert O'Callahan) (именно Роберт занимался реализацией многоколоночной функции в Gecko). Документация на Developer Mozilla дает более детальное описание этой функции.

JavaScript 1.6

Согласно документу "Новое в JavaScript 1.6", в языке появилась поддержка E4X, расширены функции работы с массивами и реализованы generics для массивов и строк. Мне не удалось найти какую-либо информацию, объясняющую, что означает последняяя функция, но первые две - весьма любопытны. E4X (расшифровывается как ECMAScript for XML - ECMAScript для XML) - это относительно новая спецификация, которая вводит в язык новый "родной" тип данных - XML. С его помощью вы теперь можете выполнить следующее:

var x = baz;
alert(x.bar);
x.monkey = "good";
alert(x.toXMLString());

for each (var child in x) {
  alert(x.toXMLString());
}

(Пример взят из письма Аарона Будмана (Aaron Boodman ) в список рассылки Greasemonkey).

По умолчанию поддержка E4X в JavaScript не включается: чтобы включить ее, вам в коде надо прописать следующее


32,718230962753