Autor Zpráva
Lexter
Profil
Někdy se potýkám s tím, že mi zákazník nebo grafik řekně že toto má být o pixel dál. No prostě potěš koště, zajímají je koniny. Navíc mě nebaví měřit v psku vzdálenosti, šířky a vše to okolo, tak jsem si vymyslel malou pomůcku a můj dotaz zní, zda už to používáte nebo znáte? V případě že ano, tak jsem zas nic nového nevymyslel a v případě že ne a ne, tak to snad bude aspoň užitečné.

Idea tkví v tom, že si uložím celý grafický návrh do obrázku a jako obrázek ho vložím do kódu. Ten celý napozicuji přes stránku a nastavím mu opacity tak aby obrázek prosvítal. Dovoluje mi to vidět původní stránku a vše kódovat víceméně podle oka, dorovnat vše na fous a mít hromadu starostí z krku.

HTML:
<div id="obal">
  <!--
    Obsah stránky
  -->
  <img src="url obrazku" id="prekryvaci">
</div>


CSS:
#obal {
  position: relative;
  overflow: hidden;
}
#prekryvaci {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.2;
}


Po skončení práce se tyhle věci samozřejmě odmažou.
panther
Profil
Lexter:
No prostě potěš koště, zajímají je koniny.
stává se často, že ti grafik udělá margin/padding jiný než zaokrouhlený na pětipixel? To se pak dá přesně říct i od oka, jestli to je 20 nebo 25px.

Další, co mě napadá, je velikost fontu. Tu ti napíše přímo PS.

A poslední, co mě napadlo, je velikost boxů. Tam je to jednoduché. Nevím, jestli to mám nějak nevědomky nastavené, ale kurzor se mi automaticky přichytává k vodícím linkám, takže změřit objekt zase tolik práce nedá. A přesnosti tolik třeba taky není - kurzor se tam vždycky nějak chytne, kolikrát i nechtěně.


Potřebuješ měřit a porovnávat ještě jiné věci vyjma výše uvedených? Myslím, že ne. Pokud opravdu ne, přijde mi tvá „vychytávka“ zbytečná. Ale možná je to tím, že rád tvořím web z bílé stránky a ne na nějakém obrázku.
Lexter
Profil
panther
stává se často, že ti grafik udělá margin/padding jiný než zaokrouhlený na pětipixel? To se pak dá přesně říct i od oka, jestli to je 20 nebo 25px.
Stává se mi někdy, že grafik udělá zaokrouhlený padding/margin?

Další, co mě napadá, je velikost fontu. Tu ti napíše přímo PS.
Tu neměřím, co vidím, to napíšu.

ale kurzor se mi automaticky přichytává k vodícím linkám
Kdyby tam byli.

Potřebuješ měřit a porovnávat ještě jiné věci vyjma výše uvedených? Myslím, že ne.
Ano, rozestupy boxů, vzdálenosti a další.

Mě to práci šetří a celkem významě. Ale nemyslím, že by to vyhovovalo všem, to rozhodně ne :).
DoubleThink
Profil *
Nevím, velikosti základních boxů jsou přesně dány rozřezáním grafiky a vše ostatní už dělám jen přibližně s citem vzhledem ke skutečné podobě stránky. Nesetkal jsem se s klientem, který by chtěl posun nějakého integrálního objektu jen o pár pixelů.
Nox
Profil
DoubleThink:
Buď rád ;) (já ano)


Mě to přijde jako dobrý nápad...a s pomocí firebugu to půjde poupravovat rychle a jednodušše
tiso
Profil
Lexter: používam inú metódu - obrázok grafického návrhu si dám ako background pre body a po nahodení rozmerov väčších častí layoutu dolaďujem pomocou neho detaily.
Kcko
Profil
Existuje jista pomucka do FF ( https://addons.mozilla.org/en-US/firefox/addon/7943 )

Vaše odpověď

Mohlo by se hodit

Příspěvky nesouvisející s webem budou odstraněny.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: