Tilt este un addon Firefox care va permite sa vizualizati orice pagina web in 3D. Este disponibila o noua actualizare, care vine cu mai multe functii orientate spre dezvoltatori. Incercati suplimentul.
De cand a fost anuntata prima versiune alfa a Tilt (o extensie Firefox axata pe crearea unei vizualizari 3D a unei pagini web), s-a facut multa munca pentru a adauga un numar mare de caracteristici orientate catre dezvoltatori. Acestea se concentreaza pe depanarea structurii unei pagini web, inspectarea stilului si atributelor pentru fiecare nod si reimprospatarea perfecta a vizualizarii atunci cand structura DOM se schimba sau dupa ce continutul documentului este revopsit.
Rezolvati problemele de cuibarire
Tiltul este util atunci cand cautati probleme in structura HTML (cum ar fi gasirea de elemente DIV nedeschise, de exemplu), oferind a treia dimensiune suplimentara, stratificand fiecare nod pe baza cuibaririi in arborele DOM. Stivele de elemente reprezinta vizual ramuri in DOM si fiecare nod poate fi inspectat pentru continutul HTML interior, stilul sau CSS calculat si atributele.
Daca faceti clic oriunde pe vizualizare, se evidentiaza un dreptunghi codat in culori care inconjoara nodul corespunzator. Un dublu clic afiseaza previzualizarea sursa pentru acel nod. Tilt incearca, de asemenea, sa afiseze cele mai relevante informatii atunci cand este necesar (unul este cel mai probabil sa inspecteze atributele unui element de intrare, buton sau imagine, de exemplu, dar poate comuta cu usurinta intre vizualizarea HTML, CSS si atribute in orice moment).
Harta Minidom
„Minidom” este o reprezentare de vizualizare arborescenta care prezinta un instantaneu minimalist al modelului obiectului document. Fiecarui nod i se atribuie o culoare asociata cu numele etichetei (albastru pentru div, verde pentru span etc.) si reprezentata ca o banda, impreuna cu markere vizuale pentru id si / sau clasa, daca sunt disponibile. Fiecare dintre aceste benzi are, de asemenea, o latime in raport cu tipul, id-ul si lungimea numelui clasei pentru elementul respectiv, iar stiva 3D corespunzatoare din vizualizare are margini codificate de culoare. Colorarea pentru elemente individuale se schimba usor folosind selectorul de culori din apropierea legendei minidom.
Daca faceti clic pe o banda in vizualizarea arborescenta (sau direct pe o stiva pe reteaua de vizualizare a documentelor 3D), se evidentiaza de asemenea nodul cu un quad colorat. Acest comportament este o modalitate buna de a relationa cu Inspectorul de stil si o interactiune mai unificata intre Tilt si alte instrumente pentru dezvoltatori este planificata in viitor. Toate aceste adaugiri faciliteaza analiza limitelor fiecarui nod, impreuna cu HTML, CSS calculat si atribute.
Editarea in timp real
Deoarece Tilt este capabil sa detecteze cand se modifica structura DOM a unei pagini web sau cand este necesara o repictare, integrarea este perfecta cu instrumentele de dezvoltatori existente. Utilizarea Tilt si Firebug sau Editor de stil in acelasi timp este usoara. Se poate activa sau dezactiva proprietatile CSS, schimband stilul unui nod, iar vizualizarea se modifica in consecinta.
Pentru a activa actualizari in timp real pentru pagina web 3D, accesati meniul Optiuni si bifati „Actualizati vizualizarea”.
Util pentru invatare
Instrumentele pentru dezvoltatori precum „vizualizarea sursei” au fost intotdeauna folosite pentru a ajuta oamenii sa invete despre dezvoltarea web. Vizualizarea 3D evidentiaza structura unei pagini mai bine decat o vizualizare plana, astfel oricine poate intelege imediat relatia parinte-copil dintre nodurile unei pagini web, pozitionarea lor si modul in care este influentat aspectul.
Un caz de utilizare pentru acest lucru este mashup-ul Hackasaurus. Ochelarii cu raze X sunt un instrument frumos si distractiv conceput pentru a face mai usoara invatarea despre diferitele tipuri de noduri de documente, „blocurile de constructie” care creeaza o pagina web.
videos porno casero españa fiestas porno
peliculas eroticas alemanas porno tv
miakalifa porni
maturehd amas de casa follando
se corre en el coño de su hija pornox
me gusta follar española follando
video sexo porno fiestas
amas de casa infieles incesto x
maduras masturbandose largeporntube
incesto subtitulado español tias corriendose
abuelas tragando leche todoporno
comic maduras pilladas desnudas
videos porno corridas internas madresxxx
fiestas porno maduras folladoras
mature.com maduras en la playa
porno gratis viejas mujer masturbandose
vecina mirona masturbaciones
videos actrices españolas desnudas p0rno
pajas caseras michelle jenner desnuda
se folla a su cuñada maduras sex
Export
O caracteristica solicitata a fost posibilitatea de a exporta vizualizarea ca o retea 3D, pentru a fi utilizata in jocuri sau in alti editori 3D. Tilt adauga posibilitatea de a exporta in .obj , impreuna cu un fisier material .mtl si o textura .png (o captura de ecran a intregii pagini web). Formatul deschis .obj asigura faptul ca reteaua poate fi deschisa cu aproape orice editor. Iata o redare trasata de raze a hacks.mozilla.org in Blender:
Distractie cu experimente
De indata ce a fost lansat, multi oameni au gasit modalitati alternative inteligente si interesante de a interactiona cu Tilt. Un experiment a fost crearea unei vizualizari 3D a unei imagini, prin exportarea unor bucati de pixeli intr-o reprezentare HTML. Rezultatul a fost o reprezentare de tip voxel, cu blocuri de noduri si stive in loc de pixeli. Un convertor Image2Tilt simplu a fost scris in JavaScript si il puteti incerca direct in browser.
Suportul accelerometrului a fost un alt plus bazat pe cererea comunitatii. Acest lucru arata cat de usor este sa adaugati functionalitati care nu au fost planificate initial.
Puteti vizualiza codul sursa, il puteti furniza si, de asemenea, puteti contribui la completare cu idei sau cereri de caracteristici pe Github, la github.com/victorporof/Tilt.
Disponibil ca supliment
Cea mai recenta versiune a Tilt poate fi gasita pe Github, dar puteti descarca si Tilt ca un addon de pe addons.mozilla.org.
Pentru compatibilitate, Tilt necesita functii WebGL. Accesati get.webgl.org pentru a verifica disponibilitatea si a depana orice problema. Versiunea actuala functioneaza cu versiunile Firefox 6.0 pana la cele mai recente 10.0 Nightly (cele mai recente versiuni Nightly accepta acum si antialiasarea WebGL, functionand excelent cu Tilt).
Pentru a porni Tilt, apasati Control + Shift + M (sau Command + Shift + M daca sunteti pe Mac OS) sau accesati Web Developer -> Tilt , disponibil in meniul aplicatiei Firefox (sau in meniul Instrumente de pe Mac OS) . Puteti modifica aceasta tasta rapida (si alte proprietati) din meniul Optiuni dupa ce ati inceput Tilt.
Mai multe informatii despre Tilt, procesul de dezvoltare si actualizarile importante pot fi gasite pe blog.mozilla.com/tilt.
Viitor
Tilt a devenit un proiect activ pentru Developer Tools si se depune un efort continuu pentru a-l integra cu alte instrumente existente, cum ar fi Style Inspector si Style Editor (cod sursa si ultimele versiuni). Deoarece vizualizarea 3D a unei pagini web sa dovedit a fi utila pentru depanare, aceasta functionalitate principala va deveni treptat parte a Firefox in versiunile viitoare.
Mozillian, hacker, lucreaza la Firefox DevTools.
Mai multe articole ale lui Victor Porof …
