Firefox 11 dodao je dva nova alata za razvijanje web stranica Firefoxovom već impresivnom arsenalu. Značajka Tilt vizualizira strukture web stranica u 3D, a urednik stilova može uređivati CSS stilske listove u letu.
3D značajka, poznata kao Tilt, je način vizualizacije DOM-a web stranice. Ona se integrira s postojećim inspektorom dokumenata i koristi WebGL za prikaz bogate 3D grafike u vašem pregledniku.
Možete pristupiti Tilt iz preglednika Stranica na Firefoxu. Da biste započeli, otvorite pregled inspektora stranice odabirom opcije "Provjeri" na izborniku web-razvojnog programera. Također možete kliknuti desnom tipkom miša na trenutnu stranicu i odabrati "Inspect Element" (pregledati element) da biste pokrenuli inspektora u određenom elementu.
Kliknite gumb "3D" na alatnoj traci inspektora.
Vidjet ćete strukturu stranice nakon aktivacije 3D moda, ali će izgledati ravno dok ga ne zakrenete.
Zakrenite model lijevim klikom, pomaknite sliku okretanjem desnom tipkom i povećajte ili smanjite pomoću kotačića miša.
Ovaj pogled je integriran s drugim alatima inspektora. Ako imate otvorene ploče HTML ili Style, možete kliknuti element na stranici hte da biste vidjeli HTML kôd tog elementa ili CSS svojstva.
Značajka 3D vizualizacije temelji se na proširenju Tilt, ali ona nema sve značajke ekstenzije Tilt. ako želite prilagoditi boje ili čak izvesti vizualizaciju kao datoteku 3D modela za upotrebu s programom 3D uređivanja, morat ćete instalirati dodatak za Tilt 3D. Nakon što dobijete, dobit ćete novu opciju "Nagib" u izborniku Web Developer.
Kliknite gumb Odustani da biste koristili staru verziju značajke Tilt kada se to od vas zatraži.
Pronaći ćete kontrole za prilagodbu vizualizacije na lijevoj strani prozora i druge opcije, uključujući značajku izvoza, pri vrhu stranice.
Da biste pregledali i uredili stranice CSS stilskih stranica, otvorite Editor Style iz izbornika Web Developer.
Uređivač Stilova ispisuje listove stilova na trenutačnoj stranici. Uključite ili isključite stilski stil klikom na ikonu oka lijevo od naziva stila. Uredite stilski stil odabirom i mijenjanjem koda.
Promjene se odmah odražavaju na stranici. Ako isključite stilski list, stranica će izgubiti svoje informacije o stilu. Ako uredite stilski list, vidjet ćete da se uređivanja pojavljuju na stranici dok upisujete.
Možete spremiti kopiju jednog od stilskih listova na svoje računalo, uvesti postojeći stilski stil s računala ili dodati novi prazan stilski stil pomoću Save, Import ili New links u prozoru Editor stila.
Značajka 3D vizualizacije promatra promjene na trenutačnoj stranici i primjećuje kada se promjene događaju. Kada koristite uređivač stilova s otvorenim 3D inspektorom, promjene će se odmah odraziti u 3D prikazu. To također funkcionira s proširenjima treće strane koja mijenjaju web stranice, kao što je Firebug.
