Dizainerio pagalbininkas Xray

By vienastoks | Published: 2008.1.7

xray07

Analizuojant svetainės dizainą ar kuriant naują labai padeda įrankiai, kurie gali parodyti visą CSS stiliaus informaciją, vos pasirinkus ekrane objektą. Vienas dažniau naudojamų yra Firefox įskiepis Web Developer, tačiau radau man asmeniškai dar geresnį ir patogesnį – Xray.

Kuo geras Xray? Visų pirma, nieko nereikia diegti – įrankis įsikuria adresų juostoje paprasčiausios žymelės (bookmarklet) pavidalu. Belieka tik paspausti ją, o tada – bet kokį elementą tinklalapyje. Atsidariusiame „plaukiojančiame“ lange bus surašyta visa pagrindinė elemento informacija, o tiesiai tinklalapyje bus nurodyti jo išmatavimai pikseliais.

Xray langas yra „gyvas“. Man labiausiai pravertė „paveldėjimo“ grandinė, kurioje, maigant elementų žymas (div, img ir taip toliau), galima judėti paveldėjimo grandine aukštyn ir tikrinti sudėtinių tinklalapio dalių parametrus.

Ne mažiau pravarti yra informacija apie objekto dydį, nes nurodoma ne tik deklaruota stiliaus apraše, bet ir realiai užimama vieta su paraštėmis, atitraukimais ir panašiai.

Iki šiol retai tesinaudodavau žymelėmis, nes daugelis jų neatrodė naudingos, tačiau Xray jau gavo nuolatinę vietą mano adresų juostoje. Išbandykite – esu tikras, kad pravers ir jums. Tai puiki priemonė ne tik specialistams, bet ir besimokantiems bei norintiems sužinoti, kaip padaryti svetainių tinklalapiai.

This entry was posted in internetas, patarimai, svetainė and tagged , , , , . Bookmark the permalink. Both comments and trackbacks are currently closed.

9 Comments

  1. Paulius
    Posted 2008.1.7 at 19:24 | Permalink

    Pamėgink Firebug (getfirebug.com)

  2. fogenous
    Posted 2008.1.7 at 19:39 | Permalink

    Wow, dekingas. Kaip tik senai kazko panasaus ieskojau, bet apsistojau nieko nerades prie web devoleper firefoxui

  3. Viktoras // eblog.lt projekų vadovas
    Posted 2008.1.7 at 19:50 | Permalink

    O ka daryti jei as naudoju Opera? ;)

    • vienastoks
      Posted 2008.1.7 at 20:23 | Permalink

      O jis Operoje neveikia?

  4. Eimantas
    Posted 2008.1.7 at 20:26 | Permalink

    Prisidedu prie Pauliaus. Pabandyk firebug.

    Xray yra šiek tiek obsolete prieš firebug, nes firebug turi tą patį DOM explorerį su stiliaus aprašais, plius konsolę, į kurią galima išvesti derinimo (debug) informaciją kai svetainė yra kuriama, plius matomos visos foninės ajax užklausos.

    Šitas įskiepis, mano nuomone, yra lengvo svorio playginus su firebug.

    • vienastoks
      Posted 2008.1.7 at 20:43 | Permalink

      Man lengvas svoris ir yra šio įrankio privalumas, nes jo net nereikia diegti. Firebug ir visus kitus aš puikiai žinau, nors nenaudoju visų galimybių.

  5. Dummas
    Posted 2008.1.8 at 7:17 | Permalink

    Pagrindinis XRay trūkumas prieš firebug – veikia tik wind’e ir mac’e…
    Be to jis mokamas.

  6. Vidmantas
    Posted 2008.1.8 at 12:20 | Permalink

    Viktorai, gali naudoti visai neprastą Opera Developer console (http://dev.opera.com/tools/). Tiesa, Firebug jis nusileidžia :-)

  7. Melitonas
    Posted 2008.1.14 at 22:15 | Permalink

    firebug !