Новий редактор стилів та 3D відображення DOM-структури сторінки у Firefox 11

Серед нових інструментів з'явиться Style Editor: інструмент, призначений для комфортнішої роботи зі стилями HTML-сторінки. По суті, інструмент є дво-панельним вікном, одна з панелей якого призначена для відображення списків імен стилів, а друга — власне, CSS-коду. Розробники зможуть створювати нові стилі «на льоту», імпортувати їх з файлу, включати і вимикати окремі стилі, отримуючи можливість оцінити як виглядає сторінка, причому зміни, що виконуються, тут же відображаються. Якщо розробник хоче вивчити CSS-код іншого сайту, який часто мінімізують з метою зменшення швидкості завантаження, Style Editor зможе визначити «оптимізовані» місця в CSS і відобразити їх у зручному вигляді.

Як виглядає майбутній інструмент можна оцінити на скріншоті нижче:

редактор

Більш ефектним візуально виглядає інше удосконалення для розробників - відображення структури web-сторінки у вигляді 3D (функціонал, який раніше був реалізований у розширенні Tilt)

Якщо комп'ютер розробника підтримує WebGL, Firefox 11 зможе відобразити DOM-структуру web-сторінки у вигляді 3D-картинки, в якому вкладені елементи відображаються у вигляді «стеків». Звичайно, 3D DOM сторінка підтримує стандартні елементи роботи з тривимірними об'єктами, такими як масштабування та обертання, причому клік по 3D-елементу призведе до відкриття його HTML та/або CSS-коду.

Як це виглядає, можна подивитися на скріншоті нижче:

стилів