Rozměry html wireframe

JJ377

5. 1. 2013 21:38:23

Dobrý večer, mám (možná hloupý) dotaz a potřeboval bych prosím poradit od zkušenějších:

dostal jsem jako zadání grafiky webu wireframe ve formátu html.

Potřeboval bych zjistit rozměry stránky a jednotlivých elentů.

Je možné buď dostat html wireframe do Photoshopu nebo zjisti rozměry přímo v prohlížeči(bez hledání ve zdrojovém kódu)?

Předem mnohokrát děkuji,

bezmocný grafik :)

5. 1. 2013 21:38:23

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/rozmery-html-wireframe/#reply849425

Jan Kroupa

(120 hodnocení)

5. 1. 2013 21:40:29

Snad pro každý prohlížeč existuje doplněk, který má pravítko nebo který při najetí myší nad element ukáže jeho velikost.

5. 1. 2013 21:40:29

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/rozmery-html-wireframe/#reply849424

JJ377

5. 1. 2013 21:50:21

Napsal honzajs;890463
Snad pro každý prohlížeč existuje doplněk, který má pravítko nebo který při najetí myší nad element ukáže jeho velikost.

děkuji za odpověď,

používám Google Chrome, ale nedaří se mi najít potřebný plugin. Pokud nějaký používáte, mohl byste mi prosím nějaký poradit??

Děkuji moc.

5. 1. 2013 21:50:21

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/rozmery-html-wireframe/#reply849423

Tomáš Stibor

(1 hodnocení)

5. 1. 2013 21:53:59

Napsal J&J;890469
děkuji za odpověď,
používám Google Chrome, ale nedaří se mi najít potřebný plugin. Pokud nějaký používáte, mohl byste mi prosím nějaký poradit??
Děkuji moc.

Tento doplněk je v podstatě intergrovaný už v základu. Najdete ho v Menu -> Nástroje -> Nástroje pro vývojáře. Po spuštění se Vám "rozpůlí" obrazovka a když najedete myší přímo na HTML prvek, tak se nad ním ukáže žlutý popisek přímo s rozměry v pixelech. :)

5. 1. 2013 21:53:59

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/rozmery-html-wireframe/#reply849422

JJ377

5. 1. 2013 22:06:13

Napsal Tomáš Stibor;890478
Tento doplněk je v podstatě intergrovaný už v základu. Najdete ho v Menu -> Nástroje -> Nástroje pro vývojáře. Po spuštění se Vám "rozpůlí" obrazovka a když najedete myší přímo na HTML prvek, tak se nad ním ukáže žlutý popisek přímo s rozměry v pixelech. :)

Díky!

5. 1. 2013 22:06:13

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/rozmery-html-wireframe/#reply849421

Kamil Hurajt

(8 hodnocení)

5. 1. 2013 22:11:38

Napsal J&J;890488
Díky!

Lepsi spusob jak toho docilit je, kdyz klepnete na nejaky prvek pravym tlacitkem a zvolite Zkontrolovat prvek v ENG verzi Inspect element. :)

Timto krokem se otevre Nastroj pro vyvojare kde v leve casti mate HTML kod, kde kdyz najedete mysi na nejaky HTML tag tak se Vam vyznaci na strance o jaky se jedna,

na prave strane muzete videt css styly, ktere jednotlivym tagum patri, je potreba si uvedomit ze jsou tam css styly take prohlizecu ( defaultni ), takze je spajet s identifikatorma v tazich jako: class="nazev" budete hledat pod .nazev nebo id="nazev" pod #nazev

Bod + potesi :)

5. 1. 2013 22:11:38

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/rozmery-html-wireframe/#reply849420

JJ377

5. 1. 2013 22:15:17

Napsal softdream;890492
Lepsi spusob jak toho docilit je, kdyz klepnete na nejaky prvek pravym tlacitkem a zvolite Zkontrolovat prvek v ENG verzi Inspect element. :)
Timto krokem se otevre Nastroj pro vyvojare kde v leve casti mate HTML kod, kde kdyz najedete mysi na nejaky HTML tag tak se Vam vyznaci na strance o jaky se jedna,
na prave strane muzete videt css styly, ktere jednotlivym tagum patri, je potreba si uvedomit ze jsou tam css styly take prohlizecu ( defaultni ), takze je spajet s identifikatorma v tazich jako: class="nazev" budete hledat pod .nazev nebo id="nazev" pod #nazev
Bod + potesi :)

to je přesně to co jsem potřeboval!Děkuji!

5. 1. 2013 22:15:17

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/rozmery-html-wireframe/#reply849419

Pro odpověď se přihlašte.

Přihlásit