A markupeasy.ru cím alatt egy olyan érdekes psd eszköz található, amely számos információt ad a kérdéses psd-ről, mint például színek, méretek, betűk, stb. Az egyes grafikai elemek külön is vizsgálhatók és szükség esetén CSS kód is megszerezhető weboldalakhoz.

Első lépésként érdemes átállítani angol nyelvűre.


Majd egy regisztráció után itt használatba vehető itt: markupeasy.ru/app

300MB áll rendelkezésünkre.

New project és adjunk meg egy nevet neki, majd Create.


Válasszuk ki a projektet.


Majd Add Layout > Add File > válasszuk ki > majd download

Várni kell, míg végez a feldolgozásával, de végül elérhető lesz és kattintással megnyitható.


Egy ilyen felületet kapunk.


Ha egy grafikai elem fölé állunk, akkor annak kiírja méretét.


A színmintavevővel a színeket lelophatjuk, de komolyabb lehetőséget ad az alatta lévő réteg paletta.

Itt az egyes rétegek és azok tulajdonságai is megnézhetők, például szöveg esetén a betűtípus, méret, stb.


Hasznos, hogy az egyes rétegek tulajdonságait CSS kódként kimásolhatjuk.


Ehhez valamelyik elemre kattintani kell és máris mutatja a kódot.


Az i gomb alatt pedig egy összegzést is kaphatunk.



Érdekel a webfejlesztés, weboldalak készítése?

Kattints ide oktató videókért!